@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap');
:root {
  --color01: #12c7bc; 
  --color02: #91f072;
  --color03: #898c92;
  --color04: #2f3234;
  --color05: #0f5652;
  --color06: #ffffff;
  --color07: #5adc95; 
  --color08: #54DC95;
  --color09: #C8D1E0;
  --color10: #f8f8f8;
  --color11: #E8F36C;
  --color12: #bbc646;
  --color13: #3C3E44;
  --color14: #C8D1E0;
  --color15: #045954;
  --color16: #3B4459;
  --color17: #0B2625;
  --color18: #045D58;
  --color19: #1F2626;
  --color20: #202F2E;
  --color21: #82A7A7;
  --color22: #82A7A7;
  --color23: #3C3E44;
  --color24: #A5F666;
  --color25: #D9D9D9;
  --color26: #E8F36C;
  --color27: #181818;
  --color28: #05736D;
  --color29: #129790;
  --color30: #0E6B66;
  --color31: #118B85;
  --color32: #0EB0A8;
  --color33: #202F2E;
  --color34: #4A4E57;
  --color35: #2A2F2F;
  --color36: #3C3E44;
  --color37: #898C92;
  --color38: #0d1510;
  --color39: #0586FD;
  --color40: #151515;
  --color41: #40FF9B;
  --color42: #00948B;
  --color43: #1C1C1C;
  --color44: #05EA72;
  --bgBody:  #000000;
}

* {margin: 0; padding: 0; box-sizing: border-box;}
body {background-color: var(--bgBody);color: var(--color06);font-size: 18px;font-family: "DM Sans", sans-serif;}
/* ----TITLE START----- */
.section-title{text-align: center; position: relative;padding-bottom: 24px;margin-bottom: 26px;}
.section-title .title{font-size: 72px;background: linear-gradient(45deg, var(--color01), var(--color02) 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text; font-weight: 600;}

.section-title .sub-title{font-size: 24px;color:  var(--color06);line-height: 1.6; padding: 0 355px; font-family: "DM Sans", sans-serif; }
.section-title .sub-title span{color: var(--color08);}
/* ----TITLE END----- */
section{ position: relative; }
@media (min-width: 576px){
    :root{
      --padding:15px;
    }
      .container{max-width: none;}
      .modal-dialog{max-width: 700px;}
      .modal-sm{max-width: 400px;}
  }
  @media (min-width: 768px){
    :root{
      --padding:calc(calc(var(--veiwWidth) - 710px) / 2);
    }
      .container{max-width: 740px;}
  }
  @media (min-width: 992px){
    :root{
      --padding:calc(calc(var(--veiwWidth) - 930px) / 2);
    }
      .container{max-width: 960px;}
  }
  @media (min-width: 1200px){
    :root{
      --padding:calc(calc(var(--veiwWidth) - 1140px) / 2);
    }
      .container{max-width: 1170px;}
  }
  @media (min-width: 1440px){
    :root{
      --padding:calc(calc(var(--veiwWidth) - 1310px) / 2);
    }
      .container{max-width: 1340px;}
  }
  @media (min-width: 1600px){
    :root{
      --padding:calc(calc(var(--veiwWidth) - 1370px) / 2);
    }
      .container{max-width: 1400px;}
  }
  @media (min-width: 1900px){
    :root{ 
      --padding:calc(calc(var(--veiwWidth) - 1570px) / 2);
    }
      .container{max-width: 1680px;}
  }
/* ----------------------------------- */
/* HEADER START */
/* ----------------------------------- */
header{position:fixed;top:0;left:0;width:100%;z-index:110}
header .header-navigation{padding:10px 0;background-color:var(--bgBody);position:relative;height:80px;display:flex;align-items:center;transition:all .3s ease;z-index:9}
header .navigation .brand{height: 52px;overflow:hidden;margin-right:auto;opacity:0;visibility:hidden;transition:all .3s ease}
header .navigation .brand img{width:100%;height:100%;object-fit:contain; object-position: left center;}
header .header-navigation.scrolled{height:70px;background-color:#181613}
header .header-navigation.scrolled .brand{opacity:1;visibility:visible}
header .navigation{display:flex;justify-content:end;align-items:center}
header .navigation .responsive-action{margin-left:auto}
header .navigation .navigation-list{display:flex;list-style:none;align-items:center;margin:0;gap:6px}
header .header-navigation .btn-menu{font-size:24px;color:#a2845e}
header .header-navigation .navigation-list li{position:relative}
header .header-navigation .navigation-list .navigation-link{display:flex;justify-content:center;align-items:center;height:44px;font-size:16px;text-decoration:none;color:#a2845e;text-transform:uppercase;transition:all .3s ease; font-weight:500; padding:0 6px}
.header-navigation .responsive-action{display:none}
header .menu-overlay.active{opacity:1;visibility:visible}
header .menu-overlay{position:fixed;opacity:0;visibility:hidden;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .4s ease;background-color:rgba(0,0,0,0.5)}
.header-navigation .navigation ul{list-style:none;display:flex;justify-content:flex-end;margin-bottom:0;align-items:center}
.header-navigation .navigation ul li+ li{margin-left:24px}
.header-navigation .navigation ul li{text-transform:uppercase;transition:all .3s ease;position:relative;white-space:nowrap}
.header-navigation .navigation ul li .navigation-link{color:#a2845e;transition:all .3s ease;font-size:16px;text-transform:uppercase;letter-spacing:-.3px;white-space:nowrap;font-family:"DM Sans", sans-serif}
.header-navigation .navigation ul li:hover .navigation-link{color:#f9e2c5}
.header-navigation .navigation ul li a.active:before{width:100%;visibility:visible}
.header-navigation .navigation ul li a:before{content:"";height:2px;bottom:6px;width:0;top:35px;left:0;background:#f9e2c5;position:absolute;visibility:hidden;transition:all .3s ease}
.header-navigation .navigation ul li a.active{color:#f9e2c5}
.header-navigation .navigation ul li:hover a:before{width:100%;visibility:visible}
.nav-fixed{background:#fff;padding:10px 0;z-index:999!important;width:100%;box-shadow:0 2px 10px #000;top:0}
.header-navigation .navigation ul li+ li{margin-left:24px}
/* ----------------------------------- */
/* HEADER END */
/* ----------------------------------- */
/* ----------------------------------- */
/* HERO START */
/* ----------------------------------- */
.section-hero{position:relative;padding-top:80px}
.section-hero .hero-wrapper{padding:60px 0;position:relative}
.section-hero .banner-container{background-color:#120f0b;position:relative;z-index:0;overflow:hidden}
.section-hero .banner-container:before{content:'';position:absolute;background-image:radial-gradient(circle,#a2845e,transparent 70%);width:1000px;height:1000px;z-index:-1;left:-500px;bottom:-500px}
.section-hero .hero-image{position:absolute;width:50%;height:100%;top:0;right:0;border-radius:12px 0 0 12px;box-shadow:2px 5px 10px rgba(0,0,0,0.279);overflow:hidden;background-color:#22211f;z-index:1}
.section-hero .hero-image img{background-size:cover;width:100%;height:100%;object-fit:cover;object-position: left;}
.section-hero .hero-image .hero-img-text{position:absolute;background-color:#a2845e;display:flex;justify-content:center;rotate:45deg;width:400px;height:50px;bottom:75px;left:-100px;z-index:1}
.section-hero .hero-image .hero-img-text span{background-color:#a2845e;display:flex;align-items:center;justify-content:center;font-size:14px;color:#f9e2c5;text-transform:uppercase;font-weight:600;padding:0 20px}
.section-hero .hero-container{padding:60px 180px 60px 0}
.section-hero .logo{height:200px;margin-bottom:30px;display:block}
.section-hero .logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.section-hero .hero-subheading{color:var(--color06);font-size:56px;line-height:1.2;margin-bottom:15px; font-weight: 500;}
.section-hero .hero-description-box{position:relative;border-bottom:1px solid rgba(255,255,255,0.075);padding:0 0 20px;display:flex;gap:30px;align-items:flex-end}
.section-hero .hero-description{color:var(--color10);font-size:26px; font-weight: 300;}
.section-hero .hero-btn-box{display:flex;align-items:start;justify-content:space-between;margin-top:24px}
.section-hero .hero-btn-box .hero-icon{color:var(--color03);font-size:24px}
.section-hero .hero-btns{display:flex;align-items:center;gap:20px;display:flex;align-self:center}
.section-hero .hero-btns .start-btn{color:#f9e2c5;border:2px solid #a2845e;background-color:#a2845e;text-decoration:none;font-size:20px;padding:0 36px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50px;font-weight: 700; transition:all .3s ease}
.section-hero .hero-btns .start-btn:hover{color:#a2845e;background-color:transparent}
.tolltip .tolltip-btn span{color:var(--color03)!important;font-size:24px}
.tolltip .tolltip-btn{border:none;outline:none;background-color:transparent}
/* ----------------------------------- */
/* HERO END */
/* ----------------------------------- */
/* ----------------------------------- */
/* BRANDS START */
/* ----------------------------------- */
.section-brands{position:relative;padding:100px 0 40px;background-color:var(--color06);margin:-60px 0 0;z-index:-1}
.section-brands .brand-logos{display:flex;align-items:center;justify-content:space-between;gap:40px}
.section-brands .brand-logos .brand-logo{height:40px;overflow:hidden;display:flex}
.section-brands .brand-logos .brand-logo img{width:100%;height:100%;object-fit:contain}
/* ----------------------------------- */
/* BRANDS END */
/* ----------------------------------- */

/* ----------------------------------- */
/* FEATURES STRAT */
/* ----------------------------------- */
.section-features{padding:240px 0 80px;background-color:var(--bgBody); margin: -80px 0 0;z-index:0;overflow:hidden;}
.section-features:before{content:'';position:absolute;background-image:radial-gradient(circle, #a2845e, transparent 50%);width:2000px;height:2000px;z-index:-1;left:-1000px;bottom:-1000px;opacity:.5}
.first-container{background: rgba(255,255,255, 0.9);border-radius: 40px;padding: 50px 40px;}
.section-features .container + .container{margin-top: 160px;}
.section-features .feature-inner{display:flex;flex-wrap:wrap;margin:0 -30px}
.section-features .feature-content{width:100%;max-width:50%;padding:0 30px;display:flex;flex-direction:column;justify-content:center}
.section-features .feature-content.content-decoration{border-left:1px solid rgba(255,255,255,0.01)}
.section-features .feature-content-full{max-width:100%;margin:80px 0 0}
/* .section-features .feature-title{font-size:100px;letter-spacing:-3px;font-weight:600;background:linear-gradient(to right,#a2845e,#f9e2c5);-webkit-text-fill-color:transparent;-webkit-background-clip:text} */
.section-features .feature-title{font-size:100px;letter-spacing:-3px;font-weight:600;color: var(--bgBody);}
/* .section-features .feature-description{font-size:24px;color:var(--color06)} */
.section-features .feature-description{font-size:24px;color:var(--bgBody)}
.section-features .feature-description h4{font-size:48px; font-weight: 500;}
.section-features .feature-item{position:relative;display:flex;flex-direction:column;justify-items:center;align-items:center;margin:0 auto 80px;width:90%}
.section-features .feature-item .feature-icon{width:80px;height:80px;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}
.section-features .feature-item .feature-icon img{width:100%;height:100%;object-fit:contain}
.section-features .feature-item .feature-item-title{color:var(--color06);font-size:28px;font-family:"DM Sans", sans-serif;font-weight:500;margin:0 0 16px;text-align:center}
.section-features .feature-item .feature-item-des{font-size:20px;color:var(--color06);text-align:center;font-family:"DM Sans", sans-serif;line-height:1.5}
/* ----------------------------------- */
/* SERVICE END */
/* ----------------------------------- */
/* ----------------------------------- */
/* GALLERY START */
/* ----------------------------------- */
.section-gallery{padding:160px 0 100px;overflow:hidden;background:linear-gradient(to bottom,var(--bgBody),var(--color38))}
.section-gallery .section-title .title{font-size:80px;letter-spacing:-.3px; font-weight: 500;;font-weight:600;background:linear-gradient(to right,var(--color01),var(--color02));-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.section-gallery .section-subtitle{display:flex;align-items:center;justify-content:center;gap:40px;margin:30px 0}
.section-gallery .section-subtitle .subtitle h4{margin:0;font-size:32px;color:var(--color01)}
.section-gallery .section-subtitle .action .btn-action{color:var(--color06);border:2px solid var(--color08);text-decoration:none;font-size:20px;font-weight:400;padding:8px 28px;border-radius:50px; font-weight:500; transition:all .5s ease}
.section-gallery .section-subtitle .action .btn-action:hover{color:var(--color06);background-color:var(--color08);color:var(--color19)}
.section-gallery .gallery-list{width:100%;overflow:hidden}
.section-gallery .gallery-list-inner{display:flex;margin:0 -10px;padding:30px 0}
.section-gallery .gallery-list-inner .gallery-item{margin:0 10px;width:100%;max-width:518px;min-width:518px;height:660px;display:flex}
.section-gallery .gallery-list-inner .gallery-image{width:100%}
.section-gallery .gallery-list-inner .gallery-image img{height:100%}
.section-gallery .section-actions{display:flex;align-items:center;justify-content:center;position:relative;margin-top:65px;margin-bottom:100px;z-index:9}
.section-gallery .section-actions a{background-color:var(--color41);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50px;color:var(--color17);text-decoration:none;font-size:28px;font-weight:500; font-weight:500; transition:all .3s ease;border:2px solid var(--color41);letter-spacing:-.5px}
.section-gallery .section-actions a:hover{background-color:transparent;color:var(--color41)}
.section-gallery .line-break{position:absolute;width:100%;bottom:3.5%}
.section-gallery .line-break .line{width:100%;height:.5px;background-color:var(--color16);margin-bottom:60px}
.section-gallery .line-break .line-break-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}
.section-gallery .line-break .line-first,.section-gallery .line-break .line-second{width:40%}
.section-gallery .line-break .line-third{width:90%;position:absolute;bottom:30%;right:0}
.section-gallery .line-break .line-fourth{width:80%}
/* ----------------------------------- */
/* GALLERY END */
/* ----------------------------------- */
/* ----------------------------------- */
/* PRODUCT TEAM START */
/* ----------------------------------- */
.section-product-team{background-color:var(--bgBody);padding:80px 0}
.section-product-team .product-title{text-align:left;line-height:1.2;text-align:left;position:relative;font-size:72px;background:linear-gradient(45deg,var(--color01),var(--color02) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight: 700;}
.section-product-team .product-subtitle{font-size:32px;color:var(--color06)}
.section-product-team .description{margin:60px 0 0}
.section-product-team .description .table thead tr{border:transparent}
.section-product-team .description .table th:first-child{width:36%}
.section-product-team .description .table th{color:var(--color06);font-size:18px; font-weight:500; vertical-align:middle;text-align:center;width:12%;font-weight:400}
.section-product-team .description .table .title{font-size:28px;margin-bottom:0}
.section-product-team .description .table .logo{height:80px;overflow:hidden;display:inherit;padding:10px 0}
.section-product-team .description .table .logo img{width:100%;height:100%;object-fit:contain}
.section-product-team .description .table td:first-child,.section-product-team .description .table td:nth-child(2){text-align:left;font-size:18px; font-weight:500}
.section-product-team .description .table tbody tr{border-color:var(--color23)}
.section-product-team .description .table td{color:var(--color06);vertical-align:middle;text-align:center;line-height:3.2;font-size:18px}
.section-product-team .description .table td span{color:var(--color08)}
.section-product-team .description .description-details{font-size:14px;margin-bottom:2px;color:var(--color03)}
/* ----------------------------------- */
/* PRODUCT TEAM END */
/* ----------------------------------- */
/* ----------------------------------- */
/* MEMBERSHIP START */
/* ----------------------------------- */
.section-plan{padding:100px 0;background-color:var(--bgBody)}
.section-plan .col-xl-8.mx-auto{width: 80%;}
.section-plan .section-title .title{background: none; -webkit-text-fill-color: var(--color06);}
.section-plan .plan-note{display: block;margin: 50px 0 0;text-align: center;font-size: 32px;color: var(--color06);font-weight: 500;}
.section-plan .plan-note button{padding:0;border:0;background-color:transparent; font-weight:500; color:#a2845e}
.plan-list{display:flex;flex-wrap:wrap;margin:0 -15px; position: relative;}
.plan-list:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;width: 100%;height: 120px;z-index: 1;filter: blur(80px);}
.plan-list:after{content: "Coming Soon";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 60px;font-weight: 500;letter-spacing: 5px;z-index: 2;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);}
.plan-list .item{width:100%;max-width:calc(33.33% - 30px);margin:15px;display:flex;filter: blur(10px); pointer-events: none;}
.plan-list .item .plan-item{position:relative;display:flex;width:100%;padding:0;z-index:0}
.plan-list .item .plan-item-inner{width: 100%;background-color: #14120f;box-shadow: rgba(0,0,0,0.1) 0 2px 20px;border-radius: 2px;overflow: hidden;display: flex; flex-direction: column;}
.plan-list .item .plan-popular{font-size:24px;color:var(--color06);font-weight:600;display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:40px;top:0;left:0}
.plan-list .item .plan-header{padding: 10px 20px; border-left: 8px solid var(--color09);}
.plan-list .item .plan-details{padding:20px;border-top:1px solid rgba(255,255,255,0.1);}
.plan-list .item .plan-title{font-size:28px;color:var(--color06);font-weight: 700;}
.plan-list .item .plan-amount{font-size:48px;color:var(--color06);font-weight: 700;; line-height: 1;}
.plan-list .item .plan-amount span{font-size:20px;color:var(--color03); font-weight: 500;;text-transform:lowercase}
.plan-list .item .plan-subtitle{font-size: 20px; color: var(--color06);  font-weight: 700;}
.plan-list .item .plan-action{display:flex;padding: 20px; margin: auto 0 0;border-top:1px solid rgba(255,255,255,0.1);}
.plan-list .item .plan-action .btn-action{width: 100%;height: 44px;border: 1px solid var(--color09);background-color: transparent;color: var(--color06);border-radius: 60px;font-size: 20px; font-weight: 700;padding: 0 10px;display: flex;justify-content: center;align-items: center;text-decoration: none;transition: all .3s ease;}
.plan-list .item .plan-action .btn-action:hover{background-color: var(--color09);color: var(--color06);}
.plan-list .item .plan-description{color: var(--color06);font-size: 14px;font-weight: 500;font-weight: 400;padding: 20px 0;}
.plan-list .item .plan-description strong{color:var(--color06);font-weight:600}
.plan-list .item .plan-description h4{font-size: 17px;font-weight: 500;margin: 0 0 20px;color: var(--color06);line-height: 1.4;height: 96px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;}
.plan-list .item .plan-description h4 strong{font-weight: 700;}
.plan-list .item .plan-description h4 span{font-weight: 700;color:#a2845e}
.plan-list .item .plan-description h5{color:var(--color03);font-size:14px; font-weight: 500;;margin:10px 0}
.plan-list .item .plan-description ul{margin:10px 0;padding-left:0;list-style:none}
.plan-list .item .plan-description ul li{font-size:16px;padding:10px 0;padding-left:30px;position:relative;}
.plan-list .item .plan-description ul li+li{border-top:1px solid rgba(255,255,255,0.1)}
.plan-list .item .plan-description ul li i{position:absolute;top:12px;left:0}
.plan-list .item .plan-description ul li span{color:var(--color03)}
.plan-list .item .plan-description ul li.highlighted{ font-weight: 700;}
.plan-list .item .plan-description ul li.highlighted i{color:#a2845e}

.plan-list .item:nth-child(1) .plan-header{border-color: var(--color42);}
.plan-list .item:nth-child(2) .plan-header{border-color: var(--color44);}
.plan-list .item:nth-child(3) .plan-header{border-color: var(--color39);}
.plan-list .item:nth-child(1) .plan-action .btn-action{border-color: var(--color42);}
.plan-list .item:nth-child(2) .plan-action .btn-action{border-color: var(--color44);}
.plan-list .item:nth-child(3) .plan-action .btn-action{border-color: var(--color39);}
.plan-list .item:nth-child(1) .plan-action .btn-action:hover{background-color: var(--color19); border-color: var(--color19);}
.plan-list .item:nth-child(2) .plan-action .btn-action:hover{background-color: var(--color19); border-color: var(--color19); /*color: var(--color19);*/}
.plan-list .item:nth-child(3) .plan-action .btn-action:hover{background-color: var(--color19); border-color: var(--color19);}

.plan-list .item.popular .plan-item:before{content:'';position:absolute;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);background:linear-gradient(to right,var(--color01),var(--color02));z-index:-1}
.plan-list .item.popular .plan-item-inner{border-color:transparent}

#Modal-1 .modal-dialog{max-width: 480px;}
#Modal-1 .wpcf7-not-valid-tip{color: #F44336;font-size: 14px;font-weight: 500;display: block;}
.modal-header-title{position:relative}
.modal-content{background-color: var(--color06);border-radius: 0;border: 0;box-shadow: rgba(0,0,0,0.4) 0 0 30px;}
.modal-body{padding:0}
.modal-form-content{padding:20px 40px}
.modal-body-details{margin: 0 0 30px;}
.modal-body-details .modal-title{font-size: 48px; margin: 0;color: var(--color19);}
.modal-body-details .modal-text{font-size:18px;font-family:"DM Sans", sans-serif; font-weight: 600; margin:0 0 20px;color:var(--color19);}
.modal-text-box{position:relative}
.modal-text-box .form-control{font-size: 18px;padding: 10px 16px;background-color: var(--color10);border: 1px solid var(--color25);border-radius: 4px;color: var(--color19);box-shadow: none;}
.modal-text-box textarea.form-control{height: 120px;}
.modal-select-box:after{content:'\f078';font-family:"Font Awesome 6 Pro";color:var(--color37);font-weight:300;font-size:16px;position:absolute;top:12px;right:10px}
.form-control::placeholder{color:var(--color37)}
.modal-footer-btn{display:flex;align-items:center;margin-top:24px}
.modal-footer-btn p{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0;position:relative}
.modal-footer-btn .wpcf7-spinner{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0}
.modal-cancel{font-size: 16px;font-family: "DM Sans", sans-serif;background-color: var(--color06);font-weight: 600;color: var(--color16);border-radius: 50px;padding: 0 40px;height: 44px;border: 1px solid var(--color09);display: flex;justify-content: center;align-items: center; transition: all 0.3s ease;}
.modal-cancel:hover{background-color: var(--color19);color: var(--color06);border-color:var(--color19);}

.modal-submit{font-size: 17px;font-weight:700;background-color: transparent;font-weight: 600;color: var(--color19);border-radius: 50px;padding: 0 60px;height: 44px;border: 1px solid var(--color42);display: flex;justify-content: center;align-items: center;transition: all .3s ease;}
.modal-submit:hover{background-color: var(--color42);color: var(--color06);border-color: var(--color42);}

.modal-body .modal-email{font-size: 16px;font-family: "DM Sans", sans-serif; font-weight: 500; margin: 10px 0 0;border-top: 1px solid var(--color25);padding:10px 0 0;text-align:center; color: var(--color03);}
.modal-body .modal-email span{color:var(--color42);text-decoration:none;font-weight: 600;}
.modal-body .modal-email a{color:var(--color19);text-decoration:none;font-weight: 600;}
.sub-modal-content{padding:30px 20px;}
.modal-body-item .sub-modal-title{font-size: 32px;font-family: "DM Sans", sans-serif;letter-spacing: -1px;font-weight: 600;text-align: center;color: var(--color43);}
.modal-body-item.form_stage_1 .input-hidden{height:0;padding:0;opacity:0;visibility:hidden;}
.modal-body-item.form_stage_2{display:none}
.modal-body-item .wpcf7-response-output{height:0;padding:0;opacity:0;visibility:hidden; display: none;}
/* ----------------------------------- */
/* MEMBERSHIP END */
/* ----------------------------------- */

/* ----------------------------------- */
/* FAQ START */
/* ----------------------------------- */
.accordian-action-btn{display: flex;align-items: center;justify-content: center; margin: 30px 0 0;}
.accordian-action-btn .load-more-btn { height: 50px; padding: 0 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 2px solid #a2845e; background-color: transparent; color: #a2845e; font-weight: 700; transition: all .3s ease;
}
.hidden-faq {display: none;}

/* Optional: style the load more button */

.section-faq{position:relative;padding:100px 0;background-color:var(--color43);z-index:1;overflow:hidden}
.section-faq:before{content:'';position:absolute;background-image:radial-gradient(circle,#a2845e,transparent 70%);width:1000px;height:1000px;z-index:-1;left:-500px;bottom:-500px}
.section-faq .title{margin: 0 0 50px;font-size: 100px;letter-spacing: -3px;font-weight: 600;background: linear-gradient(to right, #a2845e, #f9e2c5);-webkit-text-fill-color: transparent;-webkit-background-clip: text;text-align: center;}
.accordions{position: relative;margin: 0 auto 120px;width: 100%;max-width: 1024px;}
.accordions .accordion-item{position:relative;border-bottom:1px solid var(--color13);padding:20px 0}
.accordions .accordion-item .accordion-title{font-size:32px;font-weight:600;border:0;padding:0 40px 0 0;background-color:transparent;color:var(--color06);display:block;width:100%;text-align:left;line-height:1.2}
.accordions .accordion-item .accordion-title:after{content:'\f054';font-family:'Font Awesome 5 Pro';position:absolute;top:20px;right:0;font-weight:300;color:var(--color03);transition:all .3s ease}
.accordions .accordion-item .accordion-title.active:after{rotate:90deg}
.accordions .accordion-item .accordion-content{font-size:20px;padding:0;color:var(--color10);overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:all .3s ease}
.accordions .accordion-item .accordion-content.active{max-height:5000px;padding:20px 0 0;opacity:1;visibility:visible}

.newsletter{position:relative;overflow:hidden;padding:60px;background-color:#14110d;border-radius:8px;display:flex;min-height:500px;z-index:0}
.newsletter:before{content:'';position:absolute;background-image:radial-gradient(circle, #a2845e, transparent 70%);width:800px;height:800px;z-index:-1;left:-400px;bottom:-400px;opacity:.8}
.newsletter:after{content:'';position:absolute;background-image:url(../image/pattern.png);height:100%;width:260px;background-repeat:no-repeat;background-size:100% 100%;z-index:-1;opacity:.25;top:0;left:0}
.newsletter .newsletter-content{position:relative;width:45%}
.newsletter .newsletter-title{font-size:60px;font-weight: 700;;font-weight:400;color:var(--color06);line-height:1.2}
.newsletter .newsletter-text{font-size:20px;font-weight:400;color:var(--color06);margin:30px 0 0}
.newsletter .newsletter-image{position:absolute;top:0;right:0;width:45%;height:100%}
.newsletter .newsletter-image img{width:100%;height:100%;object-fit:contain;}
.newsletter .newsletter-form{position:relative;margin:60px 0 0}
.newsletter .newsletter-form .newsletter-form-content{position:relative}
.newsletter .newsletter-form .newsletter-form-content p{margin:0;display:flex}
.newsletter .newsletter-form .newsletter-form-content .newsletter-input{height: 50px;padding: 0 16px;background-color: #14110d;border: 1px solid rgba(255, 255, 255, 0.2);color: var(--color06);border-radius: 8px;}
.newsletter .newsletter-form .newsletter-form-content .newsletter-submit{height:50px;margin:0 0 0 20px;padding:0 30px;display:flex;justify-content:center;align-items:center;border-radius:50px;border:2px solid #a2845e;background-color:transparent;color:#a2845e;font-weight: 700;transition:all .3s ease}
.newsletter .newsletter-form .newsletter-form-content .newsletter-submit:hover{background-color:#a2845e;color:var(--color19)}
.newsletter .newsletter-form .wpcf7-spinner{margin:14px}
.newsletter .newsletter-form .wpcf7-not-valid-tip{color:#F44336;font-size:14px;margin:4px 0 0}
.newsletter .newsletter-form .wpcf7-response-output{margin:20px 0 0;background-color:#a2845e;border:0;border-radius:8px;font-size:14px;padding:10px;line-height:1;color:var(--color19);font-weight: 700;display:inline-block}
/* ----------------------------------- */
/* FAQ END */
/* ----------------------------------- */


/* ----------------------------------- */
/* PRODUCT START */
/* ----------------------------------- */
/* .section-products{padding: 68px 0 68px; background-color: var(--color40);} */
.section-products{padding: 68px 0 68px; background-color: white;}
.section-products .title{font-size: 40px; font-weight: 700;/* border-bottom: 1px solid #545454; padding-bottom: 12px;*/ margin-bottom: 10px; color: black;}
.product-item{background: #ffffff0a; padding: 10px; border-radius: 25px; border: 2px solid #ffffff24; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; height: 100%;}
.product-item .product-image{width: 100%; aspect-ratio: 2 / 1.4; overflow: hidden; position: relative; margin-bottom: 20px; padding-bottom: 10px;}
.product-item .product-image::after{content:""; width: 100px; height: 4px; background-color: #a2845e; position: absolute; bottom: 0; left: 0;}
.product-item .product-image img{width: 100%; height: 100%; object-fit: cover;}
.product-item .product-title{font-size: 24px; color: #a2845e; font-weight: 700; line-height: 1.4; max-width: 500px; padding-bottom: 18px;}
.product-item .product-description{font-size: 16px; line-height: 1.5; /*color: #e1dddd;*/ color: rgb(110, 109, 109); font-weight: 700;}
/* ----------------------------------- */
/* PRODUCT END */
/* ----------------------------------- */


/* ----------------------------------- */
/* CONTACT SECTION START */
/* ----------------------------------- */
.section-contact{position: relative; padding: 100px 0; background-color: var(--color43); z-index: 1; overflow: hidden;}
.section-contact::before{content: ''; position: absolute; background-image: radial-gradient(circle, #a2845e, transparent 50%); width: 2000px; height: 2000px; z-index: -1; left: -1000px; bottom: -1000px; opacity: .5;}
.section-contact .title{margin: 0 0 50px; font-size: 100px; letter-spacing: -3px; font-weight: 600; background: linear-gradient(to right, #a2845e, #f9e2c5); -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-align: center;text-transform: capitalize;}
.section-contact .contact-form{display: grid;	grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;}
.section-contact .form-action .btn-action{height: 50px; padding: 0 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 2px solid #a2845e; background-color: transparent; color: #a2845e; font-weight: 700; transition: all .3s ease;}
.form-contact .form-row label{color: #a2845e;text-align: center; font-family: "DM Sans", sans-serif; line-height: 1.5;font-size: 18px;}
.form-contact .form-title{font-size: 32px;line-height: 500;line-height: 1.2;margin: 0 0 40px;}
.form-contact .form-control{height: 50px; padding: 0 16px; background-color: #14110d; border: 1px solid rgba(255, 255, 255, 0.2); color: var(--color06); border-radius: 8px;}
.form-contact .form-control:focus{border: 1px solid #fff;box-shadow: none;outline: 0;}
.form-contact .form-main{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 20px;}
.form-contact .form-main .form-row{	grid-column: span 6 / span 6;}
.form-contact .form-main .form-row-textarea{grid-column: span 12 / span 12;}
.form-contact .form-main .form-row-textarea .form-control{height: 120px;resize: none;padding: 16px;}
.form-content .form-content-subheading{color: var(--color06); font-size: 56px; line-height: 1.2; margin-bottom: 15px; font-weight: 500;}
.form-content .form-content-description{color: var(--color10); font-size: 26px; font-weight: 300;margin: 0 0 30px;}
.form-content .form-content-label{color: var(--color10); font-size: 22px; font-weight: 500;}
.contact-form .form-content{display: flex; align-items: start; justify-content: center; flex-direction: column;}
.form-content .form-content-label { color: var(--color10); font-size: 40px; font-weight: 500; }
.form-content .contact-info + .contact-info{position: relative;}
.form-content .contact-info .contact-address, .form-content .contact-info .contact-phone, .form-content .contact-info .contact-mail{display: flex;align-items: center;gap: 10px;margin: 0 0 10px;}
.form-content .contact-info .meta-label{width: 40px;height: 40px;border-radius: 50%;background-color: #a2845e;color: var(--color06);display: flex;align-items: center;justify-content: center;font-size: 18px;}
.form-content .contact-info .meta-description{color: var(--color06);text-decoration: none;}
/* ----------------------------------- */
/* CONTACT SECTION END */
/* ----------------------------------- */


/* ----------------------------------- */
/* FOOTER START */
/* ----------------------------------- */
footer{padding:68px 0 0;background-color:var(--color40)}
footer .footer-logo{height:150px;overflow:hidden;}
footer .footer-logo img{width:100%;height:100%;object-fit:contain}
footer .footer-icons{display: flex;gap: 20px;margin-top: 30px;align-items: center;}
footer .footer-icon{color:var(--color06);font-size:24px}
footer .footer-icon:hover{color:#a2845e;}
footer .brand-logos{display:flex;align-items:center;justify-content:space-between;gap:40px}
footer .brand-logos .brand-logo{height:65px;overflow:hidden;display:flex}
footer .brand-logos .brand-logo img{width:100%;height:100%;object-fit:contain}
footer .footer-btn{margin-top:48px;display:flex}
footer .footer-btn a{border:1px solid #a2845e;color:#a2845e;text-decoration:none;font-size:32px;padding:4px 24px;border-radius:8px;transition:all .5s ease; font-weight:500}
footer .footer-btn a:hover{background-color:#a2845e;color:var(--color06)}
footer .footer-lists{list-style: none;width: 100%;padding: 0;margin: 30px 0 0;line-height: 1.2;column-count: 2;}
footer .footer-lists li{padding: 0 16px 16px 0;}
footer .footer-lists .footer-link{text-decoration:none;color:var(--color14);font-size:16px; font-weight:400}
footer .footer-lists .footer-link:hover{color:#a2845e;}
footer .footer-copy{font-size: 14px;color: var(--color14);text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 36px 0;margin-top: 36px;font-weight: 400;letter-spacing: 0.5px;}
footer .footer-lists+.footer-lists{border-top:1px solid var(--color03)}
footer .footer-content{position: relative;}
footer .footer-content .footer-title{font-size: 24px;margin: 0 0 36px;color: var(--color06);font-weight: 700;}
footer .footer-content .footer-description{text-decoration: none;color: var(--color14);font-size: 16px;font-weight: 400;letter-spacing: 0.25px;margin: 30px 0 0;}
footer .footer-contact-info{display: flex;flex-direction: column;gap: 16px;margin: 30px 0 0;}
footer .footer-contact-info .item{display: flex;}
footer .footer-contact-info .contact-item{font-size: 16px;display: flex;text-decoration: none;color: var(--color14);align-items: center;gap: 6px;font-weight: 400;}
footer .footer-contact-info .contact-item i{ flex-shrink: 0;}
footer .footer-contact-info .contact-item:hover{color:#a2845e;}
/* ----------------------------------- */
/* FOOTER END */
/* ----------------------------------- */


.sec-default-content{position:relative;padding:120px 0}
.sec-default-content .default-content{position:relative}
.sec-default-content .default-content .dc-title{font-size:56px;text-transform:uppercase;font-weight:500;margin:0;font-weight: 700;margin: 0 0 50px;}
.sec-default-content .default-content .dc-date{font-size:16px;text-transform:uppercase;margin:0 0 20px;}
.sec-default-content .default-content .dc-wrap{display:flex;flex-direction:column;font-size:20px; font-weight: 300;;line-height:1.4}
.sec-default-content .default-content .dc-wrap h2{font-size:36px;line-height:1.2; font-weight:500; margin:0 0 20px}
.sec-default-content .default-content .dc-wrap h4{font-size:24px; font-weight:500; line-height:1.2;margin:0 0 10px}
.sec-default-content .default-content .dc-wrap a{color:#a2845e}
.space-y{margin:20px 0}


[data-tooltip]{position:relative}
[data-tooltip]:before{content:'\f059';font-family:"Font Awesome 6 Pro";position:absolute;top:0;right:0;font-weight:100;color:#a2845e;font-size:16px;cursor:pointer}
[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:0;right:0;background-color:var(--color27);padding:8px 12px;line-height:1.4;font-size:14px;border-radius:6px;color:var(--color06);font-family:"Gilroy-Light",sans-serif;opacity:0;visibility:hidden;max-width:240px;transition:all .3s ease}
[data-tooltip]:hover:after{opacity:.95;visibility:visible}




/* ----------------------------------- */
/* RESPONSIVE START */
/* ----------------------------------- */
@media screen and (min-width: 1900px) {
  .section-plan .col-xl-8.mx-auto{width: 70%;}
}
@media screen and (max-width: 1680px) {
  .section-services .service-title{font-size:90px}
  .section-services .service-description h4{font-size:42px}
  .section-services .service-list .service-item{padding:30px 20px}
  .section-services .service-list .service-item .item-title{font-size:28px}
  }
  @media screen and (max-width: 1600px) {
  .section-hero .hero-description{font-size:24px}
  .line-break .line-first,.line-break .line-second{width:40%}
  .section-gallery .gallery-list-inner .gallery-item{max-width:470px;min-width:470px;height:600px}
  .section-gallery .line-break .line-first,.section-gallery .line-break .line-second{width:36%}
  .section-features .feature-title{font-size: 90px;}
  }
  @media screen and (max-width: 1440px) {
  .section-title .title{font-size:60px}
  .section-title .sub-title{padding:0 230px}
  .section-hero .logo{height:200px}
  .section-hero .hero-subheading{font-size:40px}
  .section-hero .hero-description{font-size:22px}
  .section-services .service-title{font-size:80px}
  .section-services .service-description{font-size:20px}
  .section-services .service-description h4{font-size:36px}
  .section-services .service-list .service-item .item-title{font-size:24px}
  .section-services .service-footer .service-footer-title{font-size:28px}
  .section-features .section-title{max-width:820px}
  .section-features .section-title .title{font-size:60px}
  .section-features .feature-item .feature-item-title{font-size:24px}
  .section-features .feature-item .feature-item-des{font-size:18px}
  .section-product-team .product-title{font-size:60px}
  .section-product-team .description .table .title{font-size:24px}
  .plan-list{margin:0 -5px}
  .plan-list .item .plan-title{font-size:24px}
  .plan-list .item .plan-amount{font-size:40px}
  .plan-list .item .plan-amount span{font-size:16px}
  .plan-list .item .plan-subtitle{font-size:14px}
  .plan-list .item .plan-action .btn-action{font-size:16px}
  .plan-list .item .plan-description ul li{font-size:14px}
  .section-faq .title{font-size:60px}
  .accordions .accordion-item .accordion-title{font-size:28px}
  .newsletter .newsletter-title{font-size:50px}
  .section-gallery .section-title .title{font-size:60px}
  .section-gallery .section-subtitle .subtitle h4{font-size:24px}
  .section-gallery .gallery-list-inner .gallery-item{max-width:440px;min-width:440px;height:560px}
  .section-gallery .line-break{bottom:3.5%}
  footer .footer-logo{height:150px}
  footer .brand-logos .brand-logo{height:60px}


  .section-hero .logo {height: 175px;}
  .section-hero .hero-image .hero-img-text span{font-size: 12px;}
  .section-features{padding: 160px 0;}
  .section-features .feature-title{font-size: 60px;}
  .section-features .feature-description h4{font-size: 40px;}
  .section-features .feature-description{font-size: 20px;}
  .section-contact .title{font-size: 60px;}
  .form-contact .form-title{font-size: 28px;}
  .form-content .form-content-subheading{font-size: 48px;}
  .form-content .form-content-description{font-size: 24px;}
  .form-content .form-content-label{font-size: 32px;}
  .section-contact .contact-form{gap: 20px;}
  .accordions .accordion-item .accordion-title{font-size: 20px;}
  }
  @media screen and (max-width: 1366px) {
  .section-title .title{font-size:60px}
  .section-title .sub-title{font-size:20px}
  .line-break .line-first,.line-break .line-second{width:40%}
  .line-break{bottom:-26%}
  .section-hero .logo{height:180px}
  .section-hero .hero-subheading{font-size:36px}
  .section-hero .hero-description{font-size:18px}
  .section-hero .hero-btns{gap:4px}
  .section-services .service-title{font-size:70px}
  .section-services .service-description{font-size:20px}
  .section-services .service-description h4{font-size:32px}
  .section-services .service-list{margin:0 -5px}
  .section-services .service-list .service-item{max-width:calc(25% - 10px);margin:10px 5px}
  .section-services .service-list .service-item .item-content{font-size:16px}
  .section-services .service-list .service-item .item-content ul li{font-size:16px}
  .section-services .service-footer .service-footer-title{font-size:24px}
  .section-features .section-title .sub-title{padding:0 210px}
  .section-features .section-title::before{width:350px}
  .section-features .feature-item .feature-item-title{font-size:24px}
  .section-features .feature-item .feature-item-des{font-size:18px}
  .section-product-team .product-subtitle{font-size:24px}
  .section-plan .col-xl-8.mx-auto{width: 90%;}
  .section-plan .plan-note{font-size:20px}
  .newsletter .newsletter-text{font-size:18px}
  .line-break .line-first,.line-break .line-second{width:38%}
  .section-gallery .gallery-list-inner .gallery-item{max-width:400px;min-width:400px;height:510px}
  .section-gallery .section-actions a{height:50px;font-size:20px}
  .section-industries .line-second{width:11%}
  .section-product-team .product-title{font-size:62px}
  .section-product-team .description .table th:first-child{width:26%}
  .section-product-team .description .table .logo{height:46px}
  .section-product-team .description .table th{font-size:16px}
  .section-product-team .description .table .title{font-size:20px}
  .section-product-team .description .table td:nth-child(2){font-size:16px}
  .section-product-team .description .table td{font-size:15px}
  .section-product-team .description div{font-size:15px}
  footer .footer-logo{height:140px}
  footer .footer-icons{gap:42px}
  footer .footer-icon{font-size:34px}
  footer .footer-btn a{font-size:24px}
  }
  @media screen and (max-width: 1280px) {
  .section-title .title{font-size:52px}
  .section-title .sub-title{font-size:20px}
  .section-hero .hero-btns .start-btn{font-size:24px}
  .section-hero .hero-btns .watch-btn{font-size:18px}
  .section-hero .hero-subheading{font-size:32px}
  .section-hero .hero-description{font-size:20px}
  .section-hero .hero-image .hero-img-text{left:-12%;width:50%}
  .section-features .line-break{bottom:5.5%}
  .section-product-team .product-title{font-size:52px}
  .section-product-team .title .title-head{font-size:52px;padding:0 130px 0 0}
  }
  @media screen and (max-width: 1200px) {
  .section-features .line-break .line-first,.line-break .line-second{width:36%}
  }
  @media screen and (max-width: 1024px) {
  .section-actions{margin-top:0}
  .section-title{margin-bottom:15px;padding-bottom:12px}
  .section-actions a{font-size:20px;padding:6px 30px}
  .section-features .section-title .sub-title{padding:0 190px}
  .line-break{bottom:-28%}
  .line-break .line-break-flex{margin-bottom:46px}
  .line-break .line{margin-bottom:45px}
  .section-hero .hero-wrapper{padding:30px 0}
  .section-hero .logo{height:140px}
  .section-hero .hero-subheading{font-size:26px}
  .section-hero .hero-description{font-size:16px}
  .section-hero .hero-btns{gap:0}
  .section-hero .hero-btns .start-btn{font-size:16px}
  .section-hero .hero-btns .watch-btn{font-size:15px}
  .section-hero .hero-image .hero-img-text{bottom:10%;left:-15%;width:64%;height:46px;rotate:45deg;font-size:14px;color:#8BFF65;text-transform:uppercase}
  .section-title .title{font-size:42px}
  .section-title .sub-title{font-size:16px;padding:0 176px}
  .section-features .section-title::before{width:310px}
  .section-services .service-title{font-size:60px}
  .section-services .service-description{font-size:16px}
  .section-services .service-description h4{font-size:28px}
  .section-services .service-list .service-item{padding:16px}
  .section-services .service-list .service-item .item-title{font-size:18px}
  .section-services .service-list .service-item .item-content{font-size:14px}
  .section-services .service-list .service-item .item-content ul li{font-size:14px}
  .section-services .service-list .service-item .item-action{opacity:1}
  .section-services .service-list .service-item .item-action .btn-action{font-size:16px;height:36px}
  .section-services .service-footer .service-footer-title{font-size:20px}
  .section-features{padding:135px 0 50px 0;}
  .section-features .feature-item .feature-icon{width:58px}
  .section-features .line-break .line-first,.line-break .line-second{width:38%}
  .section-features .section-title{max-width:680px}
  .section-features .section-title .title{font-size:48px}
  .section-features .section-title .sub-title{font-size:20px}
  .section-features .feature-item .feature-icon{margin-bottom:0}
  .section-features .feature-item .feature-item-title{font-size:20px;margin-bottom:8px}
  .section-features .feature-item .feature-item-des{font-size:15px}
  .section-gallery{padding:100px 0}
  .section-gallery .section-title .title{font-size:48px}
  .section-gallery .gallery-list-inner .gallery-item{max-width:330px;min-width:330px;height:420px}
  .section-gallery .section-subtitle .action .btn-action{font-size:16px}
  .section-product-team .product-subtitle{font-size:20px}
  .section-product-team .description .table th:first-child{width:22%}
  .section-product-team .description .table th{width:13%}
  .section-product-team .product-title{font-size:42px}
  .section-product-team .description .table th{font-size:14px}
  .section-product-team .description .table .title{font-size:16px}
  .section-product-team .description .table td:nth-child(2){font-size:14px}
  .plan-list .item .plan-title{font-size:20px}
  .plan-list .item .plan-amount{line-height:1;padding:10px 0}
  .plan-list .item .plan-amount span{line-height:1;display:block}
  .plan-list .item .plan-subtitle{line-height:1.2}
  .plan-list .item .plan-description{padding:20px 10px}
  .section-plan .plan-note{font-size:16px;margin:30px 0 0}
  .section-faq .title{font-size:48px;margin:0 0 30px}
  .accordions{width:100%}
  .accordions .accordion-item .accordion-content{font-size:16px}
  .newsletter{padding:60px 40px}
  .newsletter .newsletter-title{font-size:42px}
  .newsletter .newsletter-text{font-size:16px}
  .newsletter .newsletter-form{margin:40px 0 0}
  .newsletter .newsletter-form .newsletter-form-content p{flex-wrap:wrap}
  .newsletter .newsletter-form .newsletter-form-content .newsletter-input{width:100%}
  .newsletter .newsletter-form .newsletter-form-content .newsletter-submit{margin:20px 0 0}
  .newsletter .newsletter-form .wpcf7-spinner{margin:32px 10px 0}
  .newsletter .newsletter-image{width:50%}
  .newsletter .newsletter-image img{object-position:left}
  footer .footer-btn a{font-size:20px}
  footer .footer-logo{height:114px}
  footer .footer-icon{font-size:24px}
  .modal-form-content{padding:20px}
  .modal-body-details .modal-title{font-size:32px}
  .modal-body-details .modal-text{font-size:16px;}
  .modal-text-box .form-control{font-size: 14px; padding: 8px 16px;}
  .modal-body .modal-email{font-size:14px;}
  .modal-body-item .sub-modal-title{font-size:24px}

  .section-hero .hero-container{padding: 60px 30px 120px 0;}
  .section-features .feature-inner{flex-direction: column;}
  .section-features .feature-content{max-width: 100%;}
  }
  @media screen and (max-width: 992px) {
  .section-title{padding-bottom:20px}
  .section-title .title{font-size:38px}
  .line-break{display:none}
  .section-hero .hero-wrapper{padding:0}
  .section-hero .hero-subheading{font-size:24px}
  .section-hero .hero-image .hero-img-text span{font-size:12px}
  .section-gallery .section-title .title{font-size:42px}
  .section-gallery .gallery-list-inner .gallery-item{max-width:250px;min-width:250px;height:320px}
  .section-brands .brand-logos{justify-content:center;flex-wrap:wrap}
  .section-services .service-description h4{font-size:24px}
  .section-services .service-inner{margin:0 -15px}
  .section-services .service-content{padding:0 15px}
  .section-services .service-title{font-size:44px}
  .section-services .service-list{margin:0 -15px}
  .section-services .service-list .service-item{padding:30px;max-width:calc(50% - 30px);margin:15px}
  .section-services .service-list .service-item .item-title{font-size:20px}
  .section-services .service-list .service-item .item-content{font-size:16px}
  .section-services .service-list .service-item .item-content ul li{font-size:16px}
  .section-features{padding-bottom:50px}
  .section-features .section-title .title{font-size:48px}
  .section-features .feature-item .feature-icon{width:48px}
  .section-features .feature-item .feature-item-title{font-size:18px}
  .section-features .section-title .sub-title{padding:0 190px}
  .section-features .feature-item .feature-item-des{font-size:14px}
  .section-features .feature-item{margin:0 auto 40px;width:100%}
  .btn a{font-size:24px}
  .section-gallery .section-actions a{font-size:20px}
  .section-gallery .section-actions{margin-top:54px}
  .section-gallery .line-break{bottom:-14.5%}
  .section-product-team .description{overflow-x:auto}
  .section-product-team .description .table .logo{height:35px}
  .section-product-team .description .table th:first-child{width:18%}
  .section-product-team .description .table th{font-size:10px}
  .section-product-team .description .table .title{font-size:12px}
  .section-product-team .description .table td:nth-child(2){font-size:10px}
  .section-product-team .description .table td{font-size:9px}
  .section-product-team .description div{font-size:14px}
  .plan-list{margin:0 -15px}
  .plan-list .item{max-width:calc(50% - 30px);margin:15px}
  .plan-list .item .plan-amount span{display:inline-block}
  .newsletter .newsletter-title{font-size:32px}
  .section-actions a{font-size:24px}
  footer .footer-logo{height:64px;width:100px}
  footer .brand-logos .brand-logo{height:35px}
  footer .brand-logos{margin-top:14px}
  .section-features {padding: 100px 0;}
  .section-features .container + .container{margin-top: 100px;}
  .section-contact .contact-form{grid-template-columns: repeat(1, minmax(0, 1fr));}
  }
  @media screen and (max-width: 768px) {
  header .navigation .brand{display:block}
  header .header-navigation{height:80px}
  header .navigation{display:flex;justify-content:space-between;align-items:center}
  header .navigation .brand{width:90px;height:100%;overflow:hidden;opacity:1;visibility:visible}
  .section-title{padding-bottom:14px}
  .section-title .sub-title{font-size:14px;padding:0 112px}
  .section-actions{height:18px}
  .section-actions a{font-size:20px}
  .section-features .section-title::before{width:270px}
  .header-navigation .navigation-list .navigation-link{font-size:12px}
  .header-navigation .navigation-list{flex-direction:column;align-items:flex-start!important}
  .header-navigation .navigation .navigation-list{padding:0}
  .header-navigation .navigation ul li+ li{margin-left:0}
  .header-navigation .navigation-list .navigation-link.active{color:#fff}
  .header-navigation .responsive-action{display:block}
  .header-navigation .navigation-wrap.active{transform:translateX(0)}
  .header-navigation .navigation-wrap{position:fixed;top:0;left:0;z-index:11;background-color:#1e1e1e;height:100%;width:300px;box-shadow:2px 0 10px #000;padding:15px 0;transform:translateX(-108%);transition:all .4s ease}
  .header-navigation .navigation-list{display:flex}
  .header-navigation .navigation .navigation-list{gap:0;padding-left:15px}
  .header-navigation .navigation-list .navigation-link{font-size:16px}
  .header-navigation .navigation-list .navigation-link.login-btn{margin-top:14px}
  .header-navigation{padding:20px 0}
  .section-hero{display:flex;flex-direction:column-reverse;padding-top:80px}
  .section-hero .hero-container-wrap{width:100%;padding:0}
  .section-hero .hero-description-box{flex-direction:column;align-items:flex-start}
  .section-hero .banner-container .tolltip{position:absolute;bottom:-60px;right:0}
  .section-hero .hero-description-box .wrapper{margin:0 auto;margin-top:12px}
  .section-features{padding:120px 0}
  .section-features .feature-item .feature-icon{width:45px}
  .section-features .feature-item .feature-item-title{font-size:18px}
  .section-features .feature-item .feature-icon{font-size:64px}
  .section-features .feature-item .feature-item-des{font-size:14px}
  .section-gallery .btn a{font-size:20px}
  .section-product-team .section-title .title{padding:0 146px 20px 0}
  .section-product-team .product-team-lists .product-headline{width:24%;font-size:18px}
  .section-product-team .product-team-lists .product-data.product-num{width:16%;font-size:14px}
  .section-product-team .product-team-lists .product-data{font-size:12px}
  .section-product-team .product-des div{font-size:14px}
  .section-product-team .description .table th{font-size:14px;white-space:nowrap}
  .section-product-team .description .table td{font-size:13px}
  .section-product-team .description .table td:nth-child(2){font-size:13px}
  .section-product-team .description .table .title{white-space:nowrap;font-size:14px}
  footer{padding:48px 0 0}
  footer .footer-icons{margin-bottom:20px;display:flex;justify-content:center}
  footer .footer-logo{margin-bottom:12px;height:80px;width:100%}
  footer .brand-logos{flex-wrap:wrap;width:100%;justify-content:center;gap:15px}
  footer .brand-logos .brand-logo{height:50px;width:24%}
  footer .footer-btn{justify-content:center}
  footer .footer-btn a{font-size:18px}
  footer .footer-lists{justify-content:center}
  }
  @media screen and (max-width: 680px) {
  .section-services .service-list .service-item{max-width:calc(50% - 10px)}
  .section-hero .hero-image{width:100%;border-radius:0 0 0 0;position:relative;top:auto;right:auto}
  }
  @media screen and (max-width: 480px) {
  header .navigation .brand{width:70px;opacity:1;visibility:visible}
  /* .section-hero .hero-container{padding:50px 20px} */
  .section-features{padding: 50px 0;}
  .section-features .container + .container{margin-top: 50px;}
  .section-hero .hero-image .hero-img-text{bottom: 12%;}
  .section-hero .hero-container {padding: 50px 20px 150px;}
  .first-container{padding: 25px 15px; max-width: 90%;}
  .section-hero .hero-image .hero-img-text span { font-size: 9px; }
  .section-features .feature-title{font-size: 32px;letter-spacing: 1px;}
  .section-features .feature-description h4{font-size: 20px;}
  .section-features .feature-description{font-size: 16px;}
  .section-hero .hero-image{height:360px}
  .section-hero .hero-image .hero-img-text span{font-size:9px}
  .section-hero .hero-wrapper{padding:0}
  .section-hero .logo{height:80px}
  .section-title .title{font-size:30px;margin-bottom:6px}
  .section-title .sub-title{font-size:12px;padding:0 32px}
  .section-brands .brand-logos{gap:20px}
  .section-brands .brand-logos .brand-logo{height:32px}
  .section-services .service-inner{margin:0}
  .section-services .service-content{padding:0;max-width:100%}
  .section-services .service-content.content-decoration{border:0}
  .section-services .service-content-full{margin:40px 0 0}
  .section-services .service-description{margin:20px 0 0}
  .section-services .service-description h4{font-size:20px}
  .section-services .service-title{font-size:32px}
  .section-services .service-list{margin:0}
  .section-services .service-list .service-item{max-width:100%;margin:10px 0;padding:20px}
  .section-services .service-list .service-item .item-title{font-size:20px}
  .section-services .service-list .service-item .item-content ul li{font-size:16px}
  .section-gallery .section-title .title{font-size:32px}
  .section-gallery .section-subtitle{flex-direction:column}
  .section-gallery .section-subtitle .subtitle h4{font-size:20px}
  .section-gallery .section-subtitle .action .btn-action{font-size:16px;padding:10px 28px}
  .section-gallery .gallery-list-inner{margin:0 -1px}
  .section-gallery .gallery-list-inner .gallery-item{margin:0 1px;max-width:160px;min-width:160px;height:200px}
  .section-gallery .section-actions{margin:0;padding:0;display:flex;justify-content:center;height:auto}
  .section-features .section-title{margin:0 auto}
  .section-features .section-title .title{font-size:32px}
  .section-features .section-title .sub-title{padding:0 30px;font-size:14px;margin:20px auto}
  .section-features .feature-item .feature-item-title{font-size:18px}
  .section-features .feature-item{margin-bottom:20px;padding:0 95px}
  .btn{margin-top:50px;margin-bottom:50px}
  .section-features .section-title::before{width:240px}
  .section-actions{margin-top:30px;height:0}
  .service-items{flex-direction:column}
  .section-plan{padding:60px 0}
  .section-plan .section-title{padding:0;margin:0}
  .plan-list{margin:0}
  .plan-list .item{max-width:100%;margin:15px 0}
  .section-faq{padding:60px 0}
  .section-faq .title{font-size:36px}
  .accordions .accordion-item .accordion-title{font-size:20px}
  .newsletter{padding:40px 20px;min-height:auto}
  .newsletter .newsletter-content{width:100%}
  .newsletter .newsletter-image{display:none}
  .section-gallery .section-actions a{font-size:20px}
  .section-product-team .section-title .title{font-size:24px;padding:0 136px 0 0}
  .section-product-team .description .table .logo{height:24px}
  .section-product-team .description .table .title{line-height:1.2}
  .section-product-team .description .table td:nth-child(2){line-height:1.6}
  .section-product-team .product-des div{font-size:12px}
  .section-product-team .product-team-lists{padding:0}
  footer .footer-lists .footer-link{font-size:12px}
  footer .footer-btn{margin-top:38px}
  footer .footer-copy{font-size:10px;padding:16px 0;margin-top:12px}
  footer .footer-logo{height:70px}
  }
  @media screen and (max-width: 414px) {
  .section-title .sub-title{font-size:14px}
  .section-features .feature-item .feature-item-des{font-size:14px}
  .section-features .feature-item{padding:0 55px}
  }
  @media screen and (max-width: 393px) {
  .section-actions{height:0;margin-bottom:50px;margin-top:50px}
  .title .sub-title{font-size:12px;padding:0 12px}
  .section-actions a{font-size:16px}
  .section-hero .hero-subheading{font-size:28px;margin-bottom:14px}
  .section-hero .hero-description{font-size:16px}
  .section-hero .hero-btns .start-btn{font-size:18px}
  .section-hero .hero-btns .watch-btn{font-size:14px}
  .section-gallery .section-actions a{font-size:20px}
  .section-product-team .title .title-head{font-size:24px;padding:0}
  .section-product-team .product-team-lists .product-headline{width:22%;font-size:9px}
  .section-product-team .product-des div{font-size:9px}
  .section-product-team .section-title .title{font-size:18px;padding:0 26px 0 0}
  .section-product-team .description .table td{line-height:1.2}
  footer .footer-icons{gap:30px}
  footer .footer-logo{height:75px}
  .section-contact .title{font-size: 36px;}
  .form-content .form-content-subheading{font-size: 24px;}
  .form-content .form-content-description{font-size: 18px;}
  .form-content .form-content-label{font-size: 20px;}
  .form-contact .form-title{font-size: 18px;}
  .form-contact .form-main .form-row{grid-column: span 12 / span 12;}
  .form-contact .form-main{gap: 5px;}
  .plan-list:after{font-size: 36px;width: 100%; text-align: center;}
  .section-contact{padding: 50px 0;}
  }
/* ----------------------------------- */
/* RESPONSIVE END */
/* ----------------------------------- */