
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* global */
:root{
  --theme-font: 'Poppins', sans-serif;
/*  --theme-secondary-font: 'Roboto Slab';*/

  /* colors */
  --white: #fff;
  --vry-light: #f6f6f6;
  --border-light: #ffedf2;
  --light: #f4f4f4;
  --border-color: #e7e7e7;
  --fade-light: #f6f7f8;
  --fade: #d3d4d6;
  --mdm-grey: #8d8d8d;
  --heading-grey: #595959;
  --dark-grey: #67676f;
  --text-color: #343438;
  --theme-dark: #2D3341;
  --black: #000;

  --theme-light3: #ffe6e6;
  --theme-light2: #b14a4a;
  --theme-light1: #bd2626;
  --theme-color: #2D3341;
  --theme-color1: #b80c0c;
  --theme-alpha1: #d91a1ab7;
  --theme-alpha2: #d91a1ad9;
  --theme-alpha: #d91a1a8f;
  --theme-color-vry-transparent: #d91a1a2a;
  --theme-color-transparent1: #d91a1a0e;
  --theme-bg: #ffecec;
  --theme-color-dark: #740c0c;

  --secondary-color: #252525;
  --secondary-color-alpha: #1f1f1fc2;
  --secondary-color-alpha1: #1f1f1f9d;
  --secondary-color-alpha2: #16161659;
  --secondary-color-alpha3: #1d1d1d2c;
  --secondary-color-text: #242424;
  --secondary-color-dark: #161616;
  /* colors end */

  /* greadient */
  --greadient1: linear-gradient(90deg, #e3ebea, transparent);
  /* greadient end */
}

/* html{font-size: 90%;} */

body {font-family: 'Poppins', sans-serif; color: var(--text-color); }
a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
a:hover{color: var(--theme-color);}
/*span{display: inline-block;}*/
.heading{font-size: 3.125rem;}/*50px*/
.heading-lg{font-size: 2.813rem;}/*45px*/
.heading1{font-size: 2.5rem;}/*40px*/
.heading2{font-size: 2.188rem;}/*35px*/
.heading-sm1{font-size: 1.875rem;}/*30px*/
.heading-sm2{font-size: 1.79rem;}/*28.64px*/
.heading-md1{font-size: 1.688rem;}/*27px*/
.heading3{font-size: 1.625rem;}/*26px*/
.heading-sm3{font-size: 1.5rem;}/*24px*/
.heading4{font-size: 1.3rem;}/*21px*/
.heading5{font-size: 1.2rem;}/*19px*/
.heading6{font-size: 1.1rem;}/*17.6px*/
.heading7{font-size: 1rem;}/*16px*/
.heading8{font-size: 0.93rem;}/*14px*/
.heading9{font-size: 0.82rem;}/*13px*/

.para-lg{font-size: 1.438rem;}/*23px*/
.para-lg0{font-size: 1.375rem;}/*22px*/
.para-lg1{font-size: 1.313rem;}/*21px*/
.para-lg2{font-size: 1.25rem;}/*20px*/
.para-lg3{font-size: 1.188rem;}/*19px*/
.para-md{font-size: 1.125rem;}/*18px*/
.para-md1{font-size: 1.063rem;}/*17px*/
.para-md2{font-size: 1rem;}/*16px*/
.para-md3{font-size: 0.938rem;}/*15px*/
.para-sm{font-size: 0.875rem;}/*14px*/
.para-sm2{font-size: 0.813rem;}/*13px*/
.para-xs{font-size: 0.75rem;}/*12px*/
.para-xs2{font-size: 0.688rem;}/*11px*/


ul{margin: 0;}
p:nth-last-child(1){margin-bottom: 0;}
p{line-height: 1.8}
section{padding: 3.75rem 0;}
.clear-both{clear: both;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
a{color: inherit;}
a:hover{color: inherit;}
a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important;}
.form-check-input:focus{box-shadow: none;}
::selection {color: var(--white);background: var(--theme-color);}
.bg-theme{background-color: var(--theme-color);}
/* .container{max-width: 1300px;} */
/* .container-xl{max-width: 1624px;} */
.link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.h-auto{height: auto!important;}
input{box-shadow: none!important;}
.secondary-font{font-family: var(--secondary-font);}
.text-white{color:var(--white)}
.text-theme{color: var(--theme-color)!important;}
.text-secondary{color:var(--secondary-color-text)!important;}
.uppercase{text-transform: uppercase;}
.bg-theme{background-color: var(--theme-color); color: var(--white);}
.bg1{background-color: var(--theme-color-dark); color: var(--white);}
a:-webkit-any-link { color:#fff; }
/* global end */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* buttons */
.btn-underline { font-size: 1.063rem; font-weight: 700; position: relative; }
.btn-underline:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background-color: var(--theme-color); }
.btn svg { width: 1.063rem; margin-left: 0.875rem; }
/* .btn { background-color: #fff; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; border-radius: 12px; padding: 0.813rem 1.125rem; } */
.btn{background-color: var(--secondary-color);border-radius: 5rem;padding: 0.9rem 2rem;font-size: 1.063rem;color: var(--white);border: 2px solid transparent;transition: all ease 0.5s;}
.btn1{ background-color: var(--theme-color1)!important; border-radius: 5rem!important; padding: 0.6rem 3rem!important; font-size: 1.063rem!important; color: var(--white)!important; border: none!important; transition: all ease 0.5s;}
.btn1:hover{background-color: var(--secondary-color)!important;}
.btn:hover{background-color: var(--secondary-color-alpha1); color: var(--white);}
.btn-theme { background-color: var(--theme-color); color: var(--white); }
.btn-theme:hover {background-color: var(--black);color: var(--white);}
.btn-outline { border: 2px solid var(--secondary-color); background-color: var(--white); }
.btn-lg { padding: 0.813rem 1.8rem; font-size: 1.2rem; }
.btn-outline:hover {background-color: var(--theme-color); color: var(--white); border-color: transparent;}
.btn:disabled { pointer-events: all; cursor: no-drop; background-color: var(--mdm-grey); color: var(--white); }
.btn1-sml{padding: 0.25rem 1.7rem!important; font-size: 0.9rem!important;}
.btn-outline.btn-theme{color: var(--theme-color);border-color: var(--theme-color);}
.btn-outline.btn-theme:hover{color: var(--white);}
/* buttons end */
html{
  scroll-behavior: smooth;
}

/* header */

.main-header {display: flex;align-items: center;padding: 0.65rem 2.5rem;}
.header-nav { padding: 0; margin-left: auto; list-style: none; display: flex; }
.main-header {display: flex;align-items: self-start;padding: 1rem 0 1rem 0rem;background-color: transparent;/* position: absolute; */width: 100%;align-items: center;}
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 99;border-bottom: 1px solid transparent;transition: all ease 0.5s;background: #2d3341;}
/*.scrolling-down { transform: translateY(-100%); }*/
.top-social a { padding: 0 0.5rem; }
.top-right li:nth-child(1) a { margin-right: 1.5rem; transform: scale(1.5); }
.top-right a { font-size: 1rem; font-weight: 500; }
.top-right li:not(:nth-child(1)) i { margin-right: 0.4rem; }
.header-nav a {font-size: 1.125rem; padding: 0 1rem; color:#ffffff !important; font-weight: 500;text-transform: uppercase;}
.header-nav+.btn {margin-left: 1rem;}
body {/* padding-top: 9.2rem; */} 
header a { position: relative; display: inline-block; }
header a:before { content: ""; width: 0%; height: 2px; position: absolute; background-color: currentColor; left: 0; bottom: 0; transition: all ease 0.5s; }
header a:hover:before{width: 100%;}
.header-nav a:hover, .header-nav a.active{color: #ffffff !important;}
/* .header-nav a:hover, .header-nav a.active:hover{color: var(--theme-color);} */
.top-social a:before, .top-right li:nth-child(1) a:before, .logo:before, .btn:before {display: none;}
header ul{list-style: none;}
.phone-menu{display: none;}
.top-right li { margin-right: 0.6rem; position: relative;}
.main-header .btn-outline.btn-theme {color: #fff;background: transparent;padding: 0.4rem 2rem;display: flex;align-items: center;}
.main-header .btn-outline.btn-theme img{margin-right: 10px}
header.scrolling-up {/* background: var(--theme-color); */} 
.header.scrolling-up .main-header { padding: 0!important; }
 header.scrolling-up .main-header {/* padding: 1rem 0; *//* align-items: center; */}
  header.scrolling-up .main-header .logo {width: 6rem;}
 header.scrolling-up .main-header .logo img {/* width: 100%; */}
/* header end */

/* banner */
.banner { padding: 0;position: relative; }
.banner-slide {overflow: hidden;height: 800px;}
.banner-slide>img {width: 100%;height: 100%; }
.banner-content {position: absolute;top: 50%;/* height: 100%; */width: 100%;left: 0;transform: translateY(-50%);}
.banner-content .heading-lg, .banner-content p{color: #ffffff;margin-bottom: 1rem;}
.banner-content p{font-size: 20px; color:#ffffff;}
.banner-content ul li{font-size: 20px}
.banner-content p{line-height: 1.5}
.banner-content p span{color: fff;font-weight: 600;}
.banner-content a{margin-top: 2rem;font-weight: 600;}
.banner-content a img{margin-left: 10px}
.banner-slider {/* position: relative; */}
.formwrapper {position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);width: 100%;pointer-events: none;} 
.formwrapper .contact-form{margin-left: auto;pointer-events: all;}
.contact-form h3{color: var(--theme-color); font-weight: 600;text-align: center;}
.formwrapper .contact-form h3 span{font-weight: 400}
.contact-form h4{font-weight: 400;margin: 1rem 0; margin-bottom: 2rem; border-bottom: 1px solid var(--theme-color);padding-bottom: 1rem;
}
.contact-form .btn.btn-sec {color: #fff;background: var(--theme-color);border-radius: 0px 0px 30px 30px;text-align: center;margin: 0 auto;display: flex;width: 100%;justify-content: center;letter-spacing: 2px;}
.contact-form .btn{
    background: var(--theme-color);
    border-radius: 5px;
    color: #FFFFFF;
    margin: 2rem auto 0;
    text-align: center;
    display: flex;
    align-items: center;
}
.contact-form .btn.btn-sec img{margin-right: 10px}

.video {position: relative;height: auto;}
.video a{display: block;}
 .video img {width: 100%;height: 100%;} 
 .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 .play-icon img { width: auto; margin: 0 auto 1rem; display: flex; }
  .video-cont { text-align: center; color: #fff; } 
  .video-cont .heading-lg {text-transform: uppercase;font-weight: 600;margin-bottom: 10px;}
.formdetail { padding: 2rem 2.4rem; }
.formwrapper .contact-form .form-control { margin: 0 auto; width: 80%; border-color: #000; }
.swiper-pagination-bullet { border: 2px solid #fff; width: 1rem; height: 1rem; opacity: 1; background-color: transparent; transition: all ease 0.5s; }
.swiper-pagination-bullet-active { border-color: transparent; background-color: var(--white); }
/* banner end */

/* homepagge */
.aboutsec {display: flex;justify-content: center;align-items: center;}
.aboutsec .aboutimg img {width: 100%;height: 100%;/* height: calc(100% + 6rem)!important; *//* object-fit: contain; *//* object-position: bottom right; */} 
.aboutsec .aboutimg {
    width: 50%;
    padding-right: 4rem;
}
.aboutsec  .about-cont { width: 50%; }
.about-cont .heading-lg { color: var(--theme-color); margin-bottom: 1rem; } 
.about-cont p { line-height: 1.8; margin-bottom: 2rem; } 
.goldenbtn{ background: var(--theme-color); font-weight: 600; color: #FFFFFF !important; } 
.goldenbtn img { margin-left: 10px; }




.sml-header {/* margin-top: -2.8rem; */background: var(--theme-color);}
.logo img {/* width: 12.313rem; *//* height: 5.063rem; */object-fit: contain;transition: all ease 0.5s;}
.sml-header .logo img {/* width: 6rem; *//* height: 4rem; */}
.sml-header .header-nav>li>a { color:ffffff !important; /* font-size: 1rem; *//* padding: 0 0.6rem; */}
.about-section { padding-bottom: 0; padding-top: 6rem; }
.aboutcontent{padding-bottom: 4rem;}
.heading-all{font-family: 'Poppins', sans-serif;}
.sml-header .btn.btn-outline.btn-theme { border-color: #E5AF41; }
.sml-header .main-header {/* padding: 10px 0; */}

.ftr-link-wrap { margin-left: 3rem; }
.flogo { margin-bottom: 1rem;}
footer {padding: 4rem 0 !important;}
footer .ftitle { font-family: 'Poppins', sans-serif; font-weight: 700; margin-top: 2rem; }


.footerform .contact-form h3 { color: #000; }
/* homepagge end */



/* contact us */
.contact-us { padding: 0; }
.contact-left { padding: 5rem 4rem; }
.contact-list { padding: 0; list-style: none; }
.contact-list>li>a, .contact-list>li>span { display: flex; align-items: center; margin-bottom: 1.4rem; }
.contact-list>li>a img, .contact-list>li>span img { margin-right: 1.6rem; }
.contact-form {/* padding: 2rem 2.4rem; *//* margin-top: -7rem; */background-color: var(--white);width: 400px;border-radius: 30px;border: 2px solid var(--theme-color);}
.contact-form .form-control {border-radius: 10px;height: 2.5rem;}
.contact-form textarea.form-control { height: auto; }
.page-map iframe { width: 100%; height: 26rem; }
=
/* contact us end */

.has-droapdown ul { position: absolute; left: 50%; top: calc(100% + 6rem); transform: translateX(-50%); width: 13rem; background-color: var(--black); padding: 0.6rem 0; border-radius: 0.5rem; transition: all ease 0.5s; pointer-events: none; opacity: 0; }
.has-droapdown ul li a { color: var(--white); font-size: 1rem; padding: 0.2rem 1rem; display: block; }
/* .has-droapdown ul li:nth-last-child(1) a { padding-bottom: 1rem; } .has-droapdown ul li:nth-child(1) a { padding-top: 1rem; } */
.has-droapdown { position: relative; }
.has-droapdown ul li a:before{display: none;}
.has-droapdown ul li a:hover { background-color: var(--theme-color); color: var(--white); }
.has-droapdown ul:before { content: ""; position: absolute; border: 10px solid transparent; left: 50%; bottom: calc(100%); border-bottom-color: var(--black); transform: translateX(-50%); }
.has-droapdown:hover>ul { top:100%; pointer-events: all; opacity: 1; }
.header-nav>li { padding: 0.6rem 0; color:#ffffff !important; }
.has-droapdown:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: -0.8rem; margin-right: 0.4rem; transition: all ease 0.5s; font-size: 0.8rem; }
.has-droapdown:hover:after{transform: rotate(180deg);}
.sml-header .has-droapdown:after { margin-left: -0.5rem; }
.has-droapdown ul li a.active { background-color: var(--theme-color); color: var(--white); }

.phone-menu span{transform-origin: right;}
.menu-opened .phone-menu span:nth-child(1){
  transform: rotate(-45deg);
    transform-origin: right;
}
.menu-opened .phone-menu span:nth-child(2){
  opacity: 0;
}
.menu-opened .phone-menu span:nth-child(3){
  transform: rotate(45deg);
    transform-origin: right;
}


.mainhead.heading-lg {color: var(--theme-color);margin-bottom: 2rem;}
.keylist {display: flex;margin-top: 2rem;align-items: center;} 
.keyimg {width: 65%;padding-right: 3rem;} 
.keyimg img { width: 100%; height: 100%; }
.keytext ul { padding: 0; list-style: none; } 
.keytext ul li {margin-bottom: 25px;font-weight: 600;font-size: 18px;color: #333335;padding-left: 2rem;position: relative;}
.keytext ul li:before{content:"";position: absolute;left: 0;top: 5px;background-image: url(../images/bullet-point.png);height: 100%;width: 100%;background-repeat: no-repeat;}
.keypoints  .mainhead {margin-bottom: 1rem;}

.galleryswiper .swiper-slide a{width: 100%;}
.galleryswiper .swiper-slide img{width:100%;}

.swiper-nav{display: flex;justify-content: center;align-items: flex-start;}
.swiperbtn {display: flex;justify-content: flex-end;margin-left: auto;}
.swiperbtn .swiper-nav { display: flex; width: 100%; } 
.swiperbtn .swiper-button-next, .swiper-button-prev{position: static!important;height: 40px;width: 40px;padding: 10px;background: #ccc;margin-left: 7px;border-radius: 25px!important;padding: 1.5rem 2.5rem;} 
.swiper-button-next, .swiper-button-prev{position: static!important;}
.swiper-nav .swiper-button-prev.swiper-button-disabled, .swiper-button-next, .swiper-button-prev {transition: .3s;background: #fff!important;opacity: 1!important;/* height: 40px!important; *//* width: 40px!important; */margin-top: 0!important;border: 1px solid var(--theme-color);}
.swiper-nav .swiper-button-next:after, .swiper-button-prev:after { font-size: 0!important; }
 .swiperbtn>div { pointer-events: all!important; cursor: pointer;transition: .3s; }
.swiper-nav .swiperbtn>div:hover {cursor: pointer;background: var(--black)!important;pointer-events: all!important;border-color: #000;}
 .swiperbtn>div svg{color: #000;transition: .3s;}
 .swiper-nav .swiperbtn>div:hover svg{color: #fff;}
 .swiper-button-prev img { transform: rotate(180deg); }
 .features ul {display: flex;padding: 0;list-style: none;flex-wrap: wrap;margin: 0 -10px;justify-content: center;} 
 .features ul li {width: 18.4%;margin: 0rem 10px 20px;}
 .featurelist {text-align: center;padding: 2rem 1rem 1rem 1rem;border: 1px solid var(--theme-color);border-radius: 30px;height: 100%;} 
 .featureimg {margin-bottom: 1.5rem;}
 .featurecont h4{color: var(--theme-color);font-weight: 400;}
 .advantage{padding-bottom: 10px}
 .advantage .keylist {margin: 0;align-items: unset;} 
 .advantage .keylist .keyimg { width: 50%; padding: 0; }
  .advantage .keytext {
  padding: 3rem 2rem 2rem 3rem;
  width: 50%;
  background: var(--theme-color);
  /*background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(162,86,8) 0%, rgb(196,167,95) 100%);
  /* background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(162,86,8) 0%, rgb(196,167,95) 100%); */
  /*background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(162,86,8) 0%, rgb(196,167,95) 100%);*/
  /*background-image: linear-gradient(29deg, #a25608, #c4a75f);*/
  }
  .advantage .keytext li { color: #fff; font-weight: 400; margin-bottom: 10px; font-size: 16px; } 
  .advantage .keytext .mainhead.heading-lg {color: #fff;margin-bottom: 1rem;font-size: 40px;}
  .advantage .keytext ul li:before{background-image: url(../images/arrow-white.png);}

  footer{background: url(../images/footer.jpg)}
  .footersec {display: flex;/* align-items: center; */} 
  .fdetail {padding-left: 8rem;padding-top: 5rem;} 
  .fdetail ul { color: #fff; padding: 0; list-style: none; } 
  .fdetail h3 { color: #fff; margin-bottom: 1rem; }
   .fdetail ul li { margin-bottom: 1rem; display: flex;align-items: flex-start;} 
   .fdetail ul li img { margin-right: 10px; }
   .fbottom{ background: #2D3341;}
   .fbottom .container { display: flex;  padding: 10px 0; justify-content: space-between; }
    .fbottom .container p { margin: 0; color: #ffffffb5; }
    .aboutimg.mobile{display: none;}
.banner-content ul li {color: #ffffff;font-size: 18px; font-weight:400;}
.phone-main {  position: fixed; right: 1%; bottom: 30px;  z-index: 1; }
.sml-header .header-nav a:hover, .sml-header .header-nav a.active{color: #fff}


@media (max-width:1280px){
  header .container{max-width: 100%;padding-left: 1rem;padding-right: 1rem;}
  .heading-lg{font-size: 2.5rem}
  .heading-md1{font-size: 1.563rem}
  section { padding: 2.75rem 0; }
  .features ul li{width: 18%;}
  .featurecont p{font-size: 15px;line-height: 1.6;}
  .heading4 { font-size: 1.125rem; }
  .banner-content-left{width: calc(100% - 400px);}

}

@media (max-width: 1024px){
   .phone-menu.close-menu span:nth-child(1) { transform: rotate( -45deg ); transform-origin: right; background-color: var(--medium-black3); }
    .phone-menu span {width: 24px;height: 2px;background-color: #fff;display: block;transition: all ease .5s;}
    .phone-menu span:nth-child(2) { margin: 6.5px 0; }
    .phone-menu {display: block;margin-left: 1rem;cursor: pointer;}
    .banner-slide>img {height: 100%;object-fit: cover;}
    .header-top { padding: 0.65rem 0.6rem; }
    .header-backdroap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--secondary-color-alpha1); backdrop-filter: blur(8px); z-index: 4;opacity: 0; pointer-events: none; transition: all ease 0.5s; }
    .main-header{align-items: center;}
    .header-nav {position: fixed;display: flex;transition: all ease 0.5s;flex-direction: column;right: 0;top: 0;background-color: var(--theme-color);height: 100%;z-index: 5;padding: 5rem 5rem 3rem 2.5rem;transform: translateX(100%);}
    .menu-opened .header-nav{transform: translateX(0);}
    .phone-menu { z-index: 5; }
    .menu-opened .header-backdroap{opacity: 1; pointer-events: all;}
    .menu-opened .header-nav>li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--bs-gray-200); }
    .has-droapdown ul {z-index: 1;}
    .has-droapdown>a{pointer-events: none;}
    .heading-lg { font-size: 2.188rem; }
    .para-md1{font-size: 1rem;}
    .header-nav+.btn { margin-left: auto; }
}
@media (max-width: 992px){
.formwrapper { position: static; transform: unset; }
 .formwrapper .contact-form { width: 100%; border-radius: 0;margin-top:2rem; }
.bnr-pagination{display: none;}
.formwrapper .contact-form .btn.btn-sec{border-radius: 0}
.banner-content-left, .advantage .keylist .keyimg, .advantage .keytext{width: 100%;}
.banner-content .heading-lg br, .banner-content p br{display: none;}
.contact-form h4{text-align: center;}
.aboutsec, .keylist{flex-direction: column;}
.aboutsec .aboutimg, .keyimg{width: 100%;padding-right: 0;margin-bottom: 2rem;}
.aboutsec .about-cont, .keytext{width: 100%;}
.heading-lg { font-size: 1.876rem;}
.video-cont .heading-lg {margin-bottom: 0;}
.play-icon img{width: 25%}
.heading-sm2 {font-size: 1.563rem;}
.banner-content a{display: none;}
.banner-slide{height: 600px;}
.features ul li{width: 47%}
.footersec { flex-direction: column; } 
.footerform .contact-form { width: 100%; } 
.fdetail { padding-left: 0; padding-top: 3rem; }
footer {padding: 2rem 0 !important}
.fbottom p{font-size: 14px}
.advantage .keylist .keyimg{margin-bottom: 0}
 .video {height: 300px;}
.video-cont .heading-sm2 br{display: none;}
.video-cont .heading-sm2{font-size: 1.125rem;}
.mainhead.heading-lg {margin-bottom: 1rem;}
.play-icon{width: 100%}
.advantage .keytext .mainhead.heading-lg{font-size: 35px}
}

@media (max-width:767px){
.features ul li {width: 100%;}
.main-header .btn-outline.btn-theme p{display: none;}
.main-header .btn-outline.btn-theme{border: none;padding: 0}
.heading2 { font-size: 1.875rem; }
.advantage .keytext{padding: 1rem;}
.advantage .keytext .mainhead.heading-lg{font-size: 30px}
}

@media (max-width:489px){
 .banner-content-left .heading2{font-size: 25px;}
 .banner-content p{font-size: 18px;}
 .formdetail {padding: 1rem}
 .formwrapper .contact-form {margin-top: 1rem}
 .heading-lg, .heading-sm2{ font-size: 1.363rem; }
 .about-cont .heading-lg,.mainhead.heading-lg{margin-bottom: 10px;}
 p, .para-md1, .advantage .keytext li, .btn{font-size: 14px;}
 section { padding: 1rem 0;}
 .btn{padding: 0.4rem 1.5rem}
 .play-icon img { width: 16%; }
 .video { height: 250px; }
 .keytext ul li {font-size: 1rem;margin-bottom: 15px;font-weight: 400;}
 .swiperbtn .swiper-button-next, .swiper-button-prev{padding: 1rem 2rem;}
 .advantage .keytext .mainhead.heading-lg{font-size: 25px}
 .features .mt-5{margin-top: 1rem!important}
 .fbottom .container{flex-direction: column;justify-content: center;text-align: center;}
 .fbottom .container p{font-size: 12px}
 .swiper-button-next, .swiper-button-prev {height: 35px!important;}
 .swiperbtn{display: none;}
 .swiper-nav{justify-content: unset;}
 .features ul li { width: 44%; }
 .featurelist{padding: 10px;border-radius: 20px;}
 .featureimg { margin-bottom: 1rem; }
 .featureimg img { width: 40%; }
 .featurecont .heading4 {font-size: 14px;font-weight: 600}
 .featurecont p{font-size: 12px;}
/* .galleryswiper .swiper-slide { height: 200px; }
 .galleryswiper .swiper-slide img { height: 100%; object-fit: cover; }*/
 .banner-content p{font-size: 19px;}
.banner-content ul li{font-size: 18px}
.main-header .logo{width: 6rem}
.main-header .logo img{width: 100%;}
.phone-main img{width: 80%;}
footer{padding: 1rem 0!important}

}





.lds-ellipsis {
 opacity: 0;

  position: absolute;
  width: 55px;
  /* height: 80px; */
  top: -2px;
}
.lds-ellipsis.loader_active{opacity: 1;position: relative;}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--theme-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 7px;
  animation: lds-ellipsis1 0.6s infinite;
  top: -2px;
}
.lds-ellipsis div:nth-child(2) {
  left: 4px;
  animation: lds-ellipsis2 0.6s infinite;
  top: -2px;
}
.lds-ellipsis div:nth-child(3) {
  left: 22px;
  animation: lds-ellipsis2 0.6s infinite;
  top: -2px;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
  top: -2px;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


span#c_phone_error , span#c_email_error, span#c_name_error{
    color: red;
    display: flex;
    justify-content: center;
    font-size: 13px;
}

@media screen and (max-width: 767px) {
    .col-4 {
        width: 90%;
        text-align:center !important;
           }
    .col-4 ul li  {text-align:center !important;}    
    .col-4 ul {list-style-type: none;}
     .col-4 ul li ::marker {text-align: center !important;}
     .fdetail {margin: 0 auto;}
}