@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@200;400&display=swap');
body{background-color: aliceblue;font-family: 'Barlow Semi Condensed', sans-serif;}
html {
font-size: 100%;
box-sizing: inherit;
scroll-behavior: smooth;
}
.goog-te-gadget-simple{border: none !important; }.goog-te-gadget-icon{display: none;}

.head .list-group-item{padding-top: 3px !important;padding-bottom: 0px !important;}
.form {position: relative}.form .fa-search {position: absolute;
top: 20px; left: 20px;color: #9ca3af}.form span {position: absolute; right: 17px;top: 13px; padding: 2px;border-left: 1px solid #d1d5db}.left-pan {padding-left: 7px}.left-pan i { padding-left: 10px}.form-input {height: 55px;text-indent: 33px; border-radius: 10px}.form-input:focus {box-shadow: none;
border: none}
.tbtn{float: right;margin-right: 60px;margin-top: 5px;}
.mlog{max-width: 250px;max-height: 50px;padding: 5px}

@media (max-width: 575.98px) {
.headline {max-width: 100% !important;}
.card img {height: 100px !important;}
.mdpb{padding-bottom: 20px !important}
.vid-container {width: 100% !important}
.vid-list-container {padding-top: 331px;
width: 100% !important;height: 600px !important;
overflow: auto !important;background-color: black;}
.mv{min-height: 180px !important;}   
.slick-slider {padding-bottom: 25px;}
.partner img{max-width: 40%;}  
.mtc{text-align: center !important}
.ps-0 {padding-left: 1rem!important;}
.pe-0 {padding-left: 1rem!important;}
.ani-analytics {margin-top: 10px;}
.footer{padding-bottom: 45px;}
.explore .card .imgBx img {width: 100px !important}
.ribon {width: 100% !important;position: inherit !important; margin-top: 0px !important;} 
.item.list-group-item .img-event {width: 100% !important;}
.item.list-group-item .caption {width: 100% !important;}    
    
}


@media (max-width: 767.98px) { 



}


@media (max-width: 991.98px) { 


}


@media (max-width: 1199.98px) { 
.sm{font-size: 11px;}

}


@media (max-width: 1399.98px) { 
.sm{font-size: 11px;}

}
@media (max-width: 1599.98px) { 
.sm{font-size: 12px;}

}


body{background-color: white;}
.carousel-control-next, .carousel-control-prev {
    top: 50% !important;
} 
p{font-size: 17px;text-align: justify}
.topimg{width: 100%; height: 200px;
display: flex; padding-left: 20%;
padding-right: 20%}
.card {background-color: white; box-shadow: 1px 0px 7px -5px;
border-radius: 10px;margin-bottom: 20px;border: none;}
.card:hover{box-shadow: 0px 4px 5px -2px !important;transition: 1s}
.gallery{display: inline-block;margin-top: 20px;}
.testimonial-slider .carousel-indicators [data-bs-target] {
width: 10px;height: 10px;background-color: #dc3545;
border-radius: 100%;}
.heading h1 {font-size: 25px;font-weight: 600;}
.testimonial-slider {padding: 10px 0px 40px;} 
.footer {background-color: #1f1f1f;}
.fimg{padding: 5px;border-radius: 10px}
.float{position:fixed;width:60px;height:60px;bottom:10px;left:15px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.my-float{margin-top: 9px;font-size: 40px;position: relative;
    left: 8px;color: white} 
.noti{position: relative;top: -30px;
    font-size: 10px;border-radius: 50%;left: 10px;}
.services {padding-bottom: 30px;text-align: center;
padding: 50px 0px;}.services .section-title h2 {
color: #444;font-size: 42px;}.services .section-title p {
text-align: center;font-style: italic;margin-bottom: 40px;
color: #666;}.services .service-box {margin-bottom: 30px;
padding: 15px; text-align: center;box-shadow: 0px 0 5px #bdbdbd;float: left;position: relative; z-index: 1;
overflow: hidden;}.services .service-box::after {
content: ''; position: absolute; width: 100%;
height: 100%;background: #f1f1f1; left: 0px;top: -500px;
z-index: -1;transition: 1s;}.services .service-box:hover::after { top: 0px;}.services i {display: flex;
justify-content: center;}.services i {width: 70px;
height: 70px;margin-bottom: 30px;background: #ffffff;
border-radius: 100%;transition: 0.5s;color: #28a745;
font-size: 35px;overflow: hidden;padding-top: 18px;
box-shadow: 0px 0 5px #bdbdbd;margin: 10px auto 15px;}
.services h4 {font-weight: 600;margin-bottom: 15px;
font-size: 18px; position: relative;}.services h4 a {
color: #444; text-decoration: none;}.services h4 a:hover {
color: #28a745;}.services p {line-height: 24px;
font-size: 14px;}

/* ============ desktop view ============ */
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0 / 83%);
}
@media all and (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
    justify-content: space-around !important;
}
.navp{padding: 10px 0px 0px 30px !important}  

.dropdown-menu li{
position: relative;
}
.dropdown-menu .submenu{ 
display: none;
position: absolute;
left:100%; top:-7px;
}
.dropdown-menu .submenu-left{ 
right:100%; left:auto;
}

.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{
display: block;
}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */



.em2{font-size: 2em;}
.link{text-decoration: none; color: grey;
display: block; margin-top: 10px;
font-size: 14px;}
.aniket{animation: 3s linear infinite spinner-border;}
.aniket-bg{background-color: #fed700 !important;}
.aniket-text{color: #fed700 !important;}
.desk .nav-item{border-right:1px solid grey;}
.desk .nav-item .nav-link{font-size:13px;padding-right: 1rem;
padding-left: 1rem;}
.desk .nav-item .nav-link:hover{background: black;color: white;}
.border-none{border: none !important;}
.ani-flex{display: flex;justify-content: space-between;}
.popover{top: 27px !important; min-width: 63%;}
/* End Header Search Bar */


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

.sidebar li{ position: relative;border-bottom: 1px solid #8080802e; }
.last{max-height: 32px;
border-bottom: 0px !important;
box-shadow: none;}

.sidebar li .submenu{ 
display: none;
position: absolute;
left:100%; top:-7px;
min-width: 900px;
}

[dir=rtl] .sidebar li .submenu{ 
right:100%; left:auto;
}

.sidebar li:hover{ background: var(--bs-light); }
.sidebar li:hover > .submenu{ display: block; }

}
@media (max-width: 991px) {

.sidebar .submenu, .sidebar .dropdown-menu{
position: static!important;
margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ desktop view .end// ============ */


/* ============ small devices ============ */

.header{background-color: #ffc107; position: fixed;
width: 100%;z-index: 900;top: 0; border-radius: 0px 0px 10px 10px;
}

.breadcrumb-row {
    background-color: var(--theme-color) !important;
    padding: 15px 0px 0px 0px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 3px dotted white;
}
label.error{
    color:red;
    font-weight:normal;
}

.header a {
display: block;
width: 50px;
height: 18px;
padding: 11px;
margin: 5px;
position: absolute;
top: 0;
right: 0;
z-index: 200;
}
.header a:before,
.header a:after {
content: '';
display: block;
background: black;
height: 2px;
}
.header a span {
background: black;
display: block;
height: 2px;
margin: 6px 0;
}

.mm,.mm a,.mm li,.mm span,.mm ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-item-height:50px;--mm-item-indent:20px;--mm-line-height:24px}.mm-hidden{display:none!important}.mm{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#444;background:#f3f3f3;line-height:24px;line-height:var(--mm-line-height);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm{cursor:pointer}.mm:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);left:20px;left:var(--mm-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm.mm--main{cursor:default}.mm.mm--main:before{content:none;display:none}.mm:after{content:attr(data-mm-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-item-height);padding:0 40px;padding:0 calc(var(--mm-item-indent) * 2);line-height:50px;line-height:var(--mm-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor;box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor}.mm.mm--main:after{padding-left:20px;padding-left:var(--mm-item-indent)}.mm ul{-webkit-overflow-scrolling:touch;position:fixed;top:50px;top:var(--mm-item-height);left:100%;bottom:0;width:200%;padding-right:100%;overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm ul:after{content:'';display:block;height:50px;height:var(--mm-item-height)}.mm>ul{left:0}.mm ul.mm--open{left:0}.mm ul.mm--parent{left:-100%;overflow-y:hidden}.mm li{position:relative;background:inherit;cursor:pointer}.mm li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);right:25px;right:calc(var(--mm-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-item-indent);border-top:1px solid;opacity:.15}.mm a,.mm span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-item-height) - var(--mm-line-height))/ 2) var(--mm-item-indent)}.mm a{background:inherit;color:inherit;text-decoration:none}.mm a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-item-height))}.mm a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm span{background:0 0}.mm.mm--dark{background:#333;color:#ccc}:root{--mm-width:80%;--mm-min-width:200px;--mm-max-width:440px}.mm-body--open{overflow-y:hidden;pointer-events:none}.mm{pointer-events:auto}.mm.mm--offcanvas{position:fixed;top:0;bottom:0;left:0;z-index:9995;width:80%;width:var(--mm-width);min-width:200px;min-width:var(--mm-min-width);max-width:440px;max-width:var(--mm-max-width);-webkit-transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s,-webkit-transform .3s ease 0s}.mm.mm--offcanvas:not(.mm--open){bottom:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-delay:0s,.6s;-o-transition-delay:0s,.6s;transition-delay:0s,.6s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker{pointer-events:auto;display:block;position:fixed;bottom:0;right:0;background:rgba(0,0,0,.2);top:100%;z-index:9990;width:100%;opacity:0;-webkit-transition-property:opacity,top;-o-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:ease,linear;-o-transition-timing-function:ease,linear;transition-timing-function:ease,linear;-webkit-transition-duration:.45s,0s;-o-transition-duration:.45s,0s;transition-duration:.45s,0s;-webkit-transition-delay:0s,.45s;-o-transition-delay:0s,.45s;transition-delay:0s,.45s}.mm-blocker.mm--open{top:0;z-index:9999;width:calc(100% - 80%);width:calc(100% - var(--mm-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-min-width));opacity:1;-webkit-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker.mm--right{right:auto;left:0}
/* ============ Category Tab Start// ============ */



/* ============ Category Tab End// ============ */

/* RELATED TO UNDER CONSTRUCTION ONLY */
/*<div id="banner" class="underConstruction"><a href="">Under construction</a></div>  
*/
#banner{
height: 149px;
width: 149px;
overflow:hidden;
padding: 0;
margin: 0;
position: fixed;
right: 0px;
top: 0px;
}
#banner a{

display: block;
width: 190px;
font-size: 14px;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", 
"Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, 
Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
background-color: #333;
color: #FFF;
word-spacing: 2px;
text-decoration: none;
padding: 5px 15px 5px 25px;

position:relative;
left: 20px;
top: -37px;
text-align: center;

-moz-transform-origin: 0 0 ;
-moz-transform:rotate(45deg);
-moz-box-shadow:    1px 1px 5px 1px #666;

-webkit-transform-origin: 0 0 ;	
-webkit-transform:rotate(45deg);
-webkit-box-shadow: 1px 1px 5px 1px #666;

-ms-transform-origin: 0 0 ;	
-ms-transform:rotate(45deg);
-ms-box-shadow: 1px 1px 5px 1px #666;

transform-origin: 0 0 ;	
transform:rotate(45deg);
box-shadow: 1px 1px 5px 1px #666;

background-image: linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
background-image: -o-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
background-image: -moz-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
background-image: -webkit-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
background-image: -ms-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.03, #000000),
color-stop(0.05, #666666),
color-stop(0.07, #000000),
color-stop(0.93, #000000),
color-stop(0.95, #666666),
color-stop(0.97, #000000)
);	

}

#banner.underConstruction a {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.03, #000000),
color-stop(0.05, #666666),
color-stop(0.07, rgba(255,0,0,.5)),
color-stop(0.93, rgba(255,0,0,.5)),
color-stop(0.95, #666666),
color-stop(0.97, #000000)
);	
}
/* END RELATED TO UNDER CONSTRUCTION ONLY */


/* Index Category Section */
.main-holder {
width: 100%;
border-radius: 15px;
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 30px;
padding-left: 2%;
padding-right: 2%;
}

.card-img {
width: 44px;
height: 44px;
margin-bottom: 5px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
.card-text {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #2b417b;
}

.category {
width:100%;
border-radius: 5px;
border-style: solid;
border-width: 1px;
box-shadow: 0 8px 15px -10px #8fbcff;
padding-bottom: 15px;
margin-bottom: 20px;
}

.category-header {
width: 100%;
margin-left: auto;
margin-right: auto;
min-height: 5px;
max-height: 5px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.category-header-1 {
background-color: #a68fff;
}

.category-header-2 {
background-color: #8fbcff;
}


.category-header-3 {
background-color: #ff8faa;
}

.category-header-4 {
background-color: #a6cd74;
}

.category-header-5 {
background-color: #fcc18a;
}

.category-header-6 {
background-color: #6edddd;
}


.category-1 {
border-color: #a68fff;
}

.category-2 {
border-color: #8fbcff;
}


.category-3 {
border-color: #ff8faa;
}

.category-4 {
border-color: #a6cd74;
}

.category-5 {
border-color: #fcc18a;
}

.category-6 {
border-color: #6edddd;
}
/* End Index Category Section */

/*Index Buy Leads Section */

.card{
background-color: white;
box-shadow: -2px 0px 7px -5px;
border-radius: 10px;
margin-bottom: 20px;
border: none;
}
/* End Index Buy Leads Section */
/* Heading */
.headline{max-width: 50%;}
h1 {
position: relative;
padding: 0;
margin: 0;
font-weight: 300;
font-size: 20px;
color: #080808;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

h1 span {
display: block;
font-size: 0.5em;
line-height: 1.3;
}
h1 em {
font-style: normal;
font-weight: 600;
}
.heading h1 {
text-align:center; 
text-transform:uppercase;
font-size:20px; letter-spacing:1px;  
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 16px 0;
grid-gap: 22px;
}

.heading h1:after,.heading h1:before {
content: " ";
display: block;
border-bottom: 2px solid #ccc;
background-color:#ffffff;
}
/* End Heading */
/* Analytics Section */
.ani-analytics{
width: 100%;
margin-bottom: 10px;
}
.head{
font-size: 15px;
text-align: center;
margin-bottom: 0px;
color: white;
}
.heads{
font-size: 15px;
text-align: center;
padding: 5px;
margin-bottom: 0px;
color: white;
background: #ff6000;
}


.panel_winning-content {  
width: 100%;
height: 250px;
line-height: 20px;
font-size: 13px;
background: white;
overflow: hidden;
box-shadow: 0px -5px 9px -4px;

}
.panel_winning-content1 {
width: 100%;
height: 200px;
line-height: 20px;
font-size: 13px;
background: white;
overflow: hidden;
box-shadow: 0px 0px 5px 0px;
}

.list-text{
animation-direction: alternate;
width: 100% !important;
border-left: #fdc846 2px solid;
display: flex;
justify-content: space-around;
color: #434242;
font-size: 12px;
text-decoration: none;
}
.panel_winning-content ul{
list-style: none;
padding: 5px;
}
.panel_winning-content ul li img{
width:20px;
margin:0px;
height:18px;
border-radius:20%;
}
.panel_winning-content ul li{
border-bottom: 1px solid #dddcdc;
padding: 3px 0px;
font-size: 14px;
}
.sp3{
float: right;
border-left: grey 1px solid;
margin-top: 5px;
}
.sp2{
padding-left: 5px;
border-left: grey 1px solid;
margin-top: 5px;
}

.marquee {
top: 0;
position: relative;
animation: marquee 10s linear infinite;
}

@keyframes marquee {
0% {
top: 0
}
100% {
top: -200px
}
}

/* End Analytics Section */
/* Index Testimonial Section */

.vid-main-wrapper {
width: 100%;
max-width: 100%;
background: #fff;
margin: 0 auto;
}



.vid-container {
position: relative;
/*padding-bottom: 52%;*/
padding-top: 30px; 
height: 0; 
width:70%;
float:left;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 360px;
}



.vid-list-container {
width: 30%;
height:360px;
overflow: hidden;
float:right;
}

.vid-list-container:hover, .vid-list-container:focus {
overflow-y: auto;
}

ol#vid-list {
margin:0;
padding:0;
background: #222;
}

ol#vid-list li {
list-style: none;
border-bottom: 1px solid grey;
}

ol#vid-list li a {
text-decoration: none;
background-color: #222;
height:55px;
display:block;
padding:10px;
}

ol#vid-list li a:hover {
background-color:#666666
}

.vid-thumb {
float:left;
margin-right: 8px;
}

.active-vid { 
background:#3A3A3A;
}

#vid-list .desc {
color: #CACACA;
font-size: 13px;
margin-top:5px;
}

/*Slick Slider*/

.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*End Slick Slider*/
/*Index Trade Service*/
.card img {
width: 100%;
height: 180px;
}

/*Footer*/
.footer{
border-top: 1px dotted #8080809e;
padding-top: 10px;
background-color: #fed700;
}
.title{font-weight: 600;
font-size: 18px;
border-bottom: 1px dotted #747474}
.foot{
box-shadow: -1px 1px 1px -1px;
}
.foot:hover{
box-shadow: -1px 1px 1px -1px;
background-color: black;
color: white !important;
}
.ltd{
max-width: 200px;
max-height: 50px;
margin-top: 10px;
}
/*
.footer .fa{
text-decoration: none;
padding: 5px;
font-size: 20px;
color: #212529;
}
*/

.categories {
display: inline-block;
width: 100%;

}
.categories ul {
padding: 0;
margin: 0;
text-align: right;
}
.categories ul li {
display: inline;
list-style-type: none;
}
.categories ul li a {
transition: width 1s;
color: white;
display: inline-block;
height: 28px;
overflow: hidden;
padding: 10px;
text-decoration: none;
width: 30px;
}
.categories ul li a:hover {
width: 100px;
}
.categories ul li a:hover span {
opacity: 1;
}
.categories ul li a span {
transition: opacity 1s;
display: contents;
overflow: hidden;
font-family: 'Barlow Semi Condensed';
opacity: 0;
text-align: left;
width: 100px;
}
.categories ul li a.fa-facebook {
background-color: #3b5998;
}
.categories ul li a.fa-twitter {
background-color: #00acee;
}
.categories ul li a.fa-pinterest {
background-color: #c8232c;
}
.categories ul li a.fa-linkedin{
background-color: #0077b5;
}
.categories ul li a.fa-youtube{
background-color: #FF0000;
}
.categories ul li a.fa-rss{
background-color: black;
}
.br{border-right: 1px dotted;}
.adgmobilesicky{border-radius: 10px 10px 0px 0px;display:none;position:fixed;width:100%;left:0;z-index:1001;padding-top:10px;bottom:0;background-color:#ffc107;box-shadow:0 0 5px #6666665d}.adgmobilesicky,.adgmobilesicky a{font-size:11px;color:#444;margin-bottom: 0px;text-decoration: none}.stikybadge{position:absolute;top:-5px;font-size:10px;display:none;left:50%;background-color:red;color:#fff;border-radius:50%;width:16px;z-index:2;height:16px}body #wh-widget-send-button{display:none;right:50%!important;bottom:0!important;margin-right:-45px!important}.adgmobilesicky .fa{font-size:20px;color:#2a2929}a.movetoenqury.wh .fa{font-size:30px;background:#1cb824;color:#fff;border-radius:50%;padding:8px 11px;position:absolute;top:-4px;right:5px}@media (max-width: 991px){.adgmobilesicky,body #wh-widget-send-button{display:block}}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-ring.animated,.faa-ring.animated-hover:hover,.faa-parent.animated-hover:hover > .faa-ring{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}


/*Registrantion Form Join Free*/
.policy{max-width: 100%;
max-height: 200px;
overflow: auto;
background-color: #f0f8ff;
padding: 20px}
label {
font-size: 16px;
font-size: 1rem;
font-weight: 600;
margin-bottom: 5px;
color: #00011c;
}

/* TITLE */
#title-container {
min-height: 460px;
height: 100%;
color: #fff;
background-color: #DC3545;
text-align: center;
padding: 105px 28px 28px 28px;
box-sizing: border-box;
position: relative;
box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
-webkit-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
-moz-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
}
#title-container h2 {
font-size: 45px;
font-weight: 800;
color: #fff;
padding: 0;
margin-bottom: 0px;
}
#title-container h3 {
font-size: 25px;
font-weight: 600;
color: #fff;
padding: 0;
}
#title-container p {
font-size: 13px;
padding: 0 25px;
line-height: 20px;
}
.covid-image {
width: 214px;
margin-bottom: 15px;
}

/* FORMS */
#qbox-container {
background: url(../img/corona.png);
background-repeat: repeat;
position: relative;
padding: 62px;
min-height: 630px;
box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
-webkit-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
-moz-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
}
#steps-container {
margin: auto;
width: 500px;
min-height: 420px;
display: flex;
vertical-align: middle;
align-items: center;
}
.step {
display: none;
}
.step h4 {
margin: 0 0 26px 0;
padding: 0;
position: relative;
font-weight: 500;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.6;
}
button#prev-btn, button#next-btn, button#submit-btn {
font-size: 17px;
font-weight: bold;
position: relative;
width: 130px;
height: 50px;
background: #DC3545;
margin: 0 auto;
margin-top: 40px;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition: color .3s;
text-align: center;
color: #fff;
border: 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
button#prev-btn:after, button#next-btn:after, button#submit-btn:after {
position: absolute;
top: 90%;
left: 0;
width: 100%;
height: 100%;
background: #cc0616;
content: "";
z-index: -2;
transition: transform .3s;
}
button#prev-btn:hover::after, button#next-btn:hover::after, button#submit-btn:hover::after {
transform: translateY(-80%);
transition: transform .3s;
}
.progress {
border-radius: 0px !important;
}
.q__question {
position: relative;
}
.q__question:not(:last-child) {
margin-bottom: 10px;
}
.question__input {
position: absolute;
left: -9999px;
}
.question__label {
position: relative;
display: block;
line-height: 40px;
border: 1px solid #ced4da;
border-radius: 5px;
background-color: #fff;
padding: 5px 20px 5px 50px;
cursor: pointer;
transition: all 0.15s ease-in-out;
}
.question__label:hover {
border-color: #DC3545;
}
.question__label:before, .question__label:after {
position: absolute;
content: "";
}
.question__label:before {
top: 12px;
left: 10px;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 0 0 1px #ced4da;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.question__input:checked+.question__label:before {
background-color: #DC3545;
box-shadow: 0 0 0 0;
}
.question__input:checked+.question__label:after {
top: 22px;
left: 18px;
width: 10px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}
.form-check-input:checked, .form-check-input:focus {
background-color: #DC3545 !important;
outline: none !important;
border: none !important;
}
input:focus {
outline: none;
}
#input-container {
display: inline-block;
box-shadow: none !important;
margin-top: 36px !important;
}
label.form-check-label.radio-lb {
margin-right: 15px;
}
#q-box__buttons {
text-align: center;
}
input[type="text"], input[type="email"] {
padding: 8px 14px;
}
input[type="text"]:focus, input[type="email"]:focus {
border: 1px solid #DC3545;
border-radius: 5px;
outline: 0px !important;
-webkit-appearance: none;
box-shadow: none !important;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hover, .form-check-input:checked[type=radio]:focus, .form-check-input:checked[type=radio]:active {
border: none !important;
-webkit-outline: 0px !important;
box-shadow: none !important;
}
.form-check-input:focus, input[type="radio"]:hover {
box-shadow: none;
cursor: pointer !important;
}
#success {
display: none;
}
#success h4 {
color: #DC3545;
}
.back-link {
font-weight: 700;
color: #DC3545;
text-decoration: none;
font-size: 18px;
}
.back-link:hover {
color: #82000a;
}

/* PRELOADER */
#preloader-wrapper {
width: 100%;
height: 100%;
z-index: 1000;
display: none;
position: fixed;
top: 0;
left: 0;
}
#preloader {
background-image: url('../img/preloader.png');
width: 120px;
height: 119px;
border-top-color: #fff;
border-radius: 100%;
display: block;
position: relative;
top: 50%;
left: 50%;
margin: -75px 0 0 -75px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#preloader-wrapper .preloader-section {
width: 51%;
height: 100%;
position: fixed;
top: 0;
background: #F7F9FF;
z-index: 1000;
}
#preloader-wrapper .preloader-section.section-left {
left: 0
}
#preloader-wrapper .preloader-section.section-right {
right: 0;
}
.loaded #preloader-wrapper .preloader-section.section-left {
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #preloader-wrapper .preloader-section.section-right {
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #preloader {
opacity: 0;
transition: all 0.3s ease-out;
}
.loaded #preloader-wrapper {
visibility: hidden;
transform: translateY(-100%);
transition: all 0.3s 1s ease-out;
}

/* MEDIA QUERIES */
@media (min-width: 990px) and (max-width: 1199px) {
#title-container {
padding: 80px 28px 28px 28px;
}
#steps-container {
width: 85%;
}
}
@media (max-width: 991px) {
#title-container {
padding: 30px;
min-height: inherit;
}
}
@media (max-width: 767px) {
#qbox-container {
padding: 30px;
}
#steps-container {
width: 100%;
min-height: 400px;
}
#title-container {
padding-top: 50px;
}
}
@media (max-width: 560px) {
#qbox-container {
padding: 40px;
}
#title-container {
padding-top: 45px;
}
} 

/*Classified Page Start Here*/

.explore {
position: relative;
}

.explore .card {
position: relative;
width: 100%;
height: 250px;
background: #ffc107;
border-radius: 20px;
overflow: hidden;
}

.explore .card:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f0f8ff;
clip-path: circle(150px at 80% 20%);
transition: 0.5s ease-in-out;
}

.explore .card:hover:before {
clip-path: circle(100px at 80% -20%);
}

.explore .card:after {
content: "VyaparBharat.com";
position: absolute;
top: 10%;
left: 5%;
font-size: 1em;
font-weight: 800;
font-style: italic;
color: #0000004d;

}

.explore .card .imgBx {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
width: 100%;
height: 100%;
transition: .5s;
}

.explore .card:hover .imgBx {
top: 0%;
transform: translateY(-25%);
/* bug  */
}

.explore .card .imgBx img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(20deg);
width: 120px;
height: auto;
border-radius: 50%;
}

.explore .card .contentBx {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
text-align: center;
transition: 1s;
z-index: 90;
}

.explore .card:hover .contentBx {
height: 100px;
}

.explore .card .contentBx h2 {
position: relative;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
font-size: 20px;
}

.explore .card .contentBx .size,
.explore .card .contentBx .color {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px;
transition: .5s;
opacity: 0;
visibility: hidden;
}

.explore .card:hover .contentBx .size {
opacity: 1;
visibility: visible;
transition-delay: .5s;
}

.explore .card:hover .contentBx .color {
opacity: 1;
visibility: visible;
transition-delay: .6s;
}

.explore .card .contentBx .size h3,
.explore .card .contentBx .color h3 {
color: white;
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 10px;
}


.explore .card .contentBx a {
display: inline-block;
padding: 10px 20px;
background: #fff;
border-radius: 4px;
margin-top: 10px;
text-decoration: none;
font-weight: 600;
color: #111;
opacity: 0;
transform: translateY(50px);
transition: .5s;
}

.explore .card:hover .contentBx a {
opacity: 1;
transform: translateY(0px);
transition-delay: .7s;
} 

/*List-Grid View*/
.view-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding-left: 0;
margin-bottom: 0;
}
.thumbnail
{
margin-bottom: 30px;
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.item.list-group-item
{
float: none;
width: 100%;
background-color: #fff;
margin-bottom: 30px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 1rem;
border: 0;
}
.item.list-group-item .img-event {
float: left;
width: 30%;
}

.item.list-group-item .list-group-image
{
margin-right: 10px;
}
.item.list-group-item .thumbnail
{
margin-bottom: 0px;
display: inline-block;
}
.item.list-group-item .caption
{
float: left;
width: 70%;
margin: 0;
}

.item.list-group-item:before, .item.list-group-item:after
{
display: table;
content: " ";
}

.item.list-group-item:after
{
clear: both;
}

/*Membership*/

.ribon{
width: 90%;
margin-left: 0px;
position: absolute;
margin-top: 5px
}
span.ribbon {
outline:none;
outline-color: transparent;
}
span.ribbon:before, span.ribbon:after {
top: 5px;
z-index: 10;
}
span.ribbon:before {
border-color: #53dab6 #53dab6 #53dab6 transparent;
left: -10%;
border-width: 17px;
}
span.ribbon:after {
border-color: #53dab6 transparent #53dab6 #53dab6;
right: -10%;
border-width: 17px;
}

span:before, span:after {
content: '';
position: absolute;
height: 0;
width: 0;
border-style: solid;
border-width: 0;
outline:none;
}

span.btn-default:before {
border-color: #757575 #757575 #757575 transparent;
}
span.btn-default:after {
border-color: #757575 transparent #757575 #757575;
}



span.btn-primary:before {
border-color: #2e6da4 #2e6da4 #2e6da4 transparent;
}
span.btn-primary:after {
border-color: #2e6da4 transparent #2e6da4 #2e6da4;
}


span.btn-success:before {
border-color: #398439 #398439 #398439 transparent;
}
span.btn-success:after {
border-color: #398439 transparent #398439 #398439;
}


span.btn-info:before {
border-color: #269abc #269abc #269abc transparent;
}
span.btn-info:after {
border-color: #269abc transparent #269abc #269abc;
}


span.btn-warning:before {
border-color: #d58512 #d58512 #d58512 transparent;
}
span.btn-warning:after {
border-color: #d58512 transparent #d58512 #d58512;
}


span.btn-danger:before {
border-color: #ac2925 #ac2925 #ac2925 transparent;
}
span.btn-danger:after {
border-color: #ac2925 transparent #ac2925 #ac2925;
}

.rate{color: #ffc107;font-weight: bold}
.ctrl{display: flex !important;flex-wrap: nowrap !important;
    justify-content: space-around !important;}

/*Search By Leads*/

.solution_cards_box .solution_card {
  flex: 0 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  border-radius: 15px;
  margin: 8px;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 265px;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover {
  background: #309df0;
  color: #fff;
  transform: scale(1.1);
  z-index: 9;
}

.solution_cards_box .solution_card:hover::before {
  background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
  color: #fff;
}

.solution_cards_box .solution_card:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  width: 170px;
  height: 400px;
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

.solution_cards_box .solution_card:hover .solu_description button {
  background: #fff !important;
  color: #309df0;
}

.solution_card .so_top_icon {
}

.solution_card .solu_title h3 {
  color: #212121;
  font-size: 1.3rem;
  margin-top: 13px;
  margin-bottom: 13px;
}

.solution_card .solu_description p {
  font-size: 15px;
  margin-bottom: 15px;
}

.solution_card .solu_description button {
  border: 0;
  border-radius: 15px;
  background: linear-gradient(
    140deg,
    #42c3ca 0%,
    #42c3ca 50%,
    #42c3cac7 75%
  ) !important;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 5px 16px;
}

.our_solution_content h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.our_solution_content p {
}

.hover_color_bubble {
  position: absolute;
  background: rgb(54 81 207 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  left: -18rem;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
  top: 0rem;
}



.bu-iconf {
position: absolute;
font-size: 8px;
color: #02a699;
width: 12px;
height: 12px;
line-height: 12px;
background: #fff;
bottom: 0;
right: -6px;
border-radius: 50%;
}
  .bu-icon {
width: 28px;
height: 28px;
line-height: 26px;
color: #666;
background: #fff;
border: 1px solid #a3a3a3;
display: inline-block;
border-radius: 50%;
text-align: center;
position: relative;
margin-right: 5px;
}  
     
.solu_description .list-group-item{background-color: transparent; }
.solu_description a{color:inherit; }


/*Membership Card*/

.cardm{
border: none;
width: 100%;
}
.pd{
padding: 20px;
width: 100%;
}
.up{
background-color: #716666;
}
.mtribon{
    margin-top: -120px !important;
}
.asd{
color: #FFFFFF;
margin: 0;
padding-top: 20px;
line-height: 1.2;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.asds{
color: #FFFFFF;
margin: 0;
padding: 0;
font-size: 14px;
text-transform: uppercase;
}
.ribbonm {
position: relative;
top: 150px;
left: 64%;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 150px;
overflow: hidden;
height: 150px;
}
.inners {
background-color: #FFB609;
margin-top: 44px;
transform: translateY(-50%) translateX(-50%) translateX(34px) rotate(-45deg);
color: #000000;
text-align: center;
box-shadow: -12px -2px 30px 9px rgb(0 0 0 / 50%);
}

.down{
background-color: #e400b8;
padding-bottom: 50px;
}

.down ul {
list-style: none;
}
.down li {
color: #ffff;
border-bottom: 1px dotted white;
max-width: 450px;
padding: 15px;
}
.down li:before {
content: "\f00c"; 
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
    .bttn{
    color: #FFFFFF !important;
    font-weight: 400;
    background-color: #E400B8;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FD48DA;
    border-radius: 32px 32px 32px 32px;
    padding: 15px;
    text-transform: uppercase;
    }