@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body {margin:0;padding:0;
font-family: "DM Sans", sans-serif;font-size:16px;
font-style: normal; color:#333; line-height:26px}
.text-uppercase {text-transform:uppercase}
.text-color {color:#595F67}
.text-white {color:#fff}

.text-color2 p {color:#3C434A} 
.fs-18 {font-size: 18px;line-height: 28px;}
.fs-20 { font-size:20px!important;font-weight:600;}
.fs-22 { font-size:22px!important;}
.fs-24 { font-size:24px!important;font-weight:600;}
.fs-26 { font-size:24px!important;font-weight:600;}
a { color:#333}
a:hover { color:#f1bc32}
p {margin-top: 0;margin-bottom: 1rem;}
select { outline:none;}
.boder-0 { border:0;}
.w-100 {width:100%}
.m-0 { margin:0!important}
.mb-0 { margin-bottom:0!important}
.mt-0 {margin-top:0!important;}
.pb-10 {padding-bottom:1px!important}
.float-start {float:left}
.float-end {float:left}
.pe-0 { padding-right:0!important}

.mt-28 { margin-bottom:1.75rem}

 
.overflow-h { overflow:hidden}
.rounded {
    border-radius:1rem !important;
}

 *, *::before, *::after {
 box-sizing: border-box;
}
img, svg {
	vertical-align: middle;
}


a {text-decoration:none}
a:hover {transition: 0.3s;} 
  
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
font-weight: 500;
line-height: 1.2;
color:#333;
margin:0;
padding:0;}

 
.border-radius {border-radius:.75rem}
.border-radius-sm {border-radius:.2rem}
.border-radius-lg {border-radius:.3rem;}
.border-radius-pill {border-radius:50rem;}

.fw-bold { font-weight:700}
.fw-bolder { font-weight:bolder}
.fw-normal { font-weight:400}
.fw-300 { font-weight:300}



.bg-white {background:#fff}

.img-fluid {
max-width:100%
}
.m-auto {
margin:0 auto
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.position-relative {
position:relative
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.pt-0 {padding-top:0;}
.pb-0 { padding-bottom:0}


.pt-3 { padding-top:50px!important}
.pb-3 { padding-bottom:50px!important}

.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.mr-20 { margin-right:20px}
.me-2 {
margin-right: .5rem !important;
}

 
  


 
.text-center {text-align:center}
.text-start {text-align:left!important}
.clearfix {clear:both}
.page-title { text-align:center}
.page-title h2 {font-size:2.625rem;text-align:center;font-weight:700;position: relative; line-height:50px; margin-bottom:15px;}

.page-title h3 {font-size: 24px;font-weight: 600;line-height: 32px; }

.page-title p { font-size:18px; margin-bottom:40px} 

.p-0  {padding:0!important;}

.pe-0 {
padding-right:0
}
.ps-0 {
padding-left:0
}
.pull-right {
float:right
}
.pull-left {
float:left
}
.text-dark {
color:#000
}
.mt-15 {
margin-top:15px;
}
.text-end {
text-align:right
}
.text-start {
text-align:left
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-6 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
 @media (min-width: 576px) {
 .col-sm {
 flex: 1 0 0%;
}
 .col-sm-1 {
 flex: 0 0 auto;
 width: 8.33333333%;
}
 .col-sm-2 {
 flex: 0 0 auto;
 width: 16.66666667%;
}
 .col-sm-3 {
 flex: 0 0 auto;
 width: 25%;
}
 .col-sm-4 {
 flex: 0 0 auto;
 width: 33.33333333%;
}
 .col-sm-5 {
 flex: 0 0 auto;
 width: 41.66666667%;
}
 .col-sm-6 {
 flex: 0 0 auto;
 width: 50%;
}
 .col-sm-7 {
 flex: 0 0 auto;
 width: 58.33333333%;
}
 .col-sm-8 {
 flex: 0 0 auto;
 width: 66.66666667%;
}
 .col-sm-9 {
 flex: 0 0 auto;
 width: 75%;
}
 .col-sm-10 {
 flex: 0 0 auto;
 width: 83.33333333%;
}
 .col-sm-11 {
 flex: 0 0 auto;
 width: 91.66666667%;
}
 .col-sm-12 {
 flex: 0 0 auto;
 width: 100%;
}
}
@media (min-width: 768px) {
 .col-md {
 flex: 1 0 0%;
}
 .col-md-auto {
 flex: 0 0 auto;
 width: auto;
}
 .col-md-1 {
 flex: 0 0 auto;
 width: 8.33333333%;
}
 .col-md-2 {
 flex: 0 0 auto;
 width: 16.66666667%;
}
 .col-md-3 {
 flex: 0 0 auto;
 width: 25%;
}
 .col-md-4 {
 flex: 0 0 auto;
 width: 33.33333333%;
}
 .col-md-5 {
 flex: 0 0 auto;
 width: 41.66666667%;
}
 .col-md-6 {
 flex: 0 0 auto;
 width: 50%;
}
 .col-md-7 {
 flex: 0 0 auto;
 width: 58.33333333%;
}
 .col-md-8 {
 flex: 0 0 auto;
 width: 66.66666667%;
}
 .col-md-9 {
 flex: 0 0 auto;
 width: 75%;
}
 .col-md-10 {
 flex: 0 0 auto;
 width: 83.33333333%;
}
 .col-md-11 {
 flex: 0 0 auto;
 width: 91.66666667%;
}
 .col-md-12 {
 flex: 0 0 auto;
 width: 100%;
}
}
@media (min-width: 992px) {
 .col-lg {
 flex: 1 0 0%;
}
 .col-lg-auto {
 flex: 0 0 auto;
 width: auto;
}
 .col-lg-1 {
 flex: 0 0 auto;
 width: 8.33333333%;
}
 .col-lg-2 {
 flex: 0 0 auto;
 width: 16.66666667%;
}

 
.col-lg-2-2 {
flex: 0 0 auto;
width: 19.666667%!important;}
 

 






 .col-lg-3 {
 flex: 0 0 auto;
 width: 25%;
}
 .col-lg-4 {
 flex: 0 0 auto;
 width: 33.33333333%;
}
 .col-lg-5 {
 flex: 0 0 auto;
 width: 41.66666667%;
}
 .col-lg-6 {
 flex: 0 0 auto;
 width: 50%;
}
 .col-lg-7 {
 flex: 0 0 auto;
 width: 58.33333333%;
}
 .col-lg-8 {
 flex: 0 0 auto;
 width: 66.66666667%;
}
 .col-lg-9 {
 flex: 0 0 auto;
 width: 75%;
}
 .col-lg-10 {
 flex: 0 0 auto;
 width: 83.33333333%;
}
 .col-lg-11 {
 flex: 0 0 auto;
 width: 91.66666667%;
}
 .col-lg-12 {
 flex: 0 0 auto;
 width: 100%;
}
}
@media (min-width: 1200px) {
 .col-xl {
 flex: 1 0 0%;
}
 .col-xl-1 {
 flex: 0 0 auto;
 width: 8.33333333%;
}
 .col-xl-2 {
 flex: 0 0 auto;
 width: 16.66666667%;
}
 .col-xl-3 {
 flex: 0 0 auto;
 width: 25%;
}
 .col-xl-4 {
 flex: 0 0 auto;
 width: 33.33333333%;
}
 .col-xl-5 {
 flex: 0 0 auto;
 width: 41.66666667%;
}
 .col-xl-6 {
 flex: 0 0 auto;
 width: 50%;
}
 .col-xl-7 {
 flex: 0 0 auto;
 width: 58.33333333%;
}
 .col-xl-8 {
 flex: 0 0 auto;
 width: 66.66666667%;
}
 .col-xl-9 {
 flex: 0 0 auto;
 width: 75%;
}
 .col-xl-10 {
 flex: 0 0 auto;
 width: 83.33333333%;
}
 .col-xl-11 {
 flex: 0 0 auto;
 width: 91.66666667%;
}
 .col-xl-12 {
 flex: 0 0 auto;
 width: 100%;
}
}





/*container*/
@media (min-width:576px) {
.container, .container-sm {
max-width:540px
}
}
@media (min-width:768px) {
.container, .container-md, .container-sm {
max-width:720px
}
}
@media (min-width:992px) {
.container, .container-lg, .container-md, .container-sm {
max-width:960px
}
}
@media (min-width:1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width:1210px
}
}
@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:1210px
}
}
 
 
 .col-lg-2-2 a { border:solid 1px #231f20; border-radius:2px; width:80%; background:#fff; transition: 0.3s; position:absolute; left:15px; right:15px; margin:0 auto; bottom:15px} 
.col-lg-2-2:hover a { background:#fff;  color:#000;  border:solid 1px #fff; transition: 0.3s;}

/*container*/

.justify-content-center {
    justify-content: center !important;
}
.d-flex {
    display: flex !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}
/*navbar-css*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.arrow-icon {position:absolute; bottom:90px; width:100%; z-index:999; display:inline-block; text-align:center; display:inline-block; display:flex;  margin:0 auto; left:0; right:0; line-height:50px;
display: flex;
justify-content: center;
align-items: center;}

.container { margin: 0 auto;padding: 0 15px; overflow: hidden;}
header {
color: #333;
padding: 10px 0;
}
#logo {
float: left;
font-size: 2.5em; font-weight:700;
}

#logo img {width:135px}
nav {
float: right;
}
.nav-links {
list-style-type: none;
margin:8px 0 0 0;
padding: 0;
}
.nav-links li {
display: inline-block;
 
}
.nav-links li a {
 
text-decoration: none;
padding:20px 10px;
transition: background-color 0.3s;font-size: 16px;
font-weight: 500;
line-height:50px; width:100%}

.nav-links li span {color:#777777; font-weight:300}
 
.nav-links li .active { color:#C2982C;}
.nav-links .top-boder { border:solid 1px #EAEAEA;font-size: 14px;font-weight: 700;line-height:15px!important;text-align: center; margin-left:10px; margin-right:10px; border-radius:5px; padding-right:5px; }
.nav-links .top-boder a { line-height:40px;}




 
.dropdown {position: absolute; width:200px;  top:60px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s; z-index:999;}
.mainnav li:first-child{border: none;}
.mainnav li:hover a{ color:#C2982C; transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
/*First Level*/
.subs {left:0;position: relative;top: 0px;width:270px;border-left: none !important; 
}

.subs a { display:block; width:100%; padding:10px 10px!important; background:#1c2a2d; border-bottom:1px solid #363839 !important; line-height:25px!important; color:#fff} 
.subs a:hover {background:#f2bc32; color:#fff} 

.subs:last-child{border: none !important;}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{opacity: 1;visibility: visible; transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
 
.mainnav li ul li:hover,.mainnav li ul li ul li:hover{background: #fff;transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;}
.mainnav li ul li a,.mainnav li ul li ul li a { color:#fff!important}
.mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{ transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s; color:#000!important}
/*Second Level*/
.hassubs .hassubs .dropdown .subs{left:100px;position: relative;width: 165px;top: 0px;}
.hassubs .hassubs .dropdown{position: absolute;width: 150px;left: 120px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}






.top-boder a { padding:6px 10px!important}

.burger {
display: none;
cursor: pointer;
}
.burger div {
width: 25px;
height: 3px;
background-color: #000;
margin: 5px;
transition: transform 0.3s, background-color 0.3s;
}

.content {padding: 50px 0;}



@media screen and (max-width: 991px) {
.nav-links {
display: none!important;
text-align: center;
width: 100%;
position: absolute;
background-color: #333;
top: 60px;
left: 0;
z-index:999;
}

.nav-links li a { color:#fff}

.nav-links.active {
display: block;
}
.nav-links li {
display: block;
margin: 10px 0;
}
.burger {display: block;float:right;margin-top: 0;}
 
}

/*navbar-css*/


 


/*swiper*/
.swiper {
width: 100%;
height: 100%;
}

.swiper-slide-home {
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;   
}
 


 
.swiper-slide-home {
    background-size: cover ! important;
    background-repeat: no-repeat ! important;
    background-position: 0 0 !important;
    height:768px!important  ;  position: relative;
}
 
 

 
.swiper-slide-home:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  background:rgba(35, 31, 32, 0.7);
 
}







/* Slide captions */
.slide-captions {
position: absolute;
top:22%;
left:0;
color: #FFF;
z-index: 999; left:0; right:0;  margin:0 auto;

}
.slide-captions h1 {
font-size: 40px;
font-weight: 700;
line-height: 60px;
text-align: left; margin-bottom:40px
}
 
.slide-captions p { margin-bottom:40px;}
.counter-banner { margin-top:40px}
 
.counter-banner { width:80%} 
.counter-banner p { padding:0;}
.counter-banner h4 { font-size: 34px;
font-weight: 600;
line-height: 44.27px;
text-align: left; color:#f3bb32 }
.right-text-c { padding-left:35px}


.boder-left { position:relative}
.boder-left:before { position:absolute; background:#959aa0; width:2px; height:38px; content:""; right:0; top:14%}


/*swiper*/









/*btn*/ 
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5; background:#ccc; color:#000
}

/*btn*/



/*section*/
section {padding-top:100px; padding-bottom:100px}

.section-2 {padding-top:100px; padding-bottom:70px}


/*section*/

/*What Drives Us*/
.box {
padding:24px;
border-radius:16px;
box-shadow: 0px 0px 7px 0px #0C0C0D26; margin-bottom:20px; transition: 0.3s;
}
.box p { line-height:26px}
.box:hover { background:#f2bc32;  color:#fff}
.box:hover .icon-114 { background:#fff; transition: 0.3s;   transform: rotateY(180deg);}
.box:hover h2, .box:hover h3 {color:#fff}
.card{padding:24px;border-radius: 16px;}
.card-title {font-size: 24px;font-weight: 600;line-height: 32px;text-align: left;}

.text-css {margin-top:32px;}
.text-css p { margin:0;}

.text-css h2 { margin-bottom:10px;  font-size:22px; font-weight: 600;line-height:32px}


.icon-114 {width:114px;
height:114px ;
padding:25px;
border-radius:100%; border: 1px solid #EAEAEA; margin-bottom:36px;
}

/*What Drives Us*/

/*products*/

.products-bg {
background: #F5F7FA;  min-height:200px}
   
.box-2 {padding:24px 24px 50px 24px;border-radius:16px; background:#fff; margin-bottom:20px; position:relative;}  
.box-2 p { margin-bottom:20px; min-height:240px} 
 
/*.box-2 a { border:solid 1px #231f20; border-radius:2px; background:#fff; transition: 0.3s; width:100%}*/

.box-2 a {border: solid 1px #231f20;
    border-radius: 2px;
    background: #fff;
    transition: 0.3s;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 25px;}
 
.box-2:hover { background:#f2bc32;  color:#fff; transition: 0.3s;}

.box-2:hover h2 {color:#fff}
.box-2:hover a {transition: 0.3s; border:solid 1px #fff; color:#000; border-radius:2px;  background:#fff} 

.box-2 .zoom-img{
height:auto;
overflow: hidden; border-radius:16px; 
}
.box-2 .zoom-img img {transition: all .3s ease-in-out;}
.box-2:hover .zoom-img img   {transform: scale(1.1);}


.button-right a{ border:solid 1px #231f20; border-radius:2px; width:100%; background:#fff; transition: 0.3s;} 
.button-right a:hover { background:#f2bc32; border:solid 1px #f2bc32;  color:#fff; transition: 0.3s;}
/*products*/ 



/*service*/
.service-section {background: url(../images/service.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; width:100%;}
/*service*/


/*video-bg*/
.video-about {height:359px}

.video-bg {position: relative; border-radius:8px; overflow:hidden;}
.video-bg img { height:100%;}

.video-bg:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  background:rgba(35, 31, 32, 0.7);
}
.video-icon { position:absolute; z-index:2; left:0; right:0; margin:0 auto; width:114px; height:114px; margin-top:22%;  }
.video-bg  img {
width: 100%;
transition: all .3s ease-in-out;
}

.video-bg:hover img   {
transform: scale(1.1);
}


/*video-bg*/ 

.list-address ul { margin:0; padding:0}
.list-address li { margin:0; padding:5px 0 20px 40px; list-style:none; font-size:18px; position:relative}
.list-address li  i { position:absolute; left:0; position:absolute; font-size:22px; font-weight:600}
.list-address li a { color:#333}
.list-address li a:hover { color:#f1bc32}
.icon-add { background:url(../images/image.png) no-repeat left top}
.icon-date { background:url(../images/image.png) no-repeat left top}

/*counter*/
.counter-bg { padding:70px 0;  background: url(../images/counter.jpg) no-repeat center top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
  
.counter {font-size:50px;font-weight: 600;line-height: 44.27px;text-align: center;}

.counter-box {max-width:232px; margin:0 auto; display:flex}
.counter-box h3 {font-size: 16px;font-weight: 300;line-height: 20.83px;}

.left-border { position:relative}
 
/*counter*/
.mb-23 { margin-bottom:23px}
.mb-60 { margin-bottom:55px!important}
.mb-40 { margin-bottom:40px!important}
.mb-4 { margin-bottom:20px}
.mb-2 { margin-bottom:10px} 
.p-25 { padding:25px 0 0 0}
.pe-15  {padding-left:15px}
.ps-15 {padding-right:15px}
.pb-15 {padding-bottom:10px}
.pe-20 {padding:15px}

.blog-text p  {
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-align: left; margin-bottom:10px
}
.blog-text a {color:#333333;}
 

.blog-text h3
{
font-size: 22px;
font-weight: 600;
line-height:28px;
text-align: left; margin-bottom:15px
}
.blog-text a
{
font-size: 20px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.02em;
text-align: left; color:#f1bc32
}

.blog-hover {transition:1.5s; cursor:pointer}
.blog-hover:hover { background:#ebebeb; transition:1.5s;}
.blog-hover .img-div { overflow:hidden}

.blog-hover img {transition: all .3s ease-in-out;}
.blog-hover:hover img   {transform: scale(1.1);}

.blog-hover:hover a{ color:#1c2a2d; transition: all .3s ease-in-out;}


.shadow-css {box-shadow: 0px 0px 10px 0px #0A204114;}

.be-a-part{ 
padding: 60px 0 60px 0;
background: url(../images/call-to-action.jpg) no-repeat center top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; position:relative;
}

 
.be-a-part .container{
position: relative; z-index:10;
}

.be-a-part:before {
content:"";
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
z-index:1;
background:rgba(33, 45, 48, 0.8);

}






.be-a-part p { line-height:25px}

.be-a-part h3 { font-size: 42px;font-weight:700;line-height: 50px;}

.button-white {
padding:13px 30px;
border-radius:3px;
border:0;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: center; display:inline-block; color:#fff; margin-bottom:10px
}

.button-white:hover {background:#fff; color:#1c2a2d} 
.bg-yellow {background:#f1bc32}
.button-white2 {padding:12px 30px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
border-radius: 3px;border: 1px solid #f1bc32; color:#f1bc32; background:none; display:inline-block; margin-bottom:10px}

.button-white2:hover { 
border-radius: 3px;border: 1px solid #fff; color:#1c2a2d; background:#fff; display:inline-block}



.button-white-2 {padding:12px 30px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
border-radius: 3px;border: 1px solid #fff; color:#fff; background:none; display:inline-block}

.button-white-2:hover { 
border-radius: 3px;border: 1px solid #fff; color:#1c2a2d; background:#fff; display:inline-block}


.button-white3:hover { 
 color:#fff; background:#000; display:inline-block}


 
.logo-left-part img { width:100px}

.footer2 { background:#1c2a2d; padding:50px 0 34px 0; color:#82878e;}
.footer2  h1 { margin-bottom:20px;}
.footer2 p {font-size: 16px;font-weight: 400;line-height: 32px;text-align: left; color:#fff; margin-bottom:20px}
.footer2  h3 { font-size: 20px;font-weight: 700;line-height: 24px;text-align: left; margin-bottom:20px}
.footer2 li { list-style:none; margin-bottom:10px; color:#fff; line-height:18px}
.footer2 li a {color:#fff; font-size:15px}
.footer2 li a:hover {color:#f1bc32;}
.footer2 .social-media a {color:#fff; margin-right:20px}
.footer2 .social-media  i { font-size:20px;    transition:1s;} 
.footer2 .social-media a:hover {color:#f1bc32} 


.whatsapp-icon {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 99999;
background:#f2bc32;
width: 48px;
height: 48px; text-align:center;
border-radius:100px;
transition: all 0.4s; color:#fff; padding:13px 0;
}

.whatsapp-icon a { display:block;}
.whatsapp-icon:hover { background:#000}


/*inner-page*/
.inner-banner-in { min-height:380px; z-index:555; position:relative}
.inner-banner  h2 { color:#fff; position:relative; z-index:10; font-family: DM Sans;
font-size: 40px;
font-weight: 700;
line-height: 60px;
text-align: left;
}
.inner-banner { position:relative;}
.inner-banner .text-div{
position: relative;
}


/*.inner-banner:before {
content:"";
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
z-index:1;
background:rgba(35, 31, 32, 0.7);

}
*/



.align-items-start {
  align-items: flex-start !important;
}
.justify-content-start { text-align:left}
.bg-info {
    background-color: #0dcaf0 !important;
}


.pagination li { display:inline-block; text-align:center}
.pagination li a{ color:#000; display:inline-block; margin:0 5px}
.pagination li .active {color:#f1bc32;}
.pagination li a:hover i {color:#f1bc32;}

 

.box-shadow {  box-shadow: 0 3px 8px rgb(0,0,0,0.1); border:solid 1px #f6f6f6}
/*inner-page*/

.gray-bg {background: #F5F7FA;}

.carousel-div{padding: 24px;border-radius: 16px;background: #fff; transition: 0.3s;}
.carousel-div:hover { background:#f2bc32;  color:#fff; transition: 0.3s;}
.carousel-div:hover h2 {color:#fff}
.carousel-div .zoom-img{height:auto;overflow: hidden; border-radius:16px; }
.carousel-div .zoom-img img {transition: all .3s ease-in-out;}
.carousel-div:hover .zoom-img img   {transform: scale(1.1);}


.box-div2 {padding: 24px;border-radius: 16px;background: #fff; transition: 0.3s;}
.box-div2 a:hover {color:#f1bc32}
.box-div {padding: 24px;border-radius: 16px;background: #fff; transition: 0.3s;}
.box-div img{height:auto;overflow: hidden; border-radius:16px; }  
.box-div h2 {padding:10px 0 10px 0;0 color:#1c2a2d ;  font-weight: 700;letter-spacing: 0.02em; position:relative; margin-bottom:0}
.box-div h3 {font-size:18px; font-weight:500; line-height: 30px;letter-spacing: 0.02em; color: #1c2a2d; margin-bottom:5px;}
.box-div h4 {margin-bottom:10px;}

.box-div .zoom-img{height:auto;overflow: hidden; border-radius:16px; }
.box-div .zoom-img img {transition: all .3s ease-in-out;}
.box-div a:hover { color:#fff}
.box-div:hover .zoom-img img   {transform: scale(1.1);}
.box-div h2:before {
    position: absolute;
    left: 0; right:0;
    bottom: 0; margin:auto;
    width:40px;
    height: 2px;
    content: "";
    background-color: #f1bc32;
}




 
.slider-in  .swiper-wrapper {margin-bottom:70px}
.slider-in  .carousel-arrow { line-height:10px!important}  

.carousel-arrow{
position:absolute; bottom:0; width:100%; z-index:999; display:inline-block; text-align:center; display:inline-block; display:flex;  margin:0 auto; left:0; right:0; line-height:50px;
display: flex;
justify-content: center;
align-items: center;
}


.slider-in  .swiper-pagination-bullet { background:#c5cad1!important;}
.slider-in  .swiper-pagination-bullet-active { background:#7c8794!important}
.slider-in  .swiper-button-next, .slider-in  .swiper-button-prev {color:#3c434a!important}

 
 
.more-about {  background: url(../images/cta-bg.png) no-repeat center center #fff; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  

.more-about a:hover { background:#000; color:#fff}  


.zoom-img-2 {height:auto;overflow: hidden; border-radius:16px; }
.zoom-img-2 img {transition: all .3s ease-in-out;}
.zoom-img-2:hover img   {transform: scale(1.1);}

.carousel-div .button-theme  { border:solid 1px #231f20; border-radius:2px; width:100%; background:#fff; transition: 0.3s;} 
.carousel-div:hover .button-theme  { background:#fff;  color:#000; border:solid 1px #fff; transition: 0.3s;}
.carousel-div:hover a { color:#fff }


/*career*/
.box-shadow-2 {box-shadow: 0px 0px 4px 0px #00000026; margin-top:2px}
.career-title h2 {margin-top:20px;
font-size: 22px;
font-weight: 600;
line-height: 32px;} 

.video-icon2 { position:absolute; z-index:2; left:0; right:0; margin:0 auto; width:88px; height:88px; margin-top:22%;  }
.video-bg2  img {
width: 100%;
transition: all .3s ease-in-out;
}

.video-bg2:hover img   {
transform: scale(1.1);
}

/*career*/


/*registered-distributors*/

label {
display: inline-block;
margin-bottom: .5rem;
}

.form-group {
    margin-bottom: 1rem;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color:#000;
background-color:#F5F7FA;
background-clip: padding-box;
border:0;
border-radius:0;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;     font-family: "DM Sans", sans-serif;}



.form-btn { background:#f1bc32; } 
.form-btn:hover { background:#000; color:#fff} 
textarea:focus, input:focus{outline: none;}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/*registered-distributors*/


/*Latest Past Events*/
	
.search-for-events {height: 50px;
font-size: 20px; font-family: "DM Sans", sans-serif;
font-weight:300;
line-height: 32px;
text-align: left; padding-left:20px
}


.search-for-events::placeholder {
  color:#000; 
  opacity: 0.5;
}

.yellow-btn  {background:#f1bc32; padding: 13px 30px;
border-radius: 3px;
border: 0;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: center;
display: inline-block;
color: #fff;}

.yellow-btn:hover {background:#000; color:#fff}
.month-lst  { float:left}
.month-lst a {font-size: 18px;font-weight: 600;line-height: 32px; margin:0 0 0 15px;color:#3C434A}
.month-lst a:hover {color:#f1bc32}
.today {width: 100px; height: 36px; font-size: 14px;font-weight: 700;line-height: 24px;text-align: center; border: 1px solid #c3c3c3; padding:8px 25px; border-radius:3px; margin:0 15px}
.today:hover { background:#f1bc32; border: 1px solid #f1bc32; color:#fff}
.upcoming { padding:8px 10px; border:0; font-family: DM Sans;font-size: 26px;font-weight: 300;line-height: 50px;text-align: center;}
.upcoming option { font-size:15px!important}
/*Latest Past Events*/



@media (min-width: 576px) {
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}


.order-sm-2 {
-ms-flex-order: 2;
order:2;
} 
  
}
 
 
 
 
 
.flex-row.row {
 display: flex;
 flex-wrap: wrap;
}
.flex-row.row > [class*='col-'] {
 display: flex;
 flex-direction: column;
}
.flex-row.row:after, 
.flex-row.row:before {
 display: flex;
}
.col-height {height:100%;}
 
.list-ul { margin:0; padding:0;}
.list-ul li { margin:0 0 10px 0; padding:0 0 0 30px; background:url(../images/list.png) no-repeat left 5px; list-style:none;font-size: 16px; line-height: 26px;
}

.list-ul-1 { margin:0; padding:0;}
.list-ul-1 li { margin:0 0 10px 0; padding:0 0 0 30px; background:url(../images/list.png) no-repeat left 5px; list-style:none;font-size: 16px; line-height: 26px;
}
 
 .col-lg-2-2 h2 { height:95px; font-size:19px!important; margin-left:-15px; margin-right:-15px; line-height:24px}
 
 
.list-ul-2 { margin:0 0 0 15%; padding:0; text-align:center}
.list-ul-2 li { margin:0 0 0 0; padding:0; text-align:left; font-size: 16px;font-weight:400;line-height: 26px; color:#fff} 

/*faq*/
.faqitem .header2 {padding:15px 30px 15px 30px;color:#000;display: flex;justify-content: space-between;align-items: center;cursor: pointer;  font-size:22px;font-weight:600;line-height:32px;text-align: left; font-family: "DM Sans", sans-serif;  border:1px solid #F5F7FA; margin-bottom:10px;     border-radius:10px;}

.faqitem .header2 h4 {margin:0;}

.faqitem .header2 .bi-dash-circle {display: none;}

.jquery-accordion-active { background:#f5f7fa;border-radius:10px; margin-bottom:10px}


.faqitem.jquery-accordion-active .bi-dash-circle {
display: block;
}

.faqitem.jquery-accordion-active .bi-plus-circle {
display: none;
}

.faqitem .content {
padding:0 40px  20px 40px;
display: none; 
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-align: left; color:#555555;}

.faq-btn a {border: 1px solid #333333; color:#333; background:#fff; margin:0 5px 5px 5px}
.faq-btn a:hover {border: 1px solid #f1bc32; background:#f1bc32}
.faq-btn a:focus {border: 1px solid #f1bc32; background:#f1bc32}
.faq-btn a:active {border: 1px solid #f1bc32; background:#f1bc32}
html {scroll-behavior: smooth;}
/*faq*/


.order-list ol { list-style:decimal; margin:0 0 0 15px}
.order-list li { padding:0}
.order-list li p { margin:0;}

.list-css ul { list-style:disc; margin:0 0 20px 15px}
.list-css li { padding:0}
.list-css li p { margin:0;}

.image-cover img {object-fit: cover; height:280px!important; overflow:hidden}
.header {
  position: sticky;
  top: 0; z-index:999; background:#fff
 
}
.sticky { background:rgb(255,255,255,0.9); border-bottom:solid 1px #e9e9e9}
#logo img { transition: width .3s;}
.sticky #logo img { width:108px; transition: width .3s;}

.slider-h {height:540px}

.single-product .swiper-wrapper {margin-bottom:0!important;}
.contact-add i {font-size:30px; color: #000; position:absolute; left:0;}
.contact-add ul { margin-left:0} 
.contact-add li { display:inline-block; margin-bottom:20px; padding:0 0 0 40px; font-size:18px; position:relative}
.contact-add li strong { font-size:30px; display:inline-block}
.card-footer h5 { 
font-size: 22px;
font-weight: 600;
}
.card-footer a {    font-size:18px;
font-weight: 600;
line-height: 32px;}

.textarea { border-bottom:solid 2px #4f4e4b; background:none; font-family: "DM Sans", sans-serif; color:#000; border-radius:0; padding-left:0!important; padding-right:0!important;}
.input { border-bottom:solid 2px #4f4e4b; background:none; font-family: "DM Sans", sans-serif; color:#000; border-radius:0; padding-left:0!important; padding-right:0!important	;}
.questions h3 { border-bottom:solid 2px #f2bc32; margin-bottom:30px; padding:0 0 10px 0}
.questions .bg-yellow { cursor:pointer}
.questions .bg-yellow:hover { background:#000; color:#fff}


input::placeholder {color:#000;}
textarea::placeholder {color:#000;}
.contact h1 { border-bottom:solid 2px #f2bc32; margin-bottom:10px; padding:0 0 10px 0; display:inline-block}
.contact li { list-style:none; position:relative; padding:15px 0 15px 50px}
.contact li i { width:40px; height:40px; line-height:40px; background:#f2bc32; color:#fff; display:inline-block; text-align:center; border-radius:100px; position:absolute; left:0; top:8px}

.hover-text h3 {background: rgba(0,0,0,0.7); display:block; text-align:center; vertical-align:middle; padding:5px 0!important; height:auto!important; color:#fff!important}

 

.explore-more {
    border-radius:5px;
    margin: 0 auto; left:0; right:0; width:120px;
    background: #e9ecf3;
    transition: 0.3s; font-size:15px; padding:5px 10px; position:absolute; bottom:15px
}
.effect-products:hover .explore-more { background:#f1bc32; color:#000}
.effect-products .effect-img { overflow:hidden; border:solid 1px #e7e7e7; padding-bottom:2px} 
.effect-products .effect-img   { border-radius: 1rem !important;}