/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:#fff; }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: 'Anton';color: var(--default-color);font-size:var(--base-font-size);position: relative;overflow-x: hidden;}

/* font family */
.ff-primary { font-family: var(--primary-font-family); }
.ff-secondary { font-family: var(--secondary-font-family); }

/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Anton';}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: 'Anton';padding-bottom: 10px;color: #333333;}

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;font-family: 'Inter';font-size: 16px;line-height: 28px;color: #fff;padding: 0px 0;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 font-size: 60px;
 color: #fff;
 letter-spacing: 1px;
 line-height: 70px;
 padding: 10px 0;
 position: relative;
 text-transform: capitalize;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }



@media (min-width: 576px) {
  .container-cst {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-cst {
    max-width: 720px;
  }
}

@media (min-width: 991px) {
  .container-cst {
    max-width: 900px;
  }
}

@media (min-width: 992px) {
  .container-cst {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-cst {
    max-width: 1300px;
  }

  .contact_sec .txtwrp h2 {
    padding: 30px 0px 10px 10px !important;
}


}

@media (min-width: 1400px) {
  .container-cst {
    max-width: 1440px;
  }
}

@media screen and (max-width: 1600px) {
  .container-cst {
    padding: 0 5%;
  }
}

.container-cst {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.nopad {
   padding: 0 !important;
}
.nomargin{
    margin: 0 !important;
}


/* header 
------------------------------------*/


header{padding: 20px 0;border-bottom: 1px solid #FFFFFF1A;}
header .logowrp{}
header .logowrp a{}
header .logowrp a img{width: 220px;}
header .navwrp{text-align: center;}
header .navwrp ul{display: inline-block;margin: 0;}
header .navwrp ul li{display: inline-block;margin: 0 20px 0px 20px;position: relative;}
header .navwrp ul li a{font-size: 14px;color: #FFFFFFB2;transition: .4s;position: relative;text-transform: uppercase;font-family: Inter;letter-spacing: 2.16px;}
header .navwrp ul li a:hover{color: #fff;}
header .navwrp ul li a:after{content: "";background: #fff;width: 100%;height: 1px;position: absolute;left: -1px;bottom: 0px;opacity: 0;transition: .4s}
header .navwrp ul li:hover a:after{display: block;opacity: 1}
header .navwrp ul li a i{font-size: 12px; margin-left: 5px; }
header .btnwrp{text-align: center;}
.btnwrp{margin: 20px 0;}
.btnwrp .btn-1{background: #ffffff;color: #000000;padding: 13px 25px;font-size: 14px;font-weight: 400;transition: .4s;border-radius: 50px;font-family: Inter;text-transform: uppercase;border: 1px solid #fff;}
.btnwrp .btn-1:hover{background: none;color: #fff;border: 1px solid #ffffff26;}
.btnwrp .btn-2{background: none;color: #fff;padding: 13px 25px;font-size: 14px;font-weight: 400;transition: .4s;border-radius: 50px;font-family: Inter;text-transform: uppercase;border: 1px solid #ffffff26;}
.btnwrp .btn-2:hover{background: #fff;color: #000;}
.btnwrp a.btn-1 i,
.btnwrp a.btn-2 i{font-size: 24px;margin-right: 5px;vertical-align: sub;}




.txtwrp h4{position: relative;display: inline-block;font-family: 'Inter';margin-left: 50px;color: #fff;letter-spacing: 3.08px;font-size: 14px;text-transform: uppercase;}
.txtwrp h4:before{content: "";position: absolute;width: 40px;height: 2px;background: #fff;top: 0;bottom: 10px;left: -50px;margin: auto;}
.txtwrp h4:after{content: "";position: absolute;width: 40px;height: 2px;background: #fff;top: 0;bottom: 10px;right: -50px;margin: auto;}


/*--------------Header Styling End----------------------*/


/*--------------Banner Styling Start----------------------*/


.bannerwrp{background: url(../images/hero-scene.webp); background-size: 100% 120%; background-position: center; background-repeat: no-repeat; padding: 210px 0 200px; }
.bannerwrp .mainwrp{text-align: center; }
.bannerwrp .mainwrp .imgwrp{}
.bannerwrp .mainwrp .imgwrp img{}
.bannerwrp .mainwrp .txtwrp{}
.bannerwrp .mainwrp .txtwrp h1{font-size: 100px;font-weight: 500;color: #fff;padding: 20px 0 0;letter-spacing: 3px;}
.bannerwrp .mainwrp .txtwrp img{width: 80%; }
.bannerwrp .mainwrp .txtwrp p{color: #fff;font-size: 28px;padding: 10px 0;letter-spacing: 2.16px;}


/*--------------Banner Styling End----------------------*/



/*--------------First-Fold Styling Start----------------------*/


.frstfold_sec{padding: 100px 0; background: url(../images/frstfold-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; }
.frstfold_sec .imgwrp{}
.frstfold_sec .imgwrp img{width: 100%; }
.frstfold_sec .txtwrp{}
.frstfold_sec .txtwrp h4:after{display: none;}
.frstfold_sec .txtwrp h2{font-size: 60px; color: #fff; letter-spacing: 1px; line-height: 70px; padding: 10px 0; }
.frstfold_sec .txtwrp p{}
.frstfold_sec .txtwrp p{font-size: 18px;line-height: 28px;color: #fff;padding: 20px 0;width: 85%;}


/*--------------First-Fold Styling End----------------------*/



/*--------------Solution Section Styling Start----------------------*/


.solution_sec{padding: 100px 0; background: url(../images/solution-sec-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; }
.solution_sec .txtwrp{margin-bottom: 20px; }
.solution_sec .txtwrp h4{}
.solution_sec .txtwrp h4:after{display: none;}
.solution_sec .txtwrp h2{font-size: 60px; color: #fff; letter-spacing: 1px; line-height: 70px; padding: 10px 0; }
.solution_sec .mainwrp{border-top: 1px solid #ffffff26; }
.solution_sec .mainwrp .pointwrp{border-bottom: 1px solid #ffffff26; padding: 20px 0; }
.solution_sec .mainwrp .pointwrp img{width: 50px; }
.solution_sec .mainwrp .pointwrp span{font-size: 15px; font-family: 'Inter'; color: #fff; margin-left: 15px; }
.solution_sec .imgwrp{}
.solution_sec .imgwrp img{width: 100%; }
.solution_sec .btnwrp{margin-top: 50px; }


/*--------------Solution Section Styling End----------------------*/



/*--------------Gallery Section Styling Start----------------------*/


.galler_sec{padding: 100px 0; background: url(../images/gallery-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center;}
.galler_sec .txtwrp{margin-bottom: 40px;text-align: center;}
.galler_sec .txtwrp h4{margin: 0; }
.galler_sec .txtwrp h2{font-size: 60px;color: #fff;letter-spacing: 1px;line-height: 70px;padding: 10px 0;}
.galler_sec .txtwrp p{font-size: 18px; line-height: 28px; color: #fff; padding: 0px 0; width: 70%; margin: auto; }
.galler_sec .imgwrp{margin-bottom: 30px; }
.galler_sec .imgwrp img{width: 100%;border-radius: 12px;aspect-ratio: 5 / 5;object-fit: cover;}
.galler_sec .btnwrp{text-align: center;margin-top: 50px;}


/*--------------Gallery Section Styling End----------------------*/



/*--------------Solution Section Styling Start----------------------*/


.solution2_sec{background: url(../images/solution2-sec-bg.webp); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0; position: relative; }
.solution2_sec .txtwrp{text-align: center; margin-bottom: 40px; }
.solution2_sec .txtwrp h4{margin: 0; }
.solution2_sec .txtwrp h2{}
.solution2_sec .txtwrp p{}
.solution2_sec .boxwrp{border-top: 1px solid #ffffff26; padding: 50px 0 10px; text-align: center; }
.solution2_sec .boxwrp h6{font-size: 14px; color: #fff; font-weight: 400; }
.solution2_sec .boxwrp img{padding: 15px 0; width: 50px; }
.solution2_sec .boxwrp h4{font-size: 20px; color: #fff; letter-spacing: 0.5px; font-weight: 500; font-family: 'Inter'; }
.solution2_sec .boxwrp p{font-size: 16px;line-height: 24px;width: 70%;margin: auto;}
.solution2_sec .btnwrp{text-align: center;margin-top: 70px;}


/*--------------Solution Section Styling End----------------------*/



/*--------------Reel Section Styling Start----------------------*/


.reel_section{background: #121212; padding: 100px 0; position: relative; }
.reel_section .txtwrp{text-align: center; margin-bottom: 40px; }
.reel_section .txtwrp h4{margin: 0; }
.reel_section .txtwrp h2{}
.reel_section .txtwrp p{font-size: 18px;width: 60%;margin: auto;}
.reel_section .portwrp{}
.reel_section .portwrp ul{}
.reel_section .portwrp ul li{display: inline-block;width: 32%;margin: 0 10px 0 0;}
.reel_section .portwrp ul li .portbox{position: relative; }
.reel_section .portwrp ul li .portbox .imgwrp{}
.reel_section .portwrp ul li .portbox .imgwrp img{transition: all 250ms ease;width: 97%;height: 650px;border-radius: 12px;filter: brightness(0.9);}
.reel_section .portwrp ul li .portbox .txtdiv{position: absolute;bottom: 30px;padding: 0 20px;}
.reel_section .portwrp ul li .portbox span{border: 1px solid #fff; height: 60px; display: block; width: 60px; border-radius: 50%; }
.reel_section .portwrp ul li .portbox span i{color: #fff;padding: 20px 0 0 0px;text-align: center;display: block;font-size: 20px;}
.reel_section .portwrp ul li .portbox .txtdiv .smaltxt{display: inline-block;vertical-align: -webkit-baseline-middle;margin: 0 0 0 11px;}
.reel_section .portwrp ul li .portbox .txtdiv .smaltxt h4{color: #fff;font-size: 12px;padding: 0;font-weight: 400;font-family: 'Inter';letter-spacing: 2.2px;}
.reel_section .portwrp ul li .portbox .txtdiv .smaltxt h6{color: #fff;font-size: 18px;font-weight: 500;font-family: 'Inter';padding: 5px 0;}
.reel_section .portwrp ul li:hover .portbox .imgwrp img{filter: unset;    transition: all 250ms ease;}
.reel_section .portwrp ul li .portbox a.playwrp{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


/*--------------Reel Section Styling End----------------------*/



/*--------------Reviews Section Styling Start----------------------*/


.reviews_sec{padding: 100px 0; background: url(../images/reviews-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; }
.reviews_sec .txtwrp{text-align: center; margin-bottom: 40px; }
.reviews_sec .txtwrp h4{margin: 0; }
.reviews_sec .txtwrp h2{}
.reviews_sec .reviewbox{background: #171717; padding: 25px; border-radius: 12px; }
.reviews_sec .reviewbox p{font-size: 18px;padding-bottom: 20px;height: 100px;}
.reviews_sec .reviewbox .detailwrp{display: flex;align-items: center;gap: 15px;border-top: 1px solid #ffffff26;padding: 15px 0 0;}
.reviews_sec .reviewbox .detailwrp span{color: #fff; font-family: 'Inter'; background: #333333; padding: 13px 20px; font-size: 16px; border-radius: 50%; }
.reviews_sec .reviewbox .detailwrp .namewrp{}
.reviews_sec .reviewbox .detailwrp .namewrp h4{padding: 0; font-size: 14px; color: #fff; font-family: 'Inter'; }
.reviews_sec .reviewbox .detailwrp .namewrp p{font-size: 12px; line-height: 20px; padding: 0; height: unset; }
.reviews_sec .btnwrp{margin-top: 70px;text-align: center;}


/*--------------Reviews Section Styling End----------------------*/



/*--------------Product Section Styling Start----------------------*/


.product_sec{background: #121212; padding: 100px 0; position: relative; }
.product_sec .txtwrp{text-align: center; margin-bottom: 50px; }
.product_sec .txtwrp h4{margin: 0}
.product_sec .txtwrp h4:after{}
.product_sec .txtwrp h2{}
.product_sec .txtwrp p{font-size: 18px; }
.product_sec .product_box{border: 1px solid #ffffff26; position: relative; border-radius: 12px; }
.product_sec .product_box span.abs_txt{color: #fff; font-size: 10px; font-family: 'Inter'; border: 1px solid #ffffff26; padding: 5px 15px; border-radius: 50px; letter-spacing: 1.8px; text-transform: uppercase; position: absolute; left: 10px; top: 10px; backdrop-filter: blur(5px); }
.product_sec .product_box img{width: 100%;height: 350px;}
.product_sec .product_box .detailwrp {padding: 30px 20px 10px 20px; }
.product_sec .product_box .detailwrp span.span1{color: #fff; font-size: 10px; font-family: 'Inter'; border-radius: 50px; letter-spacing: 1.8px; text-transform: uppercase; display: block; }
.product_sec .product_box .detailwrp h4{font-family: 'Inter'; font-size: 20px; color: #fff; padding: 10px 0; }
.product_sec .product_box .detailwrp p{font-size: 14px; padding-bottom: 10px; line-height: 24px; }
.product_sec .product_box .detailwrp h6{color: #fff; font-family: 'Inter'; font-size: 18px; padding: 10px 0; }
.product_sec .product_box .detailwrp h6 span{font-size: 14px; margin-left: 20px; }
.product_sec .product_box .detailwrp .btnwrp{}
.product_sec .product_box .detailwrp .btnwrp .btn-1{width: 100%;display: block;text-align: center;}


/*--------------Product Section Styling End----------------------*/



/*--------------Footer Styling Start----------------------*/


footer{padding: 100px 0; background: url(../images/footer-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; }
footer .txtwrp{}
footer .txtwrp h4{}
footer .txtwrp h4:after{display: none; }
footer .txtwrp h2{}
footer .txtwrp p{font-size: 18px;width: 70%;}
footer .txtwrp h6{color: #fff; font-family: 'Inter'; font-size: 36px; padding: 10px 0; }
footer .txtwrp h6 span{font-size: 14px; margin-left: 20px; letter-spacing: 2.52px; }
footer .txtwrp .btnwrp{}
footer .txtwrp .btnwrp .btn-1{margin-right: 20px}
footer .imgwrp{}
footer .imgwrp img{width: 100%}
footer .btmboxs{margin-top: 80px; }
footer .btmboxs .detailwrp{display: flex; align-items: center; gap: 15px; border: 1px solid #ffffff26; padding: 20px 10px; position: relative; margin-bottom: 20px; background: #000; }
footer .btmboxs .detailwrp i{color: #fff; font-size: 20px; border-radius: 50%; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ffffff26; }
footer .btmboxs .detailwrp .namewrp h4{padding: 0; font-size: 14px; color: #fff; font-family: 'Inter'; }
footer .btmboxs .detailwrp .namewrp p{font-size: 12px; line-height: 20px; padding: 0; }
footer .btmboxs .detailwrp i.abs-icn{position: absolute; right: 10px; background: unset; padding: 0; transform: rotate(-35deg); font-size: 14px; border: unset; }


/*--------------Footer Styling End----------------------*/


.slick-dots li button:before{background:#fff;}