@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold'), url('../fonts/Gilroy/Gilroy-Bold.woff') format('woff');
    }
@font-face {
    font-family: 'Gilroy-Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Light'), url('../fonts/Gilroy/Gilroy-Light.woff') format('woff');
    }
@font-face {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Medium'), url('../fonts/Gilroy/Gilroy-Medium.woff') format('woff');
    }
@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Regular'), url('../fonts/Gilroy/Gilroy-Regular.woff') format('woff');
    }
: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;
  --bgBody:  #000000;
}

* {margin: 0; padding: 0; box-sizing: border-box;}
body {background-color: var(--bgBody);color: var(--color06);font-size: 18px;font-family: "Gilroy-Regular",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-family: "Gilroy-Medium",sans-serif;font-weight: 600;}

.section-title .sub-title{font-size: 24px;color:  var(--color06);line-height: 1.6; padding: 0 355px; font-family: "Gilroy-Regular",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 0px; background-color: var(--bgBody); position: relative; height: 80px; display: flex; align-items: center; transition: all 0.3s ease; z-index: 9;}
header .navigation .brand {width: 68px;height: 42px; overflow: hidden; margin-right: auto; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
header .navigation .brand img {width: 100%; height: 100%; object-fit: cover;}

header .header-navigation.scrolled{height: 70px;background-color: var(--color19);}
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:var(--color32);}
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: var(--color07);text-transform: uppercase;transition: all 0.3s ease;font-family: "Gilroy-Medium",sans-serif; 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 0.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: var(--color08);transition: all .3s ease;font-size: 16px;text-transform: uppercase;letter-spacing: -.3px;white-space: nowrap;font-family: "Gilroy-Regular",sans-serif;}
.header-navigation .navigation ul li:hover .navigation-link { color: var(--color06);}
.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: var(--color06);position: absolute;visibility: hidden;transition: all .3s ease;}
.header-navigation .navigation ul li a.active {color: var(--color06);}
.header-navigation .navigation ul li:hover a:before {width: 100%;visibility: visible;}
.nav-fixed { background: white; padding: 10px 0; z-index: 999!important; width: 100%; box-shadow: 0 2px 10px rgb(0 0 0 / 20%); 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: var(--color38);position: relative;z-index: 0;overflow: hidden;}
.section-hero .banner-container:before{content: '';position: absolute;background-image: radial-gradient(circle, #19773C, transparent 70%);width: 1000px;height: 1000px;z-index: -1;left: -500px;bottom: -500px;}
/* .section-hero .hero-section-container{display: flex; align-items: center;} */
.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: var(--color19);z-index: 1;}
.section-hero .hero-image img {background-size: cover; width: 100%; height: 100%; object-fit: cover;}
.section-hero .hero-image .hero-img-text {position: absolute; background-color: var(--color29); 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: var(--color01);display: flex;align-items: center;justify-content: center;font-size: 14px;color: var(--color19);text-transform: uppercase;font-weight: 600;padding: 0 20px;}
.section-hero .hero-container{padding: 40px 60px 40px 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-family: "Gilroy-Medium",sans-serif;}
.section-hero .hero-description-box {position: relative; border-bottom: 1px solid var(--color03); padding: 0 0 20px 0; display: flex;gap: 30px; align-items: flex-end;}
.section-hero .hero-description {color: var(--color10);font-size: 26px; font-family: 'Gilroy-Light',sans-serif;}
.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;}
.section-hero .hero-btns  {display: flex;align-self: center;}
.section-hero .hero-btns  .start-btn{color: var(--color19);border: 2px solid var(--color41);background-color: var(--color41);text-decoration: none;font-size: 20px;padding: 0 36px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-family: "Gilroy-Bold",sans-serif;transition: all 0.3s ease;}
.section-hero .hero-btns  .start-btn:hover{color: var(--color41);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 START */
/* ----------------------------------- */
.section-features{position: relative;padding: 110px 0; background-color:var(--color38); z-index: 0;overflow: hidden;}
.section-features:before{content: '';position: absolute;background-image: radial-gradient(circle, #19773C, transparent 50%);width: 2000px;height: 2000px;z-index: -1;left: -1000px;bottom: -1000px;opacity: 0.5;}
.section-features .section-title{max-width: 1100px; margin: 0 auto 40px;}
.section-features .section-title .title{font-size: 80px;font-family: "Gilroy-Medium",sans-serif;font-weight: 600;color: var(--color06);background: none; -webkit-text-fill-color: unset;}
.section-features .section-title .title span{position: relative;}
.section-features .section-title .title span:after{position: absolute; content: "";bottom: 0;left: 0;width: 100%;border-bottom: 3px solid var(--color07);display: block;}
.section-features .section-title .sub-title{font-size: 24px;font-family: "Gilroy-Regular",sans-serif;color: var(--color06);padding: 0 !important;max-width: 900px;margin: 40px auto;line-height: 1.2;}
.section-features .title-des span{color: var(--color08);font-family: "Gilroy-Medium",sans-serif;}
.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: "Gilroy-Regular",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: "Gilroy-Regular",sans-serif;line-height: 1.5;}
/* ----------------------------------- */
/* FEATURES END */
/* ----------------------------------- */
/* ----------------------------------- */
/* SERVICE STRAT */
/* ----------------------------------- */
.section-services{padding: 80px 0; background-color: var(--color06);}
.section-services .service-inner{display: flex;flex-wrap: wrap;margin: 0 -30px;}
.section-services .service-content{width: 100%;max-width: 50%;padding: 0 30px; display: flex; flex-direction: column; justify-content: center;}
.section-services .service-content.content-decoration{border-left: 1px solid var(--color09);}
.section-services .service-content-full{max-width: 100%;margin: 80px 0 0;}
.section-services .service-title{font-size: 100px;letter-spacing: -3px;font-family: 'Gilroy-Regular',sans-serif;font-weight: 600;background: linear-gradient(to right, var(--color01), var(--color02));-webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.section-services .service-description{font-size: 24px; color:var(--color16);}
.section-services .service-description h4{font-size: 48px; font-family: 'Gilroy-Medium', sans-serif;}
.section-services .service-list{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.section-services .service-list .service-item{position: relative;width: 100%;max-width: calc(25% - 30px);margin: 15px;padding: 30px;background-color: var(--color06);display: flex;flex-direction: column; transition: all 0.3s ease;}
.section-services .service-list .service-item .item-title{font-size: 32px;color: var(--color19);font-family: 'Gilroy-Regular', sans-serif; font-weight: 600; margin: 0 0 10px;}
.section-services .service-list .service-item .item-content{font-size: 20px;color: var(--color19);border-top: 1px solid var(--color09); padding: 10px 0;}
.section-services .service-list .service-item .item-content ul{margin: 0;padding-left: 0;list-style: none;}
.section-services .service-list .service-item .item-content ul li{font-size: 20px;color: var(--color19);font-family: 'Gilroy-Regular'; font-weight: 500; line-height: 1.2; padding: 5px 0;}
.section-services .service-list .service-item .item-action{margin: auto 0 0;display: flex;justify-content: center;transition: all 0.3s ease; opacity: 0;}
.section-services .service-list .service-item .item-action .btn-action{font-family: 'Gilroy-Medium';font-size: 20px;background-color: var(--color06);border: 1px solid var(--color13);padding: 0 10px;height: 46px;display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 50px;transition: all 0.3s ease;text-decoration: none; color: var(--color19);}
.section-services .service-list .service-item .item-action .btn-action:hover{background-color: var(--color07);border-color: var(--color07);color: var(--color19);}
.section-services .service-list .service-item:hover{box-shadow: rgba(0,0,0,0.15) 0 10px 40px;}
.section-services .service-list .service-item:hover .item-action{opacity: 1;}
.section-services .service-footer{position: relative;padding: 40px 0 0; margin: 20px 0 0;}
.section-services .service-footer:before{content:''; position: absolute;border-top: 1px solid var(--color03); width: 100%; max-width: 240px;left: 50%; top: 0; translate: -50% 0%;}
.section-services .service-footer .service-footer-title{font-family: 'Gilroy-Regular', sans-serif;font-weight: 500;font-size: 32px;color: var(--color16);text-align: center;}
.section-services .service-footer .service-action{display: flex;justify-content: center;margin: 30px 0 0;}
.section-services .service-footer .service-action .btn-action{height: 60px;background-color: var(--color19);border-radius: 50px;border: 2px solid var(--bgBody);color: var(--color06);padding: 0 50px;font-family: 'Gilroy-Regular', sans-serif;font-weight: 500;font-size: 24px;transition: all 0.3s ease;}
.section-services .service-footer .service-action .btn-action:hover{background-color: var(--color07);border-color: var(--color07);color: var(--color19);}

/* ----------------------------------- */
/* SERVICE END */
/* ----------------------------------- */
/* ----------------------------------- */
/* CATEGORES START */
/* ----------------------------------- */
.section-category{display: flex;position: relative;width: 100%;padding: 110px 0;}
.section-category .category-container-wrap{width: 50%;padding: 40px 0;}
.section-category .category-image {width: 50%;border-radius: 0  12px  12px 0;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.279); background-size: cover; background-repeat: no-repeat; background-position: center;}
.section-category .category-image img{ background-repeat: no-repeat; width: 100%;}
.section-category .section-title{padding-bottom: 0px;text-align: left;}
.section-category .section-title .title{font-size: 56px; background: linear-gradient(60deg, var(--color01), var(--color02) 70%);
-webkit-text-fill-color: transparent;-webkit-background-clip: text;
line-height: 1.4; font-family: 'Gilroy-Bold', sans-serif; line-height: -0.3px;}
.section-category .section-title .sub-title{font-size: 24px;color: var(--color10);line-height: 1.6;font-weight: 400;padding: 0 100px 0 0 ;font-family: 'Gilroy-Medium', sans-serif;}
.section-category .category-container{background-color: var(--color19);padding: 60px 115px;}
.section-category .category-container .category-items{margin-left: 60px;}
.section-category .category-container .category-items li{font-size: 20px;line-height: 1.8; font-family: 'Gilroy-Light', sans-serif;}
.section-category .category-icon{width: 112px;margin-bottom: 22px;}
.section-category .category-icon img {width: 100%;height: 100%;object-fit: cover;}
.section-category .category-subheading{color: var(--color06);font-size: 48px;line-height: 1.2;margin-bottom: 22px;}
.section-category .category-descriptions {display: flex;gap: 20px;color: var(--color03);font-size: 16px;border-bottom: 1px solid var(--color14);padding-bottom: 12px;}
/* ----------------------------------- */
/* CATEGORES 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: -0.3px;font-family: 'Gilroy-Medium',sans-serif;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{}
.section-gallery .section-subtitle .subtitle h4{margin: 0;font-size: 32px;color: var(--color01);}
.section-gallery .section-subtitle .action{}
.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-family: "Gilroy-Medium",sans-serif;transition: all 0.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-family: "Gilroy-Medium",sans-serif;transition: all 0.3s ease;border: 2px solid var(--color41);letter-spacing: -0.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: 0.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 */
/* ----------------------------------- */
/* ----------------------------------- */
/* INDUSTRY START */
/* ----------------------------------- */
.section-industry {position: relative;padding: 110px 0; padding-top: 200px;}
.section-industry .industry-content{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 10;}
.section-industry .title {text-align: left; padding-left: 135px;}
.section-industry .section-title .title {font-size: 72px;letter-spacing: -0.3px;background: linear-gradient(35deg, var(--color01), var(--color02) 70%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;font-family: 'Gilroy-Bold',sans-serif;}
.section-industry .industry-content .industry-description{position: relative;display: flex;gap: 40px;padding: 0 135px;}
.section-industry .industry-content .industry-description::after{position: absolute;content: "";width: 1px;height: 94%;top: 50%;transform: translateY(-50%);right: 6%;background-color: var(--color01);}
.section-industry .industry-description ul {list-style: none;padding-left: 0;}
.section-industry .industry-description ul li{font-size: 24px;line-height: 1.2;padding: 12px 0; border-bottom: 1px solid var(--color13);padding-right: 24px;font-family: "Gilroy-Light",sans-serif; color: var(--color10);}
.section-industry .industry-description ul li:last-child {border-bottom: none;}
.section-industry .industry-content .industry-details{padding: 0 46px 0 0;}
.section-industry .industry-details .industry-des{font-size: 24px;color: var(--color10);line-height: 1.6; font-family: 'Gilroy-Regular', sans-serif; }
.section-industry .industry-details .industry-btn{ display: flex; align-items: center; margin-top: 42px;}
.section-industry .industry-details a{border: 1px solid var(--color07);color: var(--color07);text-decoration: none;font-size: 24px;font-weight: 400;padding: 6px 28px;border-radius: 50px;transition: all 0.5s ease;font-family: "Gilroy-Medium",sans-serif;transition: all 0.3s ease;}
.section-industry .industry-details a:hover{background-color: var(--color07);color: var(--color06);}
.section-industry .line-fourth{width: 90%;height: 1px;background-color: var(--color01);}
.section-industry .line-break{position: absolute;top: 15%; z-index: -1;}
.section-industry .line-first{margin-bottom: 100px;width: 64%;}
.section-industry .line-second{width: 12%; }
.section-industry .line-third{width: 84%;position: absolute;right: 0;}
/* ----------------------------------- */
/* INDUSTRIES END */
/* ----------------------------------- */
/* ----------------------------------- */
/* ABOUT START */
/* ----------------------------------- */
.section-about{position: relative;padding: 100px 0;background-color: var(--color19);}
.section-about .container-inner{display: flex;align-items: center;gap: 50px;width: 100%;}
.section-about .about-content{padding: 0;}
.section-about .about-content .about-title{font-size: 56px;font-family: 'Gilroy-Medium', sans-serif;line-height: 1.2;margin: 0 0 30px;}
.section-about .about-content .about-description{font-size: 20px;font-family: 'Gilroy-Regular', sans-serif;line-height: 1.2;}
.section-about .about-content .about-action{ display: flex; margin: 30px 0 0;}
.section-about .about-content .about-action .btn-action{background-color: var(--color07);padding: 0 32px;height: 60px;display: flex;align-items: center;justify-content: center;line-height: 1;border-radius: 50px;color: var(--color17);text-decoration: none;font-size: 24px;font-weight: 500;font-family: "Gilroy-Medium",sans-serif;transition: all 0.3s ease;border: 2px solid var(--color07);}
.section-about .about-content .about-action .btn-action:hover{background-color: var(--color02); border-color: var(--color02);}


.section-about  .about-img{position: absolute;top: 0;right: 0;width: 45%;height: 100%;overflow: hidden;border-radius: 0;}
.section-about  .about-img img{width: 100%;height: 100%;object-fit: cover;}
/* ----------------------------------- */
/* ABOUT 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-family: "Gilroy-Bold",sans-serif;}
.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-family: "Gilroy-Medium",sans-serif;vertical-align: middle;text-align: center; width: 12%;font-weight: normal;}
.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-family: "Gilroy-Medium",sans-serif;}
.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(--color06);}
.section-plan .plan-note{display: block;margin: 50px 0 0;text-align: center;font-size: 24px;color: var(--color37);}
.section-plan .plan-note button{padding: 0;border: 0;background-color: transparent;font-family: 'Gilroy-Medium';color: var(--color39);}
.plan-list{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.plan-list .item{width: 100%;max-width: calc(25% - 30px);margin: 15px;display: flex;}
.plan-list .item .plan-item{position: relative;display: flex;width: 100%; padding: 40px 0 0; z-index: 0;}
.plan-list .item .plan-item-inner{width: 100%; border: 1px solid var(--color09); background-color: var(--color06);padding: 20px;}
.plan-list .item .plan-popular{font-size: 24px; color: var(--color06); font-family: 'Gilroy-Regular', sans-serif; font-weight: 600;display: flex; justify-content: center; align-items: center;position: absolute;width: 100%;height: 40px;top:0px;left: 0;}
.plan-list .item .plan-title{font-size: 28px;color: var(--color16);font-family: 'Gilroy-Bold', sans-serif;}
.plan-list .item .plan-amount{font-size: 48px;color: var(--color19);font-family: 'Gilroy-Bold', sans-serif;}
.plan-list .item .plan-amount span{font-size: 20px;color: var(--color03);font-family: 'Gilroy-Medium', sans-serif;text-transform: lowercase;}
.plan-list .item .plan-subtitle{font-size: 16px;color: var(--color03);font-family: 'Gilroy-Medium', sans-serif;}
.plan-list .item .plan-action{display: flex; margin: 20px 0 0;}
.plan-list .item .plan-action .btn-action{width: 100%;height: 44px;border: 2px solid var(--color42);background-color: var(--color42);color: var(--color06);border-radius: 60px;font-size: 20px; font-family: 'Gilroy-Medium', sans-serif;padding: 0 10px;display: flex;justify-content: center;align-items: center; text-decoration: none; transition: all 0.3s ease;}
.plan-list .item .plan-action .btn-action:hover{border-color:var(--color19);background-color: var(--color19);}
.plan-list .item .plan-description{color: var(--color16);border-top: 1px solid var(--color09);font-size: 14px;font-family: 'Gilroy-Medium', sans-serif;font-weight: 400;margin: 20px -20px 0;padding: 20px;}
.plan-list .item .plan-description strong{color: var(--color19);font-family: 'Gilroy-Regular', sans-serif;font-weight: 600;}
.plan-list .item .plan-description h4{font-size: 16px;font-family: 'Gilroy-Bold', sans-serif;margin: 0 0 10px;color: var(--color19);}
.plan-list .item .plan-description h5{color: var(--color03);font-size: 14px;font-family: 'Gilroy-Medium', sans-serif;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; line-height: 1.2;}
.plan-list .item .plan-description ul li+li{border-top: 1px solid var(--color09);}
.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.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-header-title {position: relative;}
.member-modal-title {color: var(--color06);font-size: 46px;font-family: "Gilroy-Bold",sans-serif;margin-bottom: 30px;margin-top: 14px;}
.modal-header-title .modal-line-break {display: flex; gap: 24px; }
.modal-header-title .modal-line {position: absolute; background-color: var(--color01); height: 1px; width: 100%;}
.modal-header-title .first-line-break {position: absolute; width: 60%; bottom: 15%; right: 0;}
.modal-header-title .last-line-break {position: absolute; width: 60%; bottom: 5%; left: 0;}
.modal-content {background-color: var(--color19); border-radius: 20px; border: 1px solid var(--color36);}
.modal-body{ padding: 0px;}
.modal-form-content { padding: 26px 52px;}
.modal-body-details .modal-sub-title { font-size: 32px; font-family: "Gilroy-Medium",sans-serif; margin-bottom: 4px; color: var(--color06);}
.modal-body-details .modal-sub-text { font-size: 20px; font-family: "Gilroy-Regular",sans-serif; margin-bottom: 4px; color: var(--color09); padding: 0 70px 20px 0;}
.modal-text-box {position: relative;}
.modal-text-box .form-control {font-size: 20px;padding: 12px 16px;background-color: var(--color20);border: 1px solid var(--color36);border-radius: 12px;color: var(--color37) !important;box-shadow: none;}
.modal-select-box:after{content: '\f078';font-family: "Font Awesome 6 Pro";color: var(--color08);font-weight: 300;font-size: 20px;position: absolute;top: 12px;right: 10px;}
.form-control::placeholder{ font-size: 20px; font-family: "Gilroy-Regular",sans-serif; 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: 20px; font-family: "Gilroy-Medium",sans-serif; background-color: var(--color35); color: var(--color14); border: none; border-radius: 50px; padding: 8px 42px;}
.modal-submit{font-size: 20px; font-family: "Gilroy-Medium",sans-serif; background-color: var(--color18); color: var(--color06); border: none; border-radius: 50px; padding: 8px 52px;}
.modal-body .modal-email {font-size: 20px; font-family: "Gilroy-Light",sans-serif; margin-top: 24px; border-top: 1px solid var(--color01); padding-top: 24px;text-align: center;}
.modal-body .modal-email span {color: var(--color08); text-decoration:none;}
.modal-body .modal-email a {color: var(--color08); text-decoration:none;}

.sub-modal-content{ padding: 28px 52px;  background-color: var(--color19); border-radius: 20px; }
.modal-body-item .sub-modal-title { font-size: 42px; font-family: "Gilroy-Medium",sans-serif; text-align: center; color: var(--color06);}
.modal-body-item .sub-modal-text { font-size: 22px; font-family: "Gilroy-Regular",sans-serif; text-align: center; color: var(--color09); }
.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;}
/* ----------------------------------- */
/* MEMBERSHIP END */
/* ----------------------------------- */

/* ----------------------------------- */
/* FAQ START */
/* ----------------------------------- */
.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, #19773C, transparent 70%);width: 1000px;height: 1000px;z-index: -1;left: -500px;bottom: -500px;}
.section-faq .title{font-size: 72px;font-family: 'Gilroy-Medium', sans-serif;color: var(--color03);margin: 0 0 50px;}
.accordions{position: relative; margin: 0 0 120px;width: 75%;}
.accordions .accordion-item{position: relative;border-bottom: 1px solid var(--color13);padding: 20px 0;}
/* .accordions .accordion-item+.accordion-item{margin: 20px 0 0;} */
.accordions .accordion-item .accordion-title{font-size: 32px;font-family: 'Gilroy-Regular', sans-serif; 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 0.3s ease;}
.accordions .accordion-item .accordion-title.active:after{rotate: 90deg;}
.accordions .accordion-item .accordion-content{font-size: 20px;padding: 0px 0px;color: var(--color10); overflow: hidden;max-height: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.accordions .accordion-item .accordion-content.active{max-height: 5000px;padding: 20px 0px 0px;opacity: 1; visibility: visible;}

.newsletter{position: relative;overflow: hidden;padding: 60px;background-color: var(--color38);border-radius: 8px;display: flex; min-height: 500px;z-index: 0;}
.newsletter:before{content: '';position: absolute;background-image: radial-gradient(circle, #19773C, transparent 70%);width: 800px;height: 800px;z-index: -1;left: -400px;bottom: -400px;opacity: 0.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: 0.25;top: 0;left: 0;}
.newsletter .newsletter-content{position: relative;width: 45%;}
.newsletter .newsletter-title{font-size: 60px;font-family: 'Gilroy-Bold', sans-serif;font-weight: normal;color: var(--color06);line-height: 1.2;}
.newsletter .newsletter-text{font-size: 20px;font-family: 'Gilroy-Regular', sans-serif;font-weight: normal;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: cover;}
.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: var(--color20);border: 1px solid var(--color13);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 var(--color07);background-color: transparent;color: var(--color07);font-family: 'Gilroy-Bold';transition: all 0.3s ease;}
.newsletter .newsletter-form .newsletter-form-content .newsletter-submit:hover{background-color: var(--color07);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: var(--color07);border: 0;border-radius: 8px;font-size: 14px;padding: 10px;line-height: 1;color: var(--color19);font-family: 'Gilroy-Bold';display: inline-block;}
/* ----------------------------------- */
/* FAQ END */
/* ----------------------------------- */

/* ----------------------------------- */
/* FOOTER START */
/* ----------------------------------- */
footer{padding: 68px 0 0 0;background-color: var(--color40);}
footer .footer-logo{height: 150px;overflow: hidden;width: 50%;}
footer .footer-logo img{width: 100%;height: 100%;object-fit: contain;}
footer .footer-icons{display: flex;gap: 54px;margin-top: 34px;align-items: center; }
footer .footer-icon{color: var(--color07);font-size: 48px;}
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 var(--color07);color: var(--color07);text-decoration: none;font-size: 32px;padding: 4px 24px;border-radius: 8px;transition: all 0.5s ease;font-family: "Gilroy-Medium",sans-serif;}
footer .footer-btn a:hover {background-color: var(--color07);color: var(--color06);}
footer .footer-lists{ display: flex;list-style: none;width: 100%;padding: 20px;margin: 30px 0 0;flex-wrap: wrap;row-gap: 12px;column-gap: 34px;line-height: 1.2;}
footer .footer-lists .footer-link{text-decoration: none;color: var(--color14);font-size: 16px;font-family: "Gilroy-Medium",sans-serif;}
footer .footer-copy{font-size: 16px;color: var(--color14);text-align: center;border-top: 1px solid var(--color13);padding: 24px 0;margin-top: 30px;font-family: "Gilroy-SemiBold",sans-serif; }
footer .footer-lists+.footer-lists{border-top: 1px solid var(--color03);}
/* ----------------------------------- */
/* FOOTER END */
/* ----------------------------------- */


.sec-default-content{position: relative; padding: 160px 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-family: 'Gilroy-Bold', sans-serif;}
.sec-default-content .default-content .dc-date{font-size: 16px;text-transform: uppercase;  margin: 0 0 20px; font-family: 'Gilroy', sans-serif;}
.sec-default-content .default-content .dc-wrap{display: flex;flex-direction: column;font-size: 20px;font-family: 'Gilroy-Light', sans-serif;line-height: 1.4;}
.sec-default-content .default-content .dc-wrap h2{font-size: 36px; line-height: 1.2;font-family: 'Gilroy-Medium'; margin: 0 0 20px;}
.sec-default-content .default-content .dc-wrap h4{font-size: 24px; font-family: 'Gilroy-Medium';line-height: 1.2; margin: 0 0 10px;}
.sec-default-content .default-content .dc-wrap a{color:var(--color01);}
.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: var(--color02);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 0.3s ease;}
[data-tooltip]:hover:after{opacity: 0.95; visibility: visible;}

/* ----------------------------------- */
/* RESPONSIVE START */
/* ----------------------------------- */
@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;}
  

  .section-category .category-container {padding: 60px 98px;}
  .line-break .line-first, .line-break .line-second {width: 40%;}

  .section-category .section-title .title-des {padding: 0;}

  .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-industry .line-second {width: 14%;}
  .section-industry .line-third {width: 85%;}
  .section-industry .industry-content .industry-description {padding: 0 126px; }
  .section-industry .title { padding-left: 126px;}


}
@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{max-width: calc(25% - 10px); margin: 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-category .category-container {padding: 60px 58px;}
    .section-category .section-title .title {font-size: 48px; }
    .section-category .section-title .sub-title { font-size: 20px; }
    .section-category .category-container .category-items li {font-size: 18px; }


    .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%;}
  

    .section-industry .line-break { top: 16%; }
    .section-industry .line-break .line-first, .line-break .line-second {width: 38%;}
    .section-industry .line-break .line-second {width: 12%;}
    .section-industry .line-break .line-third { width: 87%;}
    .section-industry .industry-content .industry-details { padding: 38px 40px 38px 0px; }
    .section-industry .industry-details .industry-des { font-size: 20px;  }
    .section-industry .industry-description ul li { font-size: 20px; }
    .section-industry .industry-content .industry-description { padding: 0 95px;  }



    

    footer .footer-logo { height: 150px; }
    footer .brand-logos .brand-logo { height: 60px;}
}
@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: 0px 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 .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-category .section-title .title {font-size: 42px;}
    .section-category .section-title .sub-title {font-size: 20px; padding: 0px 26px 0 0px;}

    .section-about .about-content .about-title{font-size: 48px;}
    .section-about .about-content .about-action .btn-action{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;}



    .section-industry .line-break {top: 16%; }
    .section-industry .line-break .line-second {width: 14%;}
    .section-industry .line-break .line-third {width: 85%;}
    .section-industry .industry-content .industry-description {padding: 0 95px;}
    .section-industry .title {padding-left: 95px;}
    .section-industry .industry-description ul li {font-size: 20px; }
    .section-industry .industry-details .sub-heading {font-size: 20px;}
    .section-industry .industry-details a { font-size: 24px; }

    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-category .section-title .title {font-size: 48px;}
    .section-category .section-title .sub-title {padding: 0 0px 0 0px;}


    .section-features .line-break {bottom: 5.5%;}

    .section-product-team .product-title {font-size: 52px;}

    .section-industry .line-break {top: 16%;}
    .section-industry .line-break .line-second { width: 11%; }
    .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%; }


    .section-industry .line-break .line-second { width: 9%; }


    .section-category .section-title .title {font-size: 40px;}
}
@media screen and (max-width: 1024px) { 

    .section-actions {   margin-top: 0px;}
    .section-title {  margin-bottom: 15px; padding-bottom:12px;}
    .section-actions a {font-size: 20px; padding: 6px 30px; }
    .section-features .section-title .sub-title {padding: 0px 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: 0px;}
    .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: 90px 0; }
    .section-features { padding-bottom: 100px;}
    .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: 0px;  }
    .section-features .feature-item .feature-item-title {font-size: 20px; margin-bottom: 8px;}
    .section-features .feature-item .feature-item-des { font-size: 15px; }

    

    .section-about .about-content .about-title{font-size: 32px;}
    .section-about .about-content .about-description{font-size: 16px;line-height: 1.5;}
    .section-about .about-content .about-action .btn-action{height: 40px; font-size: 16px;}

    .section-category .category-container-wrap {  padding: 30px 0;}
    .section-category {  padding: 90px 0; }
    .section-category .category-icon {width: 72px;}
    .section-category .section-title .title {font-size: 32px; margin-bottom: 4px;}
    .section-category .section-title .sub-title {font-size: 16px; padding: 0px 55px 10px 0px; }
    .section-category .category-container .category-items {margin-left: 30px;}
    .section-category .category-container .category-items li {font-size: 16px;}

    .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-industry {padding: 90px 0;  padding-top: 100px; }
    .section-industry .title { padding-left: 80px;}
    .section-industry .section-title .title { font-size: 42px;  }
    .section-industry .line-break .line-second {width: 11%;}
    .section-industry .title .title-head {font-size: 42px;}
    .section-industry .line-first {margin-bottom: 50px;}
    .section-industry  .line-break .line { margin-bottom: 45px; }
    .section-industry .line-break .line-third { width: 88%;}
    .section-industry .industry-description ul li {font-size: 16px; }
    .section-industry .industry-details .sub-heading { font-size: 16px; }
    .section-industry .industry-details a {font-size: 20px; line-height: 1.6;   }
    .section-industry .line-break { top: 12.5%;  }
    .section-industry .industry-content .industry-description {padding: 0 75px;}
    .section-industry .industry-details .industry-des {font-size: 18px;}
    .section-industry .industry-content .industry-details {padding: 38px 0px 38px 0px;}
  
    .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;}
}
@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: 0px 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-about{padding: 60px 0;}

    .section-category {  padding: 50px 0px }
    .section-category .section-title .title {font-size: 28px;}
    .section-category .section-title .sub-title { font-size: 16px; padding: 0px 14px 0 0px; margin-bottom: 12px;}


    .section-gallery .section-actions a {font-size: 20px;}
    .section-gallery .section-actions {margin-top: 54px;}
    .section-gallery .line-break {bottom: -14.5%;}

    .section-industry { padding: 50px 0; padding-top: 0px;}
    .section-industry .line-third { width: 88%;}
    .section-industry .industry-details .industry-des {font-size: 15px; }
    .section-industry .title {padding-left: 0px; }
    .section-industry .industry-content .industry-description {padding: 0 0px; gap: 25px;}
    .section-industry .industry-list li {font-size: 14px; }
    .section-industry .industry-details .industry-des {font-size: 14px;}
    .section-industry .industry-content .industry-details {padding: 38px 10px 38px 25px; }


  

    .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;}
    
}
@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: 0px 0px; }
    .header-navigation .navigation ul li+ li {margin-left: 0px; }
    .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 rgb(0 0 0 / 10%);padding: 15px 0;transform: translateX(-108%);transition: all 0.4s ease;}
    .header-navigation .navigation-list {display: flex;}

    .header-navigation .navigation .navigation-list {gap: 0px; 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 0px;}

    .section-hero {display: flex; flex-direction: column-reverse; padding-top: 80px;}
    .section-hero .hero-container-wrap {width: 100%;padding: 0px 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: 50px 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-category { flex-direction: column; }
    .section-category .category-container-wrap {width: 100%;padding: 0px 0;}
    .section-category .category-image {width: 100%;height: 300px;border-radius: 0 0 0 0;}
    .section-category .category-container  { padding: 40px 70px 40px 18px;}
    .section-category .category-container .category-items {margin-left: 0px;}
    .section-category .category-icon {width: 72px;}

    .section-gallery .btn a {font-size: 20px;}

    .section-industry { padding: 0px 0;}
    .section-industry .industry-details .industry-des {font-size: 16px; }
    .section-industry .industry-content {flex-direction: column;}
    .section-industry .industry-content .industry-description {width: 100%; max-width: 100%;}
    .section-industry .industry-content .industry-description::after {display: none; }

    .section-industry .industry-list { width: 50%; max-width: 50%;  }
    .section-industry .industry-content .industry-details { width: 100%; max-width: 100%; }
    .section-industry .industry-content .industry-details {padding: 38px 144px 38px 0px; }
    .section-industry .line-fourth {display: none; }
    .section-industry .industry-description ul { width: 50%; }



    .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 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-hero .hero-image{height: 360px;}
    .section-hero .hero-image .hero-img-text span{font-size: 10px;}
    .section-hero .hero-wrapper{padding:0;}
    .section-hero .logo {height: 120px;}

    .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;}
    .section-gallery .gallery-list-inner .gallery-item{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: 0px 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;}

    .section-about{padding: 0;}
    .section-about .about-img{position: relative;width: 100%;top: auto;right: auto;height: auto;}
    .section-about .about-content{padding: 40px 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-category { padding: 50px 0;}
    .section-category .section-title .title {font-size: 30px;}
    .section-category .section-title .sub-title {font-size: 14px; }
    .section-category .category-container .category-items li {font-size: 14px;}
    .section-category .category-icon {width: 52px;}

    .section-gallery .section-actions a{ font-size: 20px; }

    .section-industry {padding-top: 100px;}
    .section-industry .section-title .title { font-size: 30px;}
    .section-industry .industry-description ul {width: 50%;}
    .section-industry .industry-description ul li {font-size: 12px;}
    .section-industry .industry-content .industry-description{gap:0}
    .section-industry .industry-content .industry-details {padding: 26px 10px 26px 0px;}
    .section-industry .industry-details .sub-heading {font-size: 14px;}
    .section-industry .industry-details a {font-size: 16px; }
    .section-industry .industry-details .industry-des {font-size: 14px;}
    .section-industry .industry-content .industry-description {width: 100%;max-width: 100%;flex-direction: column;}
    .section-industry .industry-description ul { width: 100%; margin: 0;}
    .section-industry .industry-description ul li {font-size: 14px;}
    .section-industry .industry-description ul:first-child li:last-child { border-bottom: 1px solid var(--color13);}
    .section-industry .industry-content .industry-description { gap: 0px;}


    .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 0 0 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;}

    .modal-form-content{padding: 20px 30px;}
    .modal-body-details .modal-sub-title{font-size: 24px;}
    .modal-body-details .modal-sub-text{font-size: 16px;padding: 0;}
    .modal-body .modal-email{font-size: 14px;margin: 20px 0 0;padding: 20px 0 0;text-align: center;}
}
@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-category .categorie-icon {width: 62px;}
    .section-category .section-title .sub-title {padding: 0px 0px 0 0px;margin-bottom: 12px; font-size: 16px;}

    .section-gallery .section-actions a { font-size: 20px; }

    .section-industry .industry-details .sub-heading {font-size: 12px; }
    .section-industry .industry-details a {font-size: 14px;}
    .section-industry .industry-content .industry-details {padding: 10px 10px 26px 0px;}
    .section-industry .title {padding-left:0px;}


    .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; }
}
@media screen and (max-width: 375px){
    
}
/* ----------------------------------- */
/* RESPONSIVE END */
/* ----------------------------------- */