* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "poppins";
    src: url("assets/fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: "roboto";
    src: url("assets/fonts/Roboto-Medium.ttf");
}

/* global 
 *****************************/
.container{width:1450px}
:root{--color-green:#006f51;--color-red:#ff183a}
.white{color:#fff}
.black{color:#262020}
p{color:#1c1c1c;font-size:14px}
a,p{font-family:poppins}
a:hover{text-decoration:none}
h1{font-size:70px;font-family:roboto}
h2{font-size:70px;font-family:roboto}
h3{font-size:30px;font-family:roboto}
.t-btn{margin:0 auto;display:block;background:#004981;text-align:center;width:230px;padding:18px 0;color:#fff;text-transform:uppercase;font-weight:700;border-radius:50px;margin-top:40px}
.t-btn:hover{color:#fff;scale:1.1;transition:all .35s}
.bg_green{background:#006f51}
.bg_red{background:#ff183a}
.arrowWrapper{position:absolute;left:-120px;top:43%;transition:all .25s}
.arrowWrapper.nextArrow.slick-arrow{left:unset;right:-120px}
.arrowWrapper img{width:100px}
/* global end
 *****************************/

/* header start
 *****************************/
 .tablet {display: none;}
 #mainHeader .bottom-header{padding:20px 0;background:#000000a3}
 #mainHeader .top-header{padding:50px 0;background:#00000061}
 #mainHeader .top-header p{margin:0;color:#fff}
 #mainHeader{position:relative}
 #mainHeader .top-header img{float:right}
 #mainHeader:before{content:'';position:absolute;top:0;background:#ff183a;display:block;height:2px;width:100%}
 .mainMenu{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;list-style:none}
 #mainHeader .row{align-items:center}
 .leftcol-wrapper{display:flex;align-items:center;justify-content:space-between}
 .mainMenu a{color:#fff;text-decoration:none;padding:0 9px}
 .mainMenu a:hover{transition:all .25s;color:#004981}

/* header end
 *****************************/

/* banner start
 *****************************/
 .mainBanner{background:url(assets/images/background.png) no-repeat;background-size:cover;margin-top:-210px}
 .mainBanner .row{min-height:975px;align-items:center;padding-top:190px}
 .mainBanner h2{text-align:center;text-transform:uppercase;line-height:74px;font-size:74px}
 .mainBanner .arrowWrapper.prevArrow{left:2%;position: absolute;z-index: 2;}
 .mainBanner .arrowWrapper.prevArrow img{width:60px;height:60px;object-fit:cover;object-position:center}
 .mainBanner p{color:#fff;text-align:center;margin:0 auto;width:950px;max-width:100%}
 .mainBanner .arrowWrapper.nextArrow{right:2%!important}
 .mainBanner .arrowWrapper.nextArrow img{width:60px;height:60px;object-fit:cover;object-position:center}
 .mainBanner .t-btn{margin:0 auto;display:block;background:#004981;text-align:center;width:230px;padding:18px 0;color:#fff;text-transform:uppercase;font-weight:700;border-radius:50px;margin-top:40px}
/* banner end
 *****************************/
/* section-02  start
 *****************************/
 .section-02 h2{text-align:center;line-height:.9;padding-bottom:20px}
 .section-02 p{text-align:center}
 .section-02{padding:100px 0}
 .section-02 p b{font-style:italic;color:#000}

/* section-02 end
 *****************************/
/* section-03 start
 *****************************/
 .section-03 .row {
  display: flex;
  align-items: center;
}
 .section-03 h2{text-align:left;font-size:43px;line-height:43px;padding-bottom:20px;font-weight:800}
 .section-03 a.t-btn{margin:0}
 .section-03 p{padding-bottom:20px;font-style:italic}
 .section-03{background:url(assets/images/Product-Background.png);background-repeat:no-repeat;background-position:left;background-size:cover;padding:100px 0!important}

/* section-03 end
 *****************************/
 /* section-04 start
 *****************************/
 .section-04 .black{font-size:36px;line-height:36px;font-family:poppins;font-weight:700;padding-bottom:10px}
 .section-04 .bottom-btn{display:flex;align-items:center;justify-content:flex-start;gap:50px}
 .section-04 .bottom-btn .t-btn{margin:0}
 .section-04 .bottom-btn strong{font-size:25px;color:red}
 .section-04 .bottom-btn strike{color:#a4a4a4;font-size:17px;padding-left:12px;font-weight:600}
 section.section.section-04 {padding: 20px 0px;}
 /* section-04 end
 *****************************/
  /* section-06 start
 *****************************/
 .section-06 .black{font-size:62px;text-align:center;font-family:poppins;font-weight:900}
.section-06 p{text-align:center;max-width: 900px;margin:auto;width: 100%;}
.section-06 .row-wrap{padding-top:50px}
.section-06 .row-wrap .our-product{padding-bottom:50px}
.section-06 .row-wrap .product-image{background:#ccc;padding:50px 0;position:relative}
.section-06 .row-wrap .our-product:hover .product-image .hover-pro{opacity:1;bottom:50px}
.section-06 .row-wrap .product-image .hover-pro{position:absolute;bottom:-50px;left:0;right:0;margin:auto;text-align:center;opacity:0;transition:.5s ease-in-out}
.section-06 .row-wrap .product-image .inner-pro{margin:auto;display:flex;height:305px;object-fit:contain;object-position:center}
.section-06 .row-wrap .product-content .title{text-align:left!important;width:200px;margin:0;color:#000}
.section-06 .row-wrap .product-content{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 0;flex-wrap: wrap;}
.section-06 .row-wrap .product-content span{color:red;font-weight:700;letter-spacing:-1px}
.section-06 .row-wrap .product-content .stars i{color:#f4b900}
  /* section-06 end
 *****************************/
   /* section-07 start
 *****************************/

 .section-07 .black{font-size:67px;line-height:67px;padding-bottom: 20px;}
 .section-07 p{max-width:650px;width:100%;padding-bottom: 20px;}
 .section-07 a{margin:0}
 .section-07 .col-md-6:first-child{padding:0}
 .section-07 .content{padding-left:20px}

  /* section-07 end
 *****************************/

  /* section-08 start
 *****************************/
 .section-08{background:url(assets/images/join.png);background-repeat:no-repeat;background-position:top;background-size: auto;padding: 100px 0 !important;}
 .section-08 a.play-btn{display:block;padding:212px 0;text-align:center;margin-top:50px;background:url(assets/images/video-bg.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:relative}
 .section-08 a.play-btn i{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;margin:auto;border-radius:50px;color:#000}
 .section-08 .join-us{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap: wrap;}
.section-08 .join-us p{color:#fff;max-width:850px;width:100%}
   /* section-08 end
 *****************************/
   /* section-09 start
 *****************************/
 .section-09{background:url(assets/images/message-background.png);background-size:cover;background-position:center;padding:100px 0}
 .section-09 .white{text-align:center}
 .testi-cont{position:relative}
 .testi-cont p{padding:30px 20px;margin:0;background:#fff}
 .testi-cotent h4{color:#fff;margin-top:30px}
 .testi-cont:before{position:absolute;content:'';width:40px;height:25px;left:40px;bottom:-24px;background:#fff;clip-path:polygon(0 0,52% 100%,100% 0)}
 .section-09 .row-wrap{padding-top:30px}
 .section-09 ul.slick-dots{display:flex;align-items:center;justify-content:center;list-style:none;position:relative;z-index:2;padding-top:40px}
 .section-09 ul.slick-dots li{color:#5e5c5b;padding:10px;position:relative;font-size:25px;z-index:2}
 .section-09 ul.slick-dots li:hover{color:#fff}
 .section-09 ul.slick-dots li.slick-active{color:#fff}
   /* section-09 end
 *****************************/

  /* section-10 start
 *****************************/
 section.section.section-10{padding:0!important}
 .section-10 .map-section{position:relative}
 .gm-style .place-card-large{display:none!important}
 .section-10 .map-section .white{display:inline-block;background:#000;padding:40px;font-size:40px;position:absolute;top:60px;left:0}
   /* section-10 end
 *****************************/
 footer#footer .footer-top{padding: 100px 0;background:url(assets/images/footer-bg.png);background-repeat: no-repeat;background-position: top center;background-size: cover;}
 .footer p{color:#fff;word-break:break-all}
 .social{display:flex;align-items:center}
 .social a{text-decoration:none!important;width:40px;height:40px;background:0 0;border:1px solid #5e6369;display:flex;align-items:center;justify-content:center;border-radius:30px;color: #fff;margin:0 5px}
 .social a:hover{background: #0768a0;border: none;}
 .form-new{display:flex;width: 100%;justify-content:space-between;}
 /* .wigdet_4 input[type=text]{background:0 0;border:0;outline:0} */
 .form-new button{border:0;outline:0;background:0 0;color:#f0f9ff}
 .subFooter-menu{display:flex;align-items:center;justify-content:space-between;margin:0;PADDING-LEFT:0;list-style:none}
 .subFooter-menu a{color:#7e8896;text-decoration:none}
 .footer_bottom{padding: 20px 0;background: #000;}
 .footer_content h4{color:#f0f9ff;margin-bottom:10px}
 .subFooter-menu a:hover{color:#3aa62c;text-decoration:none}
 .footer_bottom p,.subFooter-menu a{font-size:14px;color:#fff}
 p.copyRightText{float: left;} */
.titleFooter{text-transform:uppercase}
footer#footer .white{font-size:51px;font-weight:700;line-height:51px;font-family:roboto;padding-bottom: 15px;}
.aboutfooter.wigdet_1 {float: right;}
footer#footer .form-new input{width:100%;background: #77868e85;color:#fff;border:none;padding:10px}
footer#footer .form-new input::placeholder{color:#fff}
footer#footer .form-new button i{font-size:24px}
footer#footer .row{align-items:flex-end}
footer#footer .form-new button{border:0;outline:0;color:#f0f9ff;width:auto;height:auto;background: #0768a0;padding:20px}
footer#footer .footer_bottom.text-center .row{align-items:center}
footer#footer .footer_bottom.text-center .copyRightText{margin:0}





#sideBar-nav{top:0;margin:0;position:fixed;width:100%;height:100%;background:#000000ab;left:-2000px;transition:left .5s ease-in-out .26s;z-index:99;overflow:hidden}
#sideBar-nav.active{left:0!important}
#sideBar-nav li{padding:9px 10px;border-bottom:1px solid #004981;list-style:none;color:#fff;text-transform:uppercase}
#sideBar-nav li a{color:#fff}
.toggleBtn{position:absolute;left:11px;transition:left .5s ease-in-out .26s}
.closeNav{float:right;margin-bottom:40px;display:block;background:#004981;border:0;padding:3px 11px;border-radius:3px;font-size:17px;color:#fff}
.sideNavWrapper ul{padding-top:50px}
.toggleBtn span{width:28px;height:2px;background:#000;margin:8px 0;display:block;transition:.5s}
#sideBar-nav .sideNavWrapper{background:#000;width:250px;height:100%}
div#clickBtn{z-index:99;position:relative;display:block}
#clickBtn span{background:#004981;width:32px;height:3px;display:block;margin-bottom:7px;border-radius:100px}

@media (max-width:1024px){
  .mainBanner .row{min-height:765px}
  .mainBanner p{width:760px;max-width:100%}
  .section-07 .black{font-size:42px;line-height:42px;padding-bottom:0}
  .section-07 p{padding-bottom:0;margin-bottom:7px}
  .section-08 a.play-btn{margin-top:0}
  .section-08{padding-bottom:50px!important}
  footer#footer .white{font-size:40px;line-height:42px}
  }
  @media (max-width:992px){
  section{padding:40px 0!important}
  .mainBanner h2{line-height:64px;font-size:64px}
  .mainBanner p{width:600px}
  .section-02 h2{font-size:50px;line-height:50px}
  .section-03 h2{font-size:36px;line-height:36px;padding-bottom:0}
  .section-03{padding:50px 0!important}
  .section-03 p{padding-bottom:0}
  section.section.section-06{padding:20px 0}
  .section-08 a.play-btn{padding:110px 0;margin-top:20px}
  footer#footer .white{font-size:32px;line-height:35px;font-weight:500}
  .section-07 a{margin-top:20px}
  .section-07 .content{padding:20px 0}
  }
  @media (max-width:767px){
  .mainMenu{display:none}
  div#clickBtn{float:right;padding-right:21px}
  .tablet{display:block!important}
  .mainBanner h2{line-height:55px;font-size:60px}
  .mainBanner .row{min-height:600px}
  #mainHeader .top-header{padding:30px 0}
  .section-02 h2{font-size:40px;line-height:40px}
  .section-02 p b{font-size:14px;font-weight:400}
  .section-03 h2.black{text-align:center;padding-top:20px}
  .section-03 p{text-align:center;padding:10px 0}
  .section-03 a.t-btn{margin:auto}
  .section-04 .black{text-align:center}
  .section-04 p{text-align:center}
  .section-04 .bottom-btn{justify-content:center}
  .section-04 .right-image{text-align:center}
  .section-06 .content p{max-width:100%;padding:0 20px}
  .section-07 a.t-btn{margin:20px auto 0}
  .section-07 .black{text-align:center}
  .section-07 p{text-align:center;margin:auto}
  .section-08{padding:50px 0!important}
  .section-08 a.play-btn{padding:80px 0;margin-top:20px}
  .section-08 .join-us{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
  .section-08 .join-us p{text-align:center}
  .section-08 .white{font-size:62px;text-align:center;line-height:62px}
  .section-09 .white{text-align:center;font-size:62px;line-height:62px}
  .social{justify-content:center}
  footer#footer .white{text-align:center}
  .aboutfooter.wigdet_1{text-align:center;padding-top:20px;float:none}
  footer#footer .footer_bottom.text-center .row .copyRightText{text-align:center;width:100%}
  footer#footer .footer_bottom.text-center .row{align-items:center;gap:20px}
  }
  @media (max-width:660px){
  .container{width:100%}
  .mainBanner .arrowWrapper.prevArrow{bottom:0!important;top:unset}
  .mainBanner .arrowWrapper.nextArrow{top:unset;bottom:0}
  .section-04 .right-image{max-width:280px;width:100%;text-align:center;margin:auto}
  }
  @media only screen and (max-width:575px){
  .mainBanner h2{line-height:45px;font-size:50px}
  .section-09 .white{font-size:45px;line-height:45px}
  }
  @media only screen and (max-width:480px){
  .mainBanner h2{line-height:35px;font-size:35px}
  .section-02 h2{font-size:26px;line-height:26px}
  .section-03 .black{font-size:26px;line-height:26px}
  .section-03 p{font-style:normal}
  .section-04 .black{font-size:26px;line-height:26px}
  .section-06 .row-wrap .our-product{padding-bottom:50px;margin:20px}
  .section-07 .black{font-size:26px;line-height:26px}
  .section-06 .black{font-size:35px;line-height:35px}
  .section-08 .white{font-size:35px;line-height:35px}
  .section-09 .white{font-size:30px;line-height:30px}
  .testi-cotent{margin:0 20px}
  .testi-cont:before{left:0;right:0;margin:auto}
  .testi-cotent h4{font-size:26px;text-align:center}
  .form-new{width:90%;margin:auto}
  footer#footer .footer-top{padding:50px 0}
  footer#footer .white{font-size:26px;line-height:26px;padding:10px 20px}
  .subFooter-menu{justify-content:center;gap:10px}
  footer#footer .footer_bottom.text-center .row{gap:10px}
  #mainHeader .top-header p{padding-left:10px}
  .mainBanner .row{min-height:520px}
  p{padding:0 5px}
  .section-04 .bottom-btn{gap:10px}
  .subFooter-menu{justify-content:center;gap:10px;flex-wrap:wrap}
  .mainBanner .t-btn{width:200px}
  .t-btn{font-weight:400;width:200px;font-size:14px}
  }