/* ===================================
    Crafto - Design agency
====================================== */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.cursor-page-inner{ display: none !important;}









/* variable */
:root {
    --base-color: #f7f7f7;
    --medium-gray:#546C87;
    --white: #d8d8d4;
    --concrete-gray:#ffffff;
    --bg-maire-yellow:#131312;
    --light-medium-gray:#cdcdc7;
    --dark-gray:#0C1A2A; 
    --zeus-grey:#223448;
    --alt-font: 'Montserrat';
    --primary-font: 'Arial', sans-serif;
    --btn-green: #5CFF85;
    --dark-blue: #2B3674;
    --light-gray: #C4C4C4;
    --color-020202: #020202;
    --color-233B56: #233B56;
    --black: #000000;
    --c-0F: #0F0F0F;


    --bs-border-color: rgba(0,0,0,0.15);

    --theam-blue: #0052E6;

    --color-wh: #fff;

    --bg-grayscale: #F0F5FF;

    --c-40:#182B40;

    --c-4B:#21344B;

    --c-F9:#C4D7F9;

    --c-D4:#A8B8D4;
    --c-6E: #17406E;
    --c-5D: #5D5D5D;
    
    --c-72: #375372;

    --c-5C: #213D5C;

    --c-DB :#A6BFDB;

    --c-60: #425060;

    --c-FA: #EDF3FA;

    --c-66: #344B66;

    --c-E5: #CED6E5;

    --c-FA2: #EDF2FA;

    --c-3C: #00153C;

    --c-B5: #92A2B5;

    --c-5E: #32475E;

    --c-35: #0C1F35;

    --c-FB: #F5F7FB;

    --c-D9: #D9D9D9;

    --c-29: #0C1929;
    
    --c-3535: #353535;
    
    --c-53: #193453;

    --c-99: #868F99;

    --c-AA: #7A91AA;


}

.bg-whlight{ background: #FFFFFF1A; color: #fff;}
.light-black{ background-color: #0000001A;}
.text-outline-color-extra-medium-gray{ -webkit-text-stroke-color: var(--concrete-gray); -webkit-text-stroke-width: 1px;}
.border-end-none{ border-right: none !important;}
.bg-FA2{ background-color: var(--c-FA2);}
.bg-3C{ background-color: var(--c-3C);}
.bg-FB{ background-color: var(--c-FB);}
.bg-D9{ background-color: var(--c-D9);}

.wh-box{ background-color: var(--color-wh);}
.bg-29{ background-color: var(--c-29);}
header{ width: 100%; position: relative; z-index: 99;}

.text-0F{ color: var(--c-0F);}

.color-02{ color: var(--color-020202); }
.color-56{ color: var(--color-233B56); }
.color-4B{ color: var(--c-4B); }
.color-F9{ color: var(--c-F9);}
.color-D4{ color: var(--c-D4);}
.color-6E{ color: var(--c-6E);}
.color-5D{ color: var(--c-5D);}
.color-72{ color: var(--c-72);}
.color-5C{ color: var(--c-5C);}
.color-DB{ color: var(--c-DB);}
.color-60{ color: var(--c-60);}
.color-FA{ color: var(--c-FA);}
.color-66{ color: var(--c-66);}
.color-E5{ color: var(--c-E5);}
.color-B5{ color: var(--c-B5);}
.color-5E{ color: var(--c-5E);}
.color-35{ color: var(--c-35);}
.color-FB{ color: var(--c-FB)}
.colorDB{ color: var(--c-DB);}

.c-3535{ color: var(--c-3535)}
.c-53{ color: var(--c-53)}
.c-99{ color: var(--c-99)}
.c-AA{ color: var(--c-AA);}


.bg-color-35{ background-color:var(--c-35) ;}
.bg-very-light-green{ background: #3DD8561A;}

.text-theam-blue{ color: var(--theam-blue);}

.ls-minus-1{ letter-spacing: -1%;}
.ls-1{ letter-spacing: 1%;}
.ls-2{ letter-spacing: 2%;}
.ls-3{ letter-spacing: 3%;}
.ls-4{ letter-spacing: 4%;}
.ls-5{ letter-spacing: 5%;}
.pb-10px{ padding-bottom: 10px;}

.bg-grayscale{ background-color: var(--bg-grayscale);}
.bg-theam{ background-color: var(--theam-blue);}
.bg-zeus-grey{ background-color: var(--zeus-grey);}
.bg-btn-green{ background-color: var(--btn-green) !important;}


.bg-color-FA{ background-color: var(--c-FA); }
.border-radius-12px{ border-radius: 12px;}
.border-radius-10px{ border-radius: 10px;}
.border-radius-9px{ border-radius: 8.41px !important;}
.bottom-5px{ bottom: 5px;}
.left-5px{ left: 5px;}
.border-none{ border: none;}
.box-shadow-none{ box-shadow: none !important;}

.mt-6{ margin-top: 6% !important;}
.mt-60px{ margin-top: 60px !important;}

.flex-1{ flex: 1;}
.z-index-3{ z-index: 3;}
.li-gap-20px li{ padding: 20px 0;}

.border-color-light-white-gray{ border-color: #FFFFFF1A !important;}
.rounded-20px{ border-radius: 20px;}
.mw-95{ max-width: 95%;}
.bg-white-10{ background: #FFFFFF1A !important;}
.mw-50{ max-width: 50%;}
.mw-90{ max-width: 90%;}
.mw-80{ max-width: 80%;}
.mw-70{ max-width: 70%;}
.mw-60{ max-width: 60%;}
.md-bottom-minus-90px{ margin-top: -90px;}
.right-minus-20{ right: -20%;}
.right-minus-10{ right: -10%;}
.right-minus-200px{ right: -200px;}
.right-minus-150px{ right: -150px;}
.top-mins-350px{ top: -350px;}


.mt-7{ margin-top: 7%;}

.pb-130px{ padding-bottom: 130px;}

.w-35px{ width: 35px;}
.h-35px{ height: 35px;}

.top-mins-100px{ top: -100px;}
.top-mins-50px{ top: -50px;}

.li-50, .li-plus{ display: flex; flex-wrap: wrap; margin: 0px; padding: 0 0 20px 0;}
.li-plus li, .li-50 li {
    background: url(../images/img/pls.svg) no-repeat left top 8px;
    padding-left: 28px;
    margin: 12px 0; width: 100%;
}
.li-50 li{ width: 50% !important;}
.li-dash li{  background: none; position: relative;     padding-left: 14px;}
.li-dash li::before{ content: "-"; position: absolute; top: 0px; left: 0px;}




.left--60px{ left: -60px;}

.h-500px{ height: 500px; object-fit:cover;}
.mt-minus-190px{ margin-top: -190px;}
.mt-minus-100px{ margin-top: -100px;}


img.h-100{ object-fit: cover;}
.pb-80px{ padding-bottom: 80px;}

.bg-very-light-gray1{ background-color: #F5F9FF;}




.text-bg-dark-gray{ background-image: linear-gradient(135deg, transparent 45%, #0C1A2A 45%, #EDF3FA 55%, transparent 0) !important;}

.pt-70px{ padding-top: 70px;}
.opacity-05{ opacity: 0.5;}


.px-20px{ padding-left: 20px; padding-right: 20px;}
.py-40px{ padding-top: 40px; padding-bottom: 40px;}


:root{
    --font-83: 83px;
    --line-83: 88px;

    --font-60: 60px;
    --line-60: 68px;

    --font-58: 58px;
    --line-58: 68px;

    --font-52: 52px;
    --line-52: 62px;

    --font-49: 49px;
    --line-49: 62px;

    --font-21: 21px;
    --line-21: 35px;

    --font-22: 22px;
    --line-22: 35px;

    --font-20: 20px;
    --line-20: 30px;

    --font-23: 23px;
    --line-23: 33px;

    --font-24: 24px;
    --line-24: 35px;

    --font-25: 25px;
    --line-25: 35px;

    --font-26: 26px;
    --line-26: 36px;

    --font-29: 29px;
    --line-29: 35px;

    --font-28: 28px;
    --line-28: 35px;

    --font-18: 18px;
    --line-18: 28px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 201.92px;
    --line-200: 223px;   

    --font-77: 77px;
    --line-77: 86px; 

    --font-37: 37.74px;
    --line-37: 48.52px;    


    --font-68: 68px;
    --line-68: 75px;


    --font-147: 147px;
    --line-147: 160px;

    --font-27: 27px;
    --line-27: 37px;

    --font-56: 56px;
    --line-56: 66px;

    --font-75: 74.31px;
    --line-75: 80px;

    --font-40: 40px;
    --line-40: 50px;

    --font-42: 42px;
    --line-42: 45px;

    --font-173: 173px;
    --line-173: 185px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 171px;
    --line-171: 181px;

    --font-79: 79px;
    --line-79: 85px;

    --font-167: 167px;
    --line-167: 177px;

    --font-32: 32px;
    --line-32: 42px;

    --font-198: 198px;
    --line-198: 190px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 38px;
    --line-38: 45px;

    --font-46: 46px;
    --line-46: 56px;

    --font-36: 36px;
    --line-36: 46px;

    --font-150: 150px;
    --line-150: 155px;

    --font-41: 41px;
    --line-41: 51px;

    --font-84: 84px;
    --line-84: 86px;

    --font-34: 34px;
    --line-34: 46px;

    --font-30: 30px;
    --line-30: 50px;

    --font-253: 250px;
    --line-253: 250px;   

    --font-31: 31px;
    --line-31: 41px;   

    --font-155: 155px;
    --line-155: 155px;

    --font-16: 16.83px;
    --line-16: 26.93px;

    --font-23: 23px;
    --line-23: 36px;

    --font-63: 63px;
    --line-63: 73px;


    --font-93: 93px;
    --line-93: 93px;


    --value-30: 30px;



}
.ls-minus-6{ letter-spacing: -6%;}
.ls-minus-2{ letter-spacing: -2%;}
.opacity-50{ opacity: 50%;}

.no-bg{ background: none !important;}

.border-radius-9px{ border-radius: 8.41px;}
.min-height-730px{ min-height: 730px;}


.fs-253{ font-size: var(--font-253) !important; line-height: var(--line-253) !important; }
.fs-155{ font-size: var(--font-155) !important; line-height: var(--line-155) !important; }

.fs-93{ font-size: var(--font-93) !important; line-height: var(--line-93) !important; }
.fs-30{ font-size: var(--font-30) !important; line-height: var(--line-30) !important; }
.fs-31{ font-size: var(--font-31) !important; line-height: var(--line-31) !important; }
.fs-16{ font-size: var(--font-16) !important; line-height: var(--line-16) !important; }
.fs-23{ font-size: var(--font-23) !important; line-height: var(--line-23) !important; }
.fs-63{ font-size: var(--font-63) !important; line-height: var(--line-63) !important; }

.fs-34{ font-size: var(--font-34) !important; line-height: var(--line-34) !important;}
.fs-84{ font-size: var(--font-84) !important; line-height: var(--line-84) !important; }
.fs-36{ font-size: var(--font-36) !important; line-height: var(--line-36) !important;}
.fs-41{ font-size: var(--font-41) !important; line-height: var(--line-41) !important;}
.fs-150{ font-size: var(--font-150) !important; line-height: var(--line-150) !important; }
.fs-171{ font-size: var(--font-171) !important; line-height: var(--line-171) !important;}
.fs-147{ font-size: var(--font-147) !important; line-height: var(--line-147) !important;}
.fs-167{ font-size: var(--font-167) !important; line-height: var(--line-167) !important;}
.fs-32{ font-size: var(--font-32) !important; line-height: var(--line-32) !important; }
.fs-198{ font-size: var(--font-198) !important; line-height: var(--line-198) !important; }
.fs-38{ font-size: var(--font-38) !important; line-height: var(--line-38) !important; }
.fs-46{ font-size: var(--font-46) !important; line-height: var(--line-46) !important; }

.fs-75{ font-size: var(--font-75) !important; line-height: var(--line-75) !important; }
.fs-42{ font-size: var(--font-42) !important; line-height: var(--line-42) !important;  }
.fs-173{ font-size: var(--font-173) !important; line-height: var(--line-173) !important; }
.fs-79{ font-size: var(--font-79) !important; line-height: var(--line-79) !important; }

.fs-68{  font-size: var(--font-68); line-height: var(--line-68);  }
.pe-15{ padding-right: 15px;}
.f-22 { font-size: var(--font-22); line-height: var(--line-22); }
.f-28, .fs-28{ font-size: var(--font-28); line-height: var(--line-28); }
.f-27, .fs-27{ font-size: var(--font-27); line-height: var(--line-27); }
.f-52, .fs-52{ font-size: var(--font-52) !important; line-height: var(--line-52) !important;}
.f-58{ font-size: var(--font-58) !important; line-height: var(--line-58) !important;}
.f-56, .fs-56{ font-size: var(--font-56) !important; line-height: var(--line-56) !important;}
.fs-37{ font-size: var(--font-37) !important; line-height: var(--line-37) !important; }
.fs-21{ font-size: var(--font-21) !important; line-height: var(--line-21) !important; }
.fs-20{ font-size: var(--font-20) !important; line-height: var(--line-20) !important; }
.fs-26{ font-size: var(--font-26) !important; line-height: var(--line-26) !important; }
.f-15, .fs-15{  font-size: var(--font-15) !important; line-height: var(--line-15) !important; }
.f-14{ font-size: var(--font-14) !important; line-height: var(--line-14) !important; }
.f-25, .fs-25{  font-size: var(--font-25) !important; line-height: var(--line-25) !important; }
.f-18, .fs-18{  font-size: var(--font-18) !important; line-height: var(--line-18) !important; }
.fw-700 { font-weight: 700 !important;}
.fw-500{ font-weight: 500 !important;}
.f-49{  font-size: var(--font-49) !important; line-height: var(--line-49) !important; }
.f-200, .fs-200{  font-size: var(--font-200) !important; line-height: var(--line-200) !important; }
.fw-900 { font-weight: 900 !important;}
.primary-font{ font-family: var(--primary-font);}

.fs-77{  font-size: var(--font-77) !important; line-height: var(--line-77) !important; }
.fs-23{  font-size: var(--font-23) !important; line-height: var(--line-23) !important; }
.text-wh{ color: #fff !important;}
.fs-26{  font-size: var(--font-26) !important; line-height: var(--line-26) !important; }
.fs-40{  font-size: var(--font-40) !important; line-height: var(--line-40) !important; }

.fs-130{ font-size: 130px; line-height: 130px;}
.fs-139{ font-size: 139px; line-height: 139px;}



.bg-blue-color{ background-color: var(--c-40);}
.bg-wh-light{ background: #0052E614;}




.ps-0{ padding-left: 0px !important;}
.pe-0{ padding-right: 0px !important;}
.left-50p{ left: 50% !important;}
.left-55p{ left: 55% !important;}



.small-heading{ color: #0C1A2A; font-weight: 700; font-family: var(--primary-font);}
.small-heading{ display: inline-block; letter-spacing: 1%; font-style: normal; background: #F2EFEF; border-radius: 41px; padding: 5px 20px;}

.py-100px{ padding: 100px 0;}
.mw-445px{ max-width: 445px;}
.py-110px{ padding: 110px 0;}




.fs-350 {
    font-size: 219px;
    line-height: 200px;
    font-weight: 900;
    letter-spacing: -1px !important;
}


h1{ font-size: var(--font-58) !important; line-height: var(--line-58) !important; font-weight: 700 !important; }
.xs-mt-80{ margin-top: 20%;}

.fs-60{ font-size: var(--font-60) !important; line-height: 42px !important; /*font-weight: 700 !important; font-family: var(--primary-font);*/ }
.w-80px{ width: 80px;}
.h-120px{ width: 120px; letter-spacing: -3%;}

.fs-230{ font-size: 250.45px; line-height: 214px; letter-spacing: -1%; font-weight: 900; font-family: var(--alt-font);}

.fs-24{ font-size: var(--font-24) !important; line-height: var(--line-24) !important;}

.fs-22{ color: #21344B; font-size: var(--font-22) !important; line-height: var(--line-22) !important; }

.fs-311 {
    font-size: 311px;
    line-height: 317px;
    font-family: var(--alt-font);
    text-transform: uppercase;
    font-weight: 900;
    white-space: nowrap;
    letter-spacing: -4% !important;
}

.ms-minus-50px{ margin-left: -50px;}
.ls-minus-2{ letter-spacing: -2%;}
.ls-minus-1{ letter-spacing: -1%;}
.right-minus-40px{ right: -40px;}
.right-minus-100px{ right: -100px;}
.right-minus-70px{ right: -70px;}
.bottom-35px{ bottom: 35px;}


.border-color-extra1-medium-gray{ border-color: rgba(0,0,0,0.20);}


.container-fluid{ padding: 0 50px;}

.choseRow .text-dark-gray.fs-38 {
    font-size: var(--font-38) !important;
    line-height: var(--line-38) !important;
}
.mobile-app-tab-style .nav-tabs .nav-item .nav-link .tab-border{ width: 120%; margin-left: -10%;}
.mw-300px{ max-width: 300px;}

.mw-1440px{ max-width: 1440px;}




.line-img {
    background: url(../images/light-line.png) repeat-x left top !important;
    height: 5px !important; opacity: 1 !important; background-size: auto 100% !important;
}

.pt-60px{ padding-top: 60px;}

.threeD-letter-menu .menu-item .menu-item-text {
    line-height: 89px !important; margin-left: 13px;
}
.lh-300 {
    line-height: 1.1 !important;
}

.home-Industries-sec .home-Industries-row{ margin:0px; padding:0 6px;}

.mh-auto{ min-height: auto !important;}

.min-height-930px{ min-height: 900px;}

.container-1350{ max-width: 1350px;}
.container-1600{ max-width: 1600px;}

.pb-80px{ padding-bottom: 80px;}

.contact-form-style-03 input{ padding-right: 63px !important; }


.lg-mb-50px{ margin-bottom: 50px;}
.pe-80px{ padding-right: 80px;}

.pt-80px{ padding-top: 80px;}
.pt-100px{ padding-top: 100px;}
.pt-150px{ padding-top: 150px;}

.pb-280px{ padding-bottom: 280px;}
.pb-200px{ padding-bottom: 200px;}

.nav-tabs.text-wh li a{ color: #fff !important;}
.nav-tabs.text-wh li a.active{ color: #fff !important;}

.nav-tabs.fs-15 li a{ font-size: var(--font-15) !important; line-height: var(--line-15) !important;}
.nav-tabs.font-primary li a{ font-family: var(--primary-font);}

.sm-d-block{ display: none;}

.opacity-6{ opacity: .6;}

.py-60px{ padding-top: 60px !important; padding-bottom: 60px !important;}

.light-D9{ background: #D9D9D93D;}

.pb-140px{ padding-bottom: 140px;}
.pb-150px{ padding-bottom: 150px;}
.py-30px{ padding-top:30px; padding-bottom: 30px;}
.py-20px{ padding-top:20px; padding-bottom: 20px;}


.object-fit-cover{ object-fit: cover;}




header.sticky .navbar {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fff !important;
    box-shadow: 0px 2px 24px 0px #00000029 !important;
}
header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand {
    padding: 14px 0;
}

header.sticky .header-dark .navbar-nav .nav-link{ color: var(--dark-gray) !important;}
header.sticky .navbar .btn{ color: var(--dark-gray) !important;}


/* =========================================
   MAIN OVERLAY
========================================= */

.menu-overlay {
    width: 100%;
    min-height: 100vh;

    display: flex;

    background: #0C1A2A; position: fixed; height: 100%; overflow:auto; z-index: 111; top: -100%;
}


/* =========================================
   LEFT PANEL
========================================= */

.menu-left {
    position: relative;

    width: 57%;

    min-height: 100vh;

    background: #07182b;

    color: #fff;
}

.menu-left-inner {
    width: 680px;
    max-width: calc(100% - 80px);

    height: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-top: 185px;

    display: flex;
    flex-direction: column;
}


/* =========================================
   MENU COLUMNS
========================================= */

.menu-columns {
    display: grid;

    grid-template-columns:
        1.25fr
        1fr
        1fr;

    column-gap: 55px;
}


/* =========================================
   MAIN NAVIGATION
========================================= */

.main-menu ul{
    display: flex;
    flex-direction: column;

    gap: 25px;
}

.main-menu a {
    color: #fff;

    text-decoration: none;

    font-size: var(--font-28);;

    line-height: 1.15;

    font-weight: 700;

    transition: opacity .2s ease;
}

.main-menu a:hover {
    opacity: .65;
}


/* =========================================
   SECONDARY MENU
========================================= */

.sub-menu {
    display: flex;
    flex-direction: column;

    gap: 17px;
}
.sub-menu ul{ display: flex; flex-direction: column;

    gap: 17px;}
.sub-menu a {
    color: #fff;

    text-decoration: none;

    font-size: var(--font-20);

    line-height: 1.25;

    font-weight: 400;

    transition: opacity .2s ease;
}

.sub-menu a:hover {
    opacity: .65;
}
.menu-overlay ul{ padding: 0px;}

/* =========================================
   SOCIAL AREA
========================================= */

.menu-social {
    margin-top: auto;
    padding-bottom: 105px;
    display: flex;
    flex-direction: column-reverse;
}

.social-line {
    width: 100%;
    height: 5px;
    margin-bottom: 35px;
    background: repeating-linear-gradient(135deg, #A9A9A9 0px, #A9A9A9 1px, transparent 1px, transparent 4px);
    margin-top: 36px;
}

.social-links ul{
    display: flex;

    align-items: center;

    gap: 35px;
}

.social-links a {
    color: #fff;

    text-decoration: none;

    font-size: var(--font-18);;

    font-weight: 400;

    transition: opacity .2s ease;
}

.social-links a:hover {
    opacity: .6;
}


/* =========================================
   RIGHT PANEL
========================================= */

.menu-right {
    position: relative;

    width: 43%;

    min-height: 100vh;

    overflow: hidden;

    background: #0052E6;

    color: #fff;
}


/* =========================================
   GEOMETRIC BACKGROUND
========================================= */

.blue-shape {
    position: absolute;
    pointer-events: none;
    bottom: -105px;
    right: inherit;
    left: -48px;
    opacity: .6;
}
.blue-shape img{
    width: 115% !important;
    max-width: inherit;
}





/* Large diagonal shape */




/* =========================================
   CLOSE BUTTON
========================================= */

.menu-close {
    position: absolute;

    top: 28px;
    right: 4px;

    width: 30px;
    height: 30px;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;

    z-index: 10;
}

.menu-close span {
    position: absolute;

    left: 3px;
    top: 14px;

    width: 23px;
    height: 1.5px;

    background: #fff;
}

.menu-close span:first-child {
    transform: rotate(45deg);
}

.menu-close span:last-child {
    transform: rotate(-45deg);
}


/* =========================================
   CONTACT CONTENT
========================================= */

.contact-content {
    position: absolute;

    z-index: 5;

    left: 67px;
    top: 245px;

    width: 520px;
}

.contact-small {
    margin-bottom: 18px;

    font-size: var(--font-24);

    line-height: 1.2;

    font-weight: 400;
}

.contact-content h2 {
    margin: 0;

    color: #fff;

    font-size: var(--font-56);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1.5px; font-family: var(--alt-font); padding-bottom: 20px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1200px) {

    .menu-left {
        width: 55%;
    }

    .menu-right {
        width: 45%;
    }

    .menu-left-inner {
        width: 600px;
    }

    .menu-columns {
        column-gap: 30px;
    }

    .main-menu a {
        font-size: 23px;
    }

    .sub-menu a {
        font-size: 17px;
    }

    .contact-content {
        left: 45px;
        width: calc(100% - 70px);
    }

    .contact-content h2 {
        font-size: 42px;
    }

    .connect-btn {
        width: 100%;
    }

    .menu-close {
        right: 40px;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .menu-overlay {
        flex-direction: column;
    }

    .menu-left,
    .menu-right {
        width: 100%;
    }

    .menu-left {
        min-height: 600px;
    }

    .menu-right {
        min-height: 500px;
    }

    .menu-left-inner {
        width: 90%;
        max-width: none;

        padding-top: 80px;
    }

    .menu-social {
        padding-bottom: 50px;
    }

    .contact-content {
        top: 120px;
    }

    .menu-close {
        right: 30px;
    }
}

/* =========================================
   HAMBURGER
========================================= */

.navbar-toggler2 {
    position: relative;

    width: 40px;
    height: 40px;

    padding: 0;
    border: 0;

    background: transparent;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;

    cursor: pointer;

    z-index: 10001;
}

.navbar-toggler2 .navbar-toggler-line {
    transition:
        transform .35s ease,
        opacity .25s ease;
}


/* =========================================
   HAMBURGER → X
========================================= */

.navbar-toggler2.active
.navbar-toggler-line:nth-child(1) {
        -webkit-transform: translateY(10px) rotate(-45deg) scale(1);
    -ms-transform: translateY(10px) rotate(-45deg) scale(1);
    transform: translateY(10px) rotate(-45deg) scale(1);
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(2) {
    opacity: 0;
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(3) {
    opacity: 0;
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(4) {
       -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}






/* =========================================
   MENU OVERLAY
========================================= */

/*.menu-overlay {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100vh;

    z-index: 10000;

    display: block;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transform: translateY(-12220px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        visibility .4s ease; top: -100%;
}*/


/* OPEN */

/*.menu-overlay.active {
    visibility: visible;
    opacity: 1;

    pointer-events: auto;

    transform: translateY(0);top: 0px; overflow: auto !important;
}*/


/* Prevent page scrolling while menu is open */

/*body.menu-open {
    overflow: hidden;
}*/


.navbar-toggler2.active .navbar-toggler-line:nth-child(1) {
    top: -2px;
    width: 23px;
}
.navbar-toggler2.active .navbar-toggler{ background: #fff;}
.navbar-toggler2.active .navbar-toggler-line{ width: 22px !important;  background: #fff !important;}
.navbar-toggler2.active .navbar-toggler-line:nth-child(4) {
    top: 12px;
    width: 22px;
}

.menu-overlay.active .menu-close{ display: none;}
.navbar-toggler2.active .navbar-toggler.d-block .navbar-toggler-line{  background: #fff !important;}




/* =========================================
   HAMBURGER
========================================= */

.navbar-toggler2 {
    position: relative;

    width: 40px;
    height: 40px;

    padding: 0;
    border: 0;

    background: transparent;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;

    cursor: pointer;

    z-index: 10001;
}



/* =========================================
   HAMBURGER → X
========================================= */

.navbar-toggler2.active
.navbar-toggler-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(2) {
    opacity: 0;
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(3) {
    opacity: 0;
}

.navbar-toggler2.active
.navbar-toggler-line:nth-child(4) {
    transform: translateY(-7px) rotate(-45deg);
}


/* =========================================
   MENU OVERLAY
========================================= */

.menu-overlay {
    position: fixed;
    width: 100%;
    padding: 0;
    z-index: 1030;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    visibility: hidden;
    pointer-events: none; left:0px;
}


/* OPEN */

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0,0);
    transform: translate(0, 0);height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
}


/* Prevent page scrolling while menu is open */

body.menu-open {
    overflow: auto;
}

.social-links i{ display: none;}







/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .menu-left {
        min-height: auto;
    }

    .menu-left-inner {
        width: 100%;
        padding: 60px 0px var(--value-30);
    }

.main-menu, .sub-menu{ padding: var(--value-30); width: 50%;}
.industries-list{ width: 100%;}
    
    .menu-columns {
        display: flex;
        flex-wrap: wrap;
        row-gap: 0px; column-gap: 0;
    }
    

    .main-menu a {
        font-size: 16px;
    }

    .sub-menu a {
        font-size: 16px;
    }

.sub-menu.industries-list {
        width: 100%;
        overflow: hidden; padding-right: 0px; padding-top: 10px;
    }

    .sub-menu.industries-list ul {
        display: flex;
        flex-wrap: nowrap;
        margin: 0px;
        width: max-content;

        gap: 12px;

        margin: 0;
        padding: 0px;

        list-style: none;

        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
                width: 100%;
        flex-direction: row !important;
    }

    .sub-menu.industries-list ul::-webkit-scrollbar {
        display: none;
    }

    .sub-menu.industries-list li {
        flex: 0 0 auto;

        margin: 0;
        padding: 0;
    }

    .sub-menu.industries-list li a {
        display: flex;

        align-items: center;
        justify-content: center;

        padding: 15px 20px;

        border-radius: 55px;

        background: #112337;

        color: #fff;

        text-decoration: none;
        line-height: 1;

        white-space: nowrap;
    }


.social-line{ margin-top: 0; background: repeating-linear-gradient(58deg, #C4C4C4 0px, #C4C4C4 0px, transparent 1px, transparent 3px);}
.social-links li a{ display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        border-radius: 55px;
        background: #112337;
        color: #fff;
        text-decoration: none;
        line-height: 1;
        white-space: nowrap; width: 64px;
        height: 44px;}
.social-links li i{ display: block;}
.social-links li span{ display: none;}
    .social-links {
        flex-wrap: wrap;
        padding: 0 var(--value-30);
        gap: 10px;
    }
.social-line{ margin-bottom: var(--value-30);}


.social-links ul{ gap: 7px; margin: 0px;}
    .menu-social {
        margin-top: 0px;
        padding-bottom: 0;
    }

    .menu-right {
        min-height: 500px;
    }

    .contact-content {
        left: 30px;
        top: 120px;

        width: calc(100% - 60px);
    }

    .contact-small {
        font-size: 18px;
    }

    .contact-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .connect-btn {
        width: 100%;
        margin-top: 30px;
    }

    .menu-close {
        top: 25px;
        right: 25px;
    }
}


@media (max-width: 400px) {

.social-links li a{ width: 55px; height: 39px;}




}

@media (max-width: 360px) {
:root{

    --value-30: 25px;
}


}
/* =========================================
   MAIN OVERLAY END
========================================= */



.left-0{ left: 0px;;}






















@media screen and (max-width:1799px){


:root{
    --font-83: 83px;
    --line-83: 88px;

    --font-60: 60px;
    --line-60: 68px;

    --font-58: 58px;
    --line-58: 68px;

    --font-52: 52px;
    --line-52: 62px;

    --font-49: 49px;
    --line-49: 62px;

    --font-21: 21px;
    --line-21: 35px;

    --font-22: 22px;
    --line-22: 35px;

    --font-20: 20px;
    --line-20: 30px;

    --font-23: 23px;
    --line-23: 33px;

    --font-24: 24px;
    --line-24: 35px;

    --font-25: 25px;
    --line-25: 35px;

    --font-26: 26px;
    --line-26: 36px;

    --font-29: 29px;
    --line-29: 35px;

    --font-28: 28px;
    --line-28: 35px;

    --font-18: 18px;
    --line-18: 28px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 201.92px;
    --line-200: 210px;   

    --font-77: 77px;
    --line-77: 86px; 

    --font-37: 37.74px;
    --line-37: 48.52px;    

/*----------*/


    --font-68: 60px;
    --line-68: 70px;


    --font-147: 135px;
    --line-147: 145px;

    --font-27: 25px;
    --line-27: 35px;

    --font-56: 50px;
    --line-56: 60px;

    --font-75: 70px;
    --line-75: 80px;

    --font-40: 34px;
    --line-40: 45px;

    --font-42: 35px;
    --line-42: 45px;

    --font-173: 165px;
    --line-173: 175px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 161px;
    --line-171: 171px;

    --font-79: 70px;
    --line-79: 80px;

    --font-167: 157px;
    --line-167: 167px;

    --font-32: 30px;
    --line-32: 35px;

    --font-198: 188px;
    --line-198: 180px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 34px;
    --line-38: 44px;

    --font-46: 44px;
    --line-46: 54px;

    --font-36: 34px;
    --line-36: 44px;

    --font-150: 140px;
    --line-150: 145px;

    --font-41: 36px;
    --line-41: 46px;

    --font-84: 74px;
    --line-84: 66px;

    --font-30: 25px;
    --line-30: 35px;

    --font-34: 26px;
    --line-34: 36px;

    --font-31: 25px;
    --line-31: 35px;  
    
    --font-155: 145px;
    --line-155: 145px;

    --font-16: 15px;
    --line-16: 25px;

    --font-23: 20px;
    --line-23: 30px;

    --font-63: 53px;
    --line-63: 63px;   

    --font-93: 83px;
    --line-93: 83px;
}


.fs-350 {
  font-size: 180px;
  line-height: 180px;
}

.fs-311 {
  font-size: 230px;
  line-height: 230px;}
.fs-230 {
  font-size: 188.45px;
  line-height: 167px;}

.bottom-minus-130px {
    bottom: -25px;
}

.fs-139 {
    font-size: 122px;
    line-height: 128px;
}
.fs-130 {
    font-size: 119px;
    line-height: 126px;
}






}




@media screen and (max-width:1599px){


:root{
    --font-83: 73px;
    --line-83: 88px;

    --font-60: 50px;
    --line-60: 58px;

    --font-58: 48px;
    --line-58: 58px;

    --font-52: 42px;
    --line-52: 52px;

    --font-49: 39px;
    --line-49: 52px;

    --font-21: 18px;
    --line-21: 30px;

    --font-22: 17px;
    --line-22: 30px;

    --font-20: 17px;
    --line-20: 25px;

    --font-23: 18px;
    --line-23: 30px;

    --font-24: 18px;
    --line-24: 30px;

    --font-25: 18px;
    --line-25: 30px;

    --font-26: 19px;
    --line-26: 30px;

    --font-29: 23px;
    --line-29: 35px;

    --font-28: 23px;
    --line-28: 35px;

    --font-18: 16px;
    --line-18: 26px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 180px;
    --line-200: 180px;   

    --font-77: 70px;
    --line-77: 80px; 

    --font-37: 32px;
    --line-37: 42px;    


/*----------*/


    --font-68: 50px;
    --line-68: 60px;


    --font-147: 125px;
    --line-147: 135px;

    --font-27: 23px;
    --line-27: 30px;

    --font-56: 40px;
    --line-56: 50px;

    --font-75: 60px;
    --line-75: 70px;

    --font-40: 30px;
    --line-40: 40px;

    --font-42: 30px;
    --line-42: 40px;

    --font-173: 145px;
    --line-173: 165px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 151px;
    --line-171: 161px;

    --font-79: 60px;
    --line-79: 70px;

    --font-167: 147px;
    --line-167: 157px;

    --font-32: 28px;
    --line-32: 35px;

    --font-198: 178px;
    --line-198: 180px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 33px;
    --line-38: 43px;

    --font-46: 43px;
    --line-46: 53px;

    --font-36: 32px;
    --line-36: 42px;

    --font-150: 130px;
    --line-150: 145px;

    --font-41: 35px;
    --line-41: 45px;

    --font-84: 60px;
    --line-84: 67px;

    --font-30: 25px;
    --line-30: 35px;

    --font-253: 200px;
    --line-253: 200px; 

    --font-31: 25px;
    --line-31: 35px;  

    --font-155: 135px;
    --line-155: 135px;   

    --font-16: 15px;
    --line-16: 25px;

    --font-23: 20px;
    --line-23: 30px;

    --font-63: 45px;
    --line-63: 55px;  

    --font-93: 73px;
    --line-93: 73px;
}


.fs-350 {
  font-size: 170px;
  line-height: 170px;
}

.fs-311 {
  font-size: 200px;
  line-height: 200px;}
.fs-230 {
  font-size: 175px;
  line-height: 175px;}






.bottom-minus-130px {
    bottom: -25px;
}






}







@media screen and (max-width:1399px){


:root{
    --font-83: 63px;
    --line-83: 78px;

    --font-60: 40px;
    --line-60: 58px;

    --font-58: 40px;
    --line-58: 50px;

    --font-52: 36px;
    --line-52: 46px;

    --font-49: 32px;
    --line-49: 42px;

    --font-21: 18px;
    --line-21: 30px;

    --font-22: 17px;
    --line-22: 30px;

    --font-20: 17px;
    --line-20: 25px;

    --font-23: 18px;
    --line-23: 30px;

    --font-24: 18px;
    --line-24: 30px;

    --font-25: 18px;
    --line-25: 30px;

    --font-26: 19px;
    --line-26: 30px;

    --font-29: 23px;
    --line-29: 35px;

    --font-28: 23px;
    --line-28: 35px;

    --font-18: 16px;
    --line-18: 26px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 160px;
    --line-200: 170px;   

    --font-77: 60px;
    --line-77: 70px; 

    --font-37: 30px;
    --line-37: 40px;    


/*----------*/


    --font-68: 40px;
    --line-68: 50px;


    --font-147: 115px;
    --line-147: 125px;

    --font-27: 21px;
    --line-27: 30px;

    --font-56: 40px;
    --line-56: 50px;

    --font-75: 60px;
    --line-75: 70px;

    --font-40: 30px;
    --line-40: 40px;

    --font-42: 30px;
    --line-42: 40px;

    --font-173: 145px;
    --line-173: 165px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 151px;
    --line-171: 161px;

    --font-79: 60px;
    --line-79: 70px;

    --font-167: 147px;
    --line-167: 157px;

    --font-32: 27px;
    --line-32: 35px;

    --font-198: 150px;
    --line-198: 150px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 33px;
    --line-38: 43px;

    --font-46: 43px;
    --line-46: 53px;

    --font-36: 32px;
    --line-36: 42px;

    --font-150: 110px;
    --line-150: 115px;

    --font-41: 35px;
    --line-41: 45px;

    --font-84: 50px;
    --line-84: 57px;


    --font-253: 180px;
    --line-253: 180px; 

    --font-155: 115px;
    --line-155: 115px;

    --font-63: 40px;
    --line-63: 50px;

}


.fs-350 {
  font-size: 160px;
  line-height: 160px;
}

.fs-311 {
  font-size: 180px;
  line-height: 180px;}
.fs-230 {
  font-size: 165px;
  line-height: 165px;}

.outside-box-left-10 {
    margin-left: -63px;
}
.fs-19 {
  font-size: 18px;
}





}

@media screen and (min-width:1399px){

.lg-bottom-0px{ bottom: 0px !important;}
.lg-top-minus-60px{ top: -60px;}
.lg-bottom-80px{ bottom: 80px !important;}
.lg-bottom-120px{ bottom: 120px !important;}
.lg-mb-0{ margin-bottom: 0px !important;}

.lg-white-space-nowrap {
    white-space: nowrap;
}



}
@media screen and (min-width:1200px){
.lg-pt-0{ padding-top:0px !important;}



}
@media screen and (max-width:1399px){


.navbar .navbar-nav .nav-link {
  font-weight: 700;
  font-size: 13px;
  padding: 9px 24px;
  line-height: 30px;
}

header .navbar-brand {
  padding: 7px 0;
}
.lh-32 {
  line-height: 28px;
}
.fs-18 {
  font-size: 16px;
}
.btn.btn-large {
  min-width: 342px;
}

.tXtts {
    max-width: 618px !important;
}

.li-plus li, .li-50 li{ background-position: left top 6px;}
.fs-19 {
  font-size: 17px;
}
.p-30px {
  padding: 19px !important;
}
.fs-16 {
  font-size: 14px;
}

.p-35px {
  padding: 20px !important;
}

.mw-1440px {
  max-width: 1240px;
}

.ps-0 {
  padding-left: 0px !important;
}
.pe-0 {
  padding-right: 0px !important;
}





}


@media screen and (max-width:1199px){


:root{
    --font-83: 63px;
    --line-83: 78px;

    --font-60: 40px;
    --line-60: 58px;

    --font-58: 40px;
    --line-58: 50px;

    --font-52: 36px;
    --line-52: 46px;

    --font-49: 32px;
    --line-49: 42px;

    --font-21: 18px;
    --line-21: 30px;

    --font-22: 17px;
    --line-22: 30px;

    --font-20: 17px;
    --line-20: 25px;

    --font-23: 18px;
    --line-23: 30px;

    --font-24: 18px;
    --line-24: 30px;

    --font-25: 18px;
    --line-25: 30px;

    --font-26: 19px;
    --line-26: 30px;

    --font-29: 23px;
    --line-29: 35px;

    --font-28: 23px;
    --line-28: 35px;

    --font-18: 16px;
    --line-18: 26px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 130px;
    --line-200: 130px;   

    --font-77: 60px;
    --line-77: 70px; 

    --font-37: 30px;
    --line-37: 40px;    


/*----------*/


    --font-68: 40px;
    --line-68: 50px;


    --font-147: 115px;
    --line-147: 125px;

    --font-27: 21px;
    --line-27: 30px;

    --font-56: 40px;
    --line-56: 50px;

    --font-75: 60px;
    --line-75: 70px;

    --font-40: 30px;
    --line-40: 40px;

    --font-42: 30px;
    --line-42: 40px;

    --font-173: 145px;
    --line-173: 165px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 130px;
    --line-171: 130px;

    --font-79: 60px;
    --line-79: 70px;

    --font-167: 147px;
    --line-167: 157px;

    --font-32: 25px;
    --line-32: 35px;

    --font-198: 130px;
    --line-198: 130px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 33px;
    --line-38: 43px;

    --font-46: 43px;
    --line-46: 53px;

    --font-36: 32px;
    --line-36: 42px;

    --font-150: 90px;
    --line-150: 95px;

    --font-41: 35px;
    --line-41: 45px;

    --font-84: 50px;
    --line-84: 57px;

    --font-253: 160px;
    --line-253: 160px; 

    --font-155: 100px;
    --line-155: 100px;

    --font-16: 14px;
    --line-16: 24px;

    --font-23: 18px;
    --line-23: 30px;

    --font-93: 63px;
    --line-93: 63px;

}


.fs-350 {
  font-size: 160px;
  line-height: 160px;
}

.fs-311 {
  font-size: 180px;
  line-height: 180px;}
.fs-230 {
  font-size: 165px;
  line-height: 165px;}

.fs-130 {
        font-size: 100px;
        line-height: 108px;
    }
.fs-139 {
        font-size: 100px;
        line-height: 114px;
    }
.circleImg{ max-width: 103px;}

.btn.btn-large.mw-412 {
    min-width: auto;
    padding: 0 9px;
}

.md-bottom-minus-90px {
    margin-top: 0;
}
.md-m-0px{ margin: 0px !important;}
.md-text-start{ text-align: left !important;}
.md-none{ display: none !important;}


.mw-60 {
    max-width: 100% !important;
}
.lg-w-60 {
        width: 100% !important;
    }
.pb-14 {
    padding-bottom: 7% !important;
}




}



@media (min-width:992px){
.lg-border-end-none{ border-right: none !important;}


}

@media screen and (max-width:991px){
:root{
    --font-83: 63px;
    --line-83: 78px;

    --font-60: 40px;
    --line-60: 58px;

    --font-58: 39px;
    --line-58: 50px;

    --font-52: 36px;
    --line-52: 46px;

    --font-49: 32px;
    --line-49: 42px;

    --font-21: 18px;
    --line-21: 30px;

    --font-22: 17px;
    --line-22: 30px;

    --font-20: 17px;
    --line-20: 25px;

    --font-23: 18px;
    --line-23: 30px;

    --font-24: 18px;
    --line-24: 30px;

    --font-25: 18px;
    --line-25: 30px;

    --font-26: 17px;
    --line-26: 25px;

    --font-29: 20px;
    --line-29: 30px;

    --font-28: 19px;
    --line-28: 30px;

    --font-18: 16px;
    --line-18: 26px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 120px;
    --line-200: 120px;   

    --font-77: 55px;
    --line-77: 65px; 

    --font-37: 25px;
    --line-37: 35px;  
    
    --font-46: 37px;
    --line-46: 47px;

    --font-173: 125px;
    --line-173: 125px;


    --font-41: 30px;
    --line-41: 40px;

    --font-84: 40px;
    --line-84: 47px;
    
    --font-253: 150px;
    --line-253: 150px;    

    --font-155: 130px;
    --line-155: 130px;



}

/*section.big-section { padding-top: 0 !important;}*/
header .navbar.bg-transparent{ background: none !important;}
.navbar-toggler-line{ left: inherit;}
.btn.btn-large {
    min-width: auto;
  }

.popup-youtube .animation-rotation, .absolute-middle-center img{ width: 109px;}
.videoimgsec .videopic{ height: 400px;}

.background-position-left-top{ background-image: none !important;}
.home-banner  .btn.btn-large {
    min-width: 100%;
  }


.fs-350 {
  font-size: 140px;
  line-height: 140px;
}

.fs-311 {
  font-size: 150px;
  line-height: 150px;}
.fs-230 {
  font-size: 155px;
  line-height: 155px;}
.md-pb-70px {
    padding-bottom: 20px !important;
  }
.xs-mt-80 {
  margin-top: 20px;
}

/*.big-section .row {
  margin-right: 0;
  margin-left: 0;
}*/
.videoimgsec .container {
  max-width: 100%;
  padding: 0 15px;
}

/* .md-mb-70px {
    margin-bottom: 20px !important;
  }
.md-mb-30px {
        margin-bottom: 20px !important;
    }*/

.md-flex-column-reverse{ flex-direction: column-reverse;}
.md-pb-0px { padding-bottom: 0px !important;}
.md-mb-0px { margin-bottom: 0px !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;}

.md-white-space-nowrap {
    white-space: inherit !important;
}
.md-p-0px{ padding: 0px !important;}
.md-ps-0px{ padding-left: 0px !important;}
section.md-pt-50px{ padding-top: 50px !important;}
section.md-pt-120px{  padding-top: 120px !important;}
section.md-pt-150px{  padding-top: 150px !important;}



section.md-pb-0px{ padding-bottom: 0px !important;}
.mb-minus-5px{ margin-bottom: -5px;}
.md-mt-0px{ margin-top: 0px !important;}
p {
    margin-bottom: 20px;
}
.left--60px {
    left: 0;
}
.mb-6 {
    margin-bottom: 20px !important;
}

.mb-40px {
    margin-bottom: 20px !important;
}
.lg-p-12 {
        padding: 7% !important;
    }
.md-text-start{ text-align: left !important;}
.md-pt-20px{ padding-top: 20px;}
.md-text-end{ text-align: right !important;}
.md-ps-10px{ padding-left: 10px !important;}

.md-text-center{ text-align: center !important;}
.md-align-items-center{  align-items: center !important; }

.md-pe-4 {
        padding-right: 0 !important;
    }

.md-top-minus-40px{ top: -40px !important;}
.md-mt-minus-40px{ margin-top: -40px !important;}
.md-mw-100{ max-width: 100%;}

.mw-80 {
    max-width: 100%;
}
.md-mt-30px{ margin-top: 30px;}


.overline{ display: none;}


.py-110px {
    padding: 75px 0;
}

.mw-60 {
    max-width: 100% !important;
}



.top-mins-350px {
    top: -170px;
}

.md-pe-15px{ padding-right: 15px;}
.md-ps-15px{ padding-left: 15px;}

.md-pt-100px, section.md-pt-100px{ padding-top: 100px !important;}
.md-mt-20px{ margin-top: 20px !important;}
.md-pt-150px, section.md-pt-150px{ padding-top: 150px !important;}

.md-mt-0{ margin-top: 0px !important;}

section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

section.pb-0{ padding-bottom: 0px !important;}

.md-pe-0px{ padding-right:0px !important;}
.md-ps-0px{ padding-left:0px;}

.mw-95 {
    max-width: 100%;}



.sm-d-block{ display: block;}

.md-ps-15px{ padding-left: 15px;}

header.sticky .navbar{ background: #fff !important;}


}

@media screen and (max-width:767px){
:root{
    --font-83: 63px;
    --line-83: 78px;

    --font-60: 40px;
    --line-60: 58px;

    --font-58: 39px;
    --line-58: 50px;

    --font-52: 36px;
    --line-52: 46px;

    --font-49: 32px;
    --line-49: 42px;

    --font-21: 18px;
    --line-21: 30px;

    --font-22: 17px;
    --line-22: 30px;

    --font-20: 17px;
    --line-20: 25px;

    --font-23: 18px;
    --line-23: 30px;

    --font-24: 18px;
    --line-24: 30px;

    --font-25: 18px;
    --line-25: 30px;

    --font-26: 17px;
    --line-26: 25px;

    --font-29: 20px;
    --line-29: 30px;

    --font-28: 19px;
    --line-28: 30px;

    --font-18: 16px;
    --line-18: 26px;

    --font-14: 14px;
    --line-14: 25px;
    
    --font-200: 90px;
    --line-200: 90px;   

    --font-77: 55px;
    --line-77: 65px; 

    --font-37: 25px;
    --line-37: 35px; 
    
    
/*----------*/


    --font-68: 40px;
    --line-68: 50px;


    --font-147: 100px;
    --line-147: 100px;

    --font-27: 21px;
    --line-27: 30px;

    --font-56: 40px;
    --line-56: 50px;

    --font-75: 60px;
    --line-75: 70px;

    --font-40: 30px;
    --line-40: 40px;

    --font-42: 30px;
    --line-42: 40px;

    --font-173: 90px;
    --line-173: 90px;

    --font-15: 15px;
    --line-15: 25px;

    --font-171: 90px;
    --line-171: 90px;

    --font-79: 60px;
    --line-79: 70px;

    --font-167: 100px;
    --line-167: 117px;



    --font-198: 90px;
    --line-198: 90px;

    --font-16: 16px;
    --line-16: 25px;

    --font-38: 33px;
    --line-38: 43px;

    --font-46: 32px;
    --line-46: 45px;

    --font-36: 32px;
    --line-36: 42px;

    --font-150: 90px;
    --line-150: 95px;

    --font-41: 35px;
    --line-41: 45px;

    --font-84: 40px;
    --line-84: 47px;

    --font-253: 107px;
    --line-253: 107px;     


    --font-31: 20px;
    --line-31: 30px; 



}
.border-color-zeus-black{ border: 1px solid;}
.border-color-zeus-black + .border-color-zeus-black{ border-top: none !important;}
.mw-95 {
    max-width: 100%; border-radius: 0;
}


.sm-flex-direction-column{ flex-direction: column;}
.sm-mt-10px{ margin-top: 10px !important;}

.sm-justify-content-center{  justify-content: center;}
.sm-pb-20px{ padding-bottom: 20px !important;}
.sm-text-center{ text-align: center !important;}

.py-110px {
    padding: 70px 0;
}

.sm-px-15px{ padding-left: 15px !important; padding-right: 15px !important; }

.mw-300px {
  max-width: 100%;
}

.sm-ps-15px{ padding-left:15px;}
.sm-outside-box-right-25{ margin-right: -25vw; }
.sm-justify-content-end{ justify-content: center !important; }

.sm-pb-0px{ padding-bottom:0px;}
.contact-Info{ padding-bottom: 53px; }



.sm-top-minus-200px{ top: -200px !important;}
.sm-mw-600px{ max-width: 600px !important;}
.sm-top-minus-100px{ top: -100px !important;}
.sm-top-minus-150px{ top: -150px !important;}


.atomtag {
        max-width: 974px !important;
        width: 707px !important;
        left: -191px;
        top: -340px !important;
    }
.sm-pt-100px{ padding-top: 100px !important;}

.sm-d-none{ display: none;}
.sm-text-center{ text-align: center !important;}
.sm-fs-51{ font-size: 51px;}



.uxuiStapsRow .pt-80px {
    padding-top: 0;
}

.uxuiStapsRow .flex-wrap {
    flex-wrap: wrap !important;
    flex-direction: column;
    align-items: flex-start !important;
}

    .sm-mt-20px {
        margin-top: 20px !important;
    }

.sm-py-0px{ padding-top:0px !important; padding-bottom: 0px !important;}

.sm-py-10px{ padding: 10px 0 !important;}
.sm-border-none{ border: none !important;}


footer .col-md-3{ display: none;}
footer .mb-9{ margin-bottom: 0px !important;}

.footer-logo{
    width: 161px;
    display: inline-block;
}
.footer-logo img{ height: auto !important;}






}




@media screen and (max-width:640px){
:root{
	
	--font-83: 49px;
    --line-83: 59px;
}
 .fs-350, .fs-230, .fs-311, .f-200 {
    font-size: 86px;
    line-height: 86px;
  }

.fs-139 {
        font-size: 75px;
        line-height: 75px;
    }
.ps-20px {
    padding-left: 0px !important;
}
.sm-p-0px{ padding: 0px !important}

.sm-mt-40px{ margin-top: 40px;}

.sm-pb-50px {
        padding-bottom: 50px !important;
    }

.sm-py-30px{ padding-top: 30px; padding-bottom: 30px;}


    .bgMap .mw-100 {
        max-width: 100% !important;
    }
.bgMap {
        top: -77px !important;
        width: 266% !important;
        left: 50%;
        transform: translateX(-50%);
    }









}



@media screen and (max-width:575px){
.col-xs-6{ width: 50% !important;}
:root{

    --font-200: 72px;
    --line-200: 72px;

    --font-173: 72px;
    --line-173: 72px;

    --font-171: 72px;
    --line-171: 72px;
    
    --font-198: 72px;
    --line-198: 72px;
    
    --font-150: 72px;
    --line-150: 72px;
}



.fs-130 {
        font-size: 78px;
        line-height: 77px;
    }


.mw-80, .mw-60, .mw-70, .mw-90 {
    max-width: 100%;
}


.btn.btn-large {
        min-width: 100% !important;
        width: 100%;
    }

/*.big-section .container{ padding: 0px;}*/


.faqsec .btn{ width: 100% !important;}

.md-w-80 {
        width: 100% !important;
    }
.lg-mb-30px {
        margin-bottom: 20px !important;
    }
.xs-mb-20px{ margin-bottom: 20px !important;}



.xs-ps-0px{ padding-left:0px !important;} 
.xs-pe-0px{ padding-right:0px !important;} 
.xs-mt-0px{ margin-top: 0px !important;}


.xs-outside-box-right-65{  margin-right: -65vw;}

.xs-pt-0px{ padding-top: 0px !important;}

.xs-outside-box-right-0{ margin: 0px;}





}





@media screen and (max-width:480px){
:root{
	--font-58: 32px;
    --line-58: 42px;
    
	--font-83: 40px;
    --line-83: 45px;
}
 .fs-350, .fs-230, .fs-311, .f-200 {
    font-size: 80px;
    line-height: 80px;
  }
.md-fs-120 {
    font-size: 7.5rem;
    line-height: 0.7;
  }

 header .navbar-brand {
    padding: 7px 0;
    width: 100px;
  }
.xs-outside-box-right-35{ margin-right: -35vw;}

}


@media screen and (max-width:440px){

.col-xs-6{ width: 100% !important;}

.fs-130 {
        font-size: 71px;
        line-height: 81px;
    }
.btn.btn-switch-text.btn-large > span{ padding: 13px 19px;}
.fs-139 {
        font-size: 48px;
        line-height: 61px;
    }


.xs-outside-box-right-35{ margin-right: -65vw;}




  }
@media screen and (max-width:400px){
:root{

	--font-56: 30px;
    --line-56: 40px;
	--font-52: 30px;
    --line-52: 40px;
	--font-58: 30px;
    --line-58: 40px;
    
	--font-83: 35px;
    --line-83: 35px;


    --font-24: 16px;
    --line-24: 25px;




}
.mw-360 {
  min-width: 100%;
}

.fs-130 {
        font-size: 53px;
        line-height: 61px;
    }






}
@media screen and (max-width:399px){
.xs-outside-box-right-35{ margin-right: -80vw;}


}






/*=======================

NEW CSS

=========================*/
:root{
    --p-140: 140px;
    --p-58: 58px;
    --p-60: 60px;
    --p-280: 280px;
    --p-120: 120px;
    --p-50: 50px;
    --p-30: 30px;
    --ps-30: 20px;
    

    --font-d1: 138px;
    --line-d1: 138px;

    --font-d2: 83px;
    --line-d2: 83px;
    
    --font-d3: 77px;
    --line-d3: 77px;    

    --nfont-56: 56px;
    --nline-56: 65px;

    --nfont-52: 52px;
    --nline-52: 62px;

    --nfont-40: 40px;
    --nline-40: 50px; 
    
    --nfont-32: 32px;
    --nline-32: 42px;    
    
    --nfont-25: 25px;
    --nline-25: 35px;

    --nfont-22: 22px;
    --nline-22: 32px;

    --nfont-21: 21px;
    --nline-21: 32px;

    --nfont-20: 20px;
    --nline-20: 30px;    
    
    --nfont-18: 18px;
    --nline-18: 32px;    
    
    --nfont-15: 15px;
    --nline-15: 25px;    
    
    --nfont-14: 14px;
    --nline-14: 24px;    
    
    
    --h-815: 815px;
    
    
    
}

.container, .row > * {
    padding-right: var(--ps-30);
    padding-left: var(--ps-30);
}
.row {
    margin-right: -var(--ps-30);
    margin-left: -var(--ps-30);
}


.min-height-815px, .single-slider-ban{ min-height: var(--h-815) !important;}
.vertical-counter-number{ line-height: 1.1 !important;}
.feature-box .feature-box-icon-rounded i{ justify-content: center;}



.overBoxs {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* Hide portfolio items after first 8 */
.load-more-hidden {
    display: none !important;
}










a:hover {
    color: inherit;
    text-decoration: none;
}

.sub-menu a:hover, .social-links a:hover, .main-menu a:hover, a.text-dark-gray-hover:hover{ color: var(--btn-green) !important; opacity: 1;}


#particles-style-01, #particles-style-02{ display: none !important;}


body {
    font-size: var(--nfont-18) !important;
    line-height: var(--nline-18) !important; color: #546C87 !important;
}
.nw-mb-0px{ margin-bottom:0px !important;}

section, section.big-section {
    padding-top: var(--p-140) !important;
    padding-bottom: var(--p-140) !important;
}
.pb-140px, .nw-pb-140px{ padding-bottom: var(--p-140) !important;}
.pt-140px, .nw-pt-140px{ padding-top: var(--p-140) !important;}
.nw-mt-140px{ margin-top:var(--p-140) !important;}
.nw-mb-140px{ margin-bottom:var(--p-140) !important;}

.nw-py-140px{  padding-bottom: var(--p-140) !important; padding-top: var(--p-140) !important;}

.nw-p-60px{ padding: var(--p-60) !important; }



.py-110px, .py-150px {
    padding-bottom: var(--p-140) !important; padding-top: var(--p-140) !important;
}
.md-white-space-nowrap {
        white-space: nowrap !important;
    }



.pb-280px, .nw-pb-280px{ padding-bottom: var(--p-280) !important;}
.pt-280px, .nw-pt-280px{ padding-top: var(--p-280) !important;}
.nw-mt-280px{ margin-top:var(--p-280) !important;}
.nw-mb-280px{ margin-bottom:var(--p-280) !important;}

.pb-120px, .nw-pb-120px{ padding-bottom: var(--p-120) !important;}
.pt-120px, .nw-pt-120px{ padding-top: var(--p-120) !important;}
.nw-mt-120px{ margin-top:var(--p-120) !important;}
.nw-mb-120px{ margin-bottom:var(--p-120) !important;}

.pb-60px, .nw-pb-60px{ padding-bottom: var(--p-60) !important;}
.pt-60px, .nw-pt-60px{ padding-top: var(--p-60) !important;}
.nw-mt-60px{ margin-top:var(--p-60) !important;}
.nw-mb-60px{ margin-bottom:var(--p-60) !important;}


.pb-50px, .nw-pb-50px{ padding-bottom: var(--p-50) !important;}
.pt-50px, .nw-pt-50px{ padding-top: var(--p-50) !important;}
.nw-mt-50px{ margin-top:var(--p-50) !important;}
.nw-mb-50px{ margin-bottom:var(--p-50) !important;}


.pb-56px, .nw-pb-56px{ padding-bottom: var(--p-56) !important;}
.pt-56px, .nw-pt-56px{ padding-top: var(--p-56) !important;}
.nw-mt-56px{ margin-top:var(--p-56) !important;}
.nw-mb-56px{ margin-bottom:var(--p-56) !important;}

.nw-p-58px, .p-35px{ padding: var(--p-58) !important; }
.nw-p-58px.pt-0, .p-35px.pt-0{ padding-top:0px !important;}



.pb-30px, .nw-pb-30px{ padding-bottom: var(--p-30) !important;}
.pt-30px, .nw-pt-30px{ padding-top: var(--p-30) !important;}
.nw-mt-30px{ margin-top:var(--p-30) !important;}
.nw-mb-30px{ margin-bottom:var(--p-30) !important;}
.nw-my-30px{  margin-top:var(--p-30) !important; margin-bottom:var(--p-30) !important;}

.ps-60px {
    padding-left: 50px !important;
}

.nw-ps-58px{ padding-left: var(--p-58) !important;}
.nw-pe-58px{ padding-right: var(--p-58) !important;}

.nw-pt-58px{ padding-top: var(--p-58) !important;}
.nw-pb-58px{ padding-bottom: var(--p-58) !important;}

.nw-py-58px{ padding-bottom: var(--p-58) !important; padding-top: var(--p-58) !important; }
.nw-px-58px{ padding-left: var(--p-58) !important; padding-right: var(--p-58) !important; }

.nw-px-30px{ padding-left: var(--p-30) !important; padding-right: var(--p-30) !important; }

.nw-py-30px{ padding-bottom: var(--p-30) !important; padding-top: var(--p-30) !important; }



.nw-mt-58px{ margin-top: var(--p-58) !important;}
.nw-mb-58px{ margin-bottom: var(--p-58) !important;}


.nw-mb-20px{ margin-bottom: 20px !important;}
.nw-mt-20px{ margin-top: 20px !important;}


.pe-0 {
    padding-right: 0px !important;
}
.ps-0 {
    padding-left: 0px !important;
}



.pb-0px, .nw-pb-0px, section.nw-pb-0px{ padding-bottom: 0 !important;}
.pt-0px, .nw-pt-0px{ padding-top: 0 !important;}
.nw-mt-0px{ margin-top:0 !important;}
.nw-mb-0px{ margin-bottom:0 !important;}

.faqsec h2 {
    margin-top: 15px !important;
}


.navbar .header-button .btn.btn-large {
    min-width: 200px !important;
    padding: 0px !important;font-size: 15px !important;
}
/*.navbar .navbar-nav .nav-link, .navbar .btn.btn-large {
    font-size: 15px !important;
}*/
.btn.btn-switch-text.btn-large > span, .btn.btn-switch-text.btn-medium > span, .btn-large > span{ padding: 20px 0 !important; min-width: auto  !important;}
.btn.btn-large, .btn.btn-medium, .btn.btn-switch-text.btn-medium, .btn-large{ width: auto !important; padding: 0 68px !important; font-size: 20px !important; line-height: 25px !important;min-width: auto  !important; font-weight: 700 !important; max-width: inherit !important;}

.btn.btn-large.mt-5, .btn.btn-medium.mt-5, .btn.btn-switch-text.btn-medium.mt-5{ margin-top: 16px !important;}


.service-choseRow .last-paragraph-no-margin, .choseRowHome .p-35px{ padding-top:var(--p-58) !important; padding-bottom: var(--p-58) !important;}


section.pb-0, section.big-section.pb-0{ padding-bottom: 0px !important;}



.bottom-minus-130px {
    bottom: -23px !important;
}

.fs-20 {
    font-size: var(--nfont-20) !important;
    line-height: var(--nline-20) !important;
}

.fs-22, .fs-26{ font-size: var(--nfont-22) !important;
    line-height: var(--nline-22) !important;
}
.f-18, .fs-18{ font-size: var(--nfont-18) !important; line-height: var(--nline-18) !important; font-weight: 400 !important;}

h1, .fs-56, .f-56{  font-size: var(--nfont-56) !important; line-height: var(--nline-56) !important; font-weight: 700 !important; font-family: var(--alt-font);}
.f-52, .fs-52, h2 {
    font-size: var(--nfont-52) !important;
    line-height: var(--nline-52) !important; font-weight: 700 !important; font-family: var(--alt-font);
}
.f-14, .portfiloTag li a, .captions, .imgTag {
    font-size: var(--nfont-14) !important;
    line-height: var(--nline-14) !important;
}
.fs-350, .f-200, .fs-200, .fs-311, .fs-230, .fs-130, .fs-173, .fs-198, .fs-171{
    font-size: var(--font-d1) !important;
    line-height: 1 !important;}
.fs-140 {
    font-size: var(--font-d2) !important;
    line-height: 1 !important;}    
   


.feature-box-content .w-85 {
    width: 100% !important;
}


    
    
    
h3, .f-49{
    font-size: var(--nfont-40) !important;
    line-height: var(--nline-40) !important; font-weight: 700 !important; font-family: var(--alt-font);
}
.fw-600 {
    font-weight: 600 !important;
}


.f-28, .fs-28, h4, .fs-34 {
    font-size: var(--nfont-32) !important;
    line-height: var(--nline-32) !important; font-weight: 700 !important; font-family: var(--primary-font);
}
.fs-19, h5{
    font-size: var(--nfont-25) !important;
    line-height: var(--nline-25) !important; font-weight: 700; font-family: var(--primary-font);
}
h6{
    font-size: var(--nfont-22) !important;
    line-height: var(--nline-22) !important; font-weight: 400; font-family: var(--primary-font);
}

.process-content .fs-20, .feature-box-content .f-18, .counter-style-04 .fs-19{ font-size: var(--nfont-18) !important; line-height: var(--nline-18) !important; font-weight: 400 !important;}   



.service-choseRow:first-child .last-paragraph-no-margin{ padding-top:0px !important;}


.choseRow .text-dark-gray {
    font-size: var(--nfont-22) !important;
    line-height: var(--nline-22) !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #546C87 !important;
}

.number {
    font-size: var(--font-d3) !important;
    line-height: 54px !important;
    font-weight: 700 !important;
    font-family: var(--primary-font) !important;
    letter-spacing: -5px;
}

.nw-mb-25px{ margin-bottom: 25px !important;}

.clints-logos .p-5{ padding-top:0px !important; padding-bottom: 0px !important;}
.clints-logos{ gap: 58px 0}


.bottom-text-design{ margin-top: -46px;}



.form-label{ padding-bottom: 20px !important; }
.contact-form-style-03 input{ padding-right: 60px !important; } 
.contact-form-style-03 textarea{ padding-right: 120px !important; } 
.contact-form-style-03 .col-md-6, .contact-form-style-03 .col-md-12 {
    padding-bottom: 15px !important;
}



.btn.btn-medium.submit{
    min-width: 300px !important;
    padding: 0 20px !important;
}


.pb-100px {
    padding-bottom: 150px !important;
}

.swiper-number-pagination-style-01 .swiper-number{ bottom: 20px;}


.z-index-11{ z-index: 11;}



.feature-Icon-box .fs-22, .feature-Icon-box .fs-26, .feature-box-onlyTxt .fs-23, .process-step-item .fs-19, .process-step-item .fs-25 {
    font-size: var(--nfont-22) !important;
    line-height: var(--nline-22) !important; font-weight: 700 !important; text-transform: uppercase !important; margin-bottom: 15px !important; padding-bottom: 0px !important;
}


.background-position-left-top.overline{ display: none;}















.share-inner.share-inner{ gap: 15px; }

section.big-section.p-0{ padding: 0px !important;}

.bg-white.content-box p.fs-23{  font-size: var(--nfont-18) !important; line-height: var(--nline-18) !important; font-weight: 400 !important;}








@media screen and (min-width:1300px){

.lg-mb-0px{ margin-bottom: 0px !important;}

.service-pageban{ padding-top: 220px !important;}
.mw-70 {
    max-width: 85%;
}

.enterprice-ban-pic{
    position: absolute !important;
    bottom: 0px;
}
.enterprice-ban-right{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-self: flex-end;
}

.lg-pt-0{ padding-top: 0px !important;}



}
@media screen and (max-width:1300px){
:root{
    --p-140: 140px;
    --p-58: 58px;
    --p-60: 60px;
    --p-280: 280px;
    --p-120: 120px;
    --p-50: 50px;

    --font-d1: 130px;
    --line-d1: 130px;

    --font-d2: 80px;
    --line-d2: 83px;
    
    --font-d3: 70px;
    --line-d3: 70px;    

    --nfont-56: 50px;
    --nline-56: 60px;

    --nfont-52: 46px;
    --nline-52: 56px;

    --nfont-40: 35px;
    --nline-40: 45px; 
    
    --nfont-32: 30px;
    --nline-32: 40px;    
    
    --nfont-25: 21px;
    --nline-25: 31px;

    --nfont-22: 19px;
    --nline-22: 30px;

    --nfont-21: 18px;
    --nline-21: 28px;

    --nfont-20: 17px;
    --nline-20: 27px;    
    
    --nfont-18: 16px;
    --nline-18: 30px;    
    
    --nfont-15: 14px;
    --nline-15: 25px;    
    
    --nfont-14: 13px;
    --nline-14: 23px;    
    
    --h-815: 715px;
}

/*body, .f-18, .fs-18 {
    font-size: 18px !important;
    line-height: 32px !important; font-weight: 400 !important;
}
h1, .fs-56, .f-56{  font-size: 50px !important; line-height: 60px !important; }
.f-52, .fs-52, h2 {
    font-size: 46px !important;
    line-height: 56px !important;
}

.fs-350, .f-200, .fs-200, .fs-311, .fs-230 {
    font-size: 130px !important;
    line-height: 1 !important;}
h3{
    font-size: 35px !important;
    line-height: 45px !important; 
}



.f-28, .fs-28, h4 {
    font-size: 27px !important;
    line-height: 37px !important;
}
.fs-19, h5{
    font-size: 20px !important;
    line-height: 30px !important;
}
h6{
    font-size: 19px !important;
    line-height: 29px !important;
}*/










}


@media screen and (max-width:1299px){
:root{
    --p-140: 100px;
    --p-58: 50px;
    --p-60: 52px;
    --p-280: 200px;
    --p-120: 104px;
    --p-50: 45px;
    
        --font-d1: 130px;
    --line-d1: 130px;

    --font-d2: 80px;
    --line-d2: 83px;
    
    --font-d3: 70px;
    --line-d3: 70px;    

    --nfont-56: 50px;
    --nline-56: 60px;

    --nfont-52: 46px;
    --nline-52: 56px;

    --nfont-40: 35px;
    --nline-40: 45px; 
    
    --nfont-32: 30px;
    --nline-32: 40px;    
    
    --nfont-25: 21px;
    --nline-25: 31px;

    --nfont-22: 19px;
    --nline-22: 30px;

    --nfont-21: 18px;
    --nline-21: 28px;

    --nfont-20: 17px;
    --nline-20: 27px;    
    
    --nfont-18: 16px;
    --nline-18: 30px;    
    
    --nfont-15: 14px;
    --nline-15: 25px;    
    
    --nfont-14: 13px;
    --nline-14: 23px; 
    
    --h-815: 615px;
    
    
    
}

/*body, .f-18, .fs-18 {
    font-size: 17px !important;
    line-height: 30px !important;
}
h1, .fs-56, .f-56{  font-size: 50px !important; line-height: 60px !important; }
.f-52, .fs-52, h2 {
    font-size: 46px !important;
    line-height: 56px !important;
}
.f-14, .portfiloTag li a {
    font-size: 14px !important;
    line-height: 20px !important;
}
.fs-350, .f-200, .fs-200, .fs-311, .fs-230 {
    font-size: 130px !important;
    line-height: 1 !important;}
h3{
    font-size: 35px !important;
    line-height: 45px !important; 
}



.f-28, .fs-28, h4 {
    font-size: 27px !important;
    line-height: 37px !important;
}
.fs-19, h5{
    font-size: 20px !important;
    line-height: 30px !important;
}
h6{
    font-size: 19px !important;
    line-height: 29px !important;
}*/










}



@media screen and (max-width:1199px){
:root{
    --p-140: 80px;
    --p-58: 45px;
    --p-60: 50px;
    --p-280: 160px;
    --p-120: 100px;
    --p-50: 42px;
    
    --ps-30: 15px;
    
    --font-d1: 120px;
    --line-d1: 120px;

    --font-d2: 70px;
    --line-d2: 73px;
    
    --font-d3: 65px;
    --line-d3: 65px;    

    --nfont-56: 43px;
    --nline-56: 55px;

    --nfont-52: 40px;
    --nline-52: 50px;

    --nfont-40: 30px;
    --nline-40: 40px; 
    
    --nfont-32: 25px;
    --nline-32: 35px;    
    
    --nfont-25: 19px;
    --nline-25: 29px;

    --nfont-22: 18px;
    --nline-22: 28px;

    --nfont-21: 17px;
    --nline-21: 27px;

    --nfont-20: 16px;
    --nline-20: 26px;    
    
    --nfont-18: 15px;
    --nline-18: 25px;    
    
    --nfont-15: 13px;
    --nline-15: 23px;    
    
    --nfont-14: 12px;
    --nline-14: 22px; 
    
}

.sm-mt-30px{ margin-top:var(--p-30);}
.sm-pt-0px, .sm-pt-0px.banner-white{ padding-top:0px !important;}
.sm-px-30px {
    padding-left: var(--ps-30) !important;
    padding-right: var(--ps-30) !important;
}





.navbar .navbar-nav .nav-link, .navbar .btn.btn-large {
    font-size: 13px !important;
}

/*body, .f-18, .fs-18 {
    font-size: 16px !important;
    line-height: 26px !important;
}
h1, .fs-56, .f-56{  font-size: 45px !important; line-height: 55px !important; }
.f-52, .fs-52, h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}
.f-14, .portfiloTag li a, .captions {
    font-size: 13px !important;
    line-height: 20px !important;
}
.fs-350, .f-200, .fs-200, .fs-311, .fs-230 {
    font-size: 120px !important;
    line-height: 1 !important;}
h3{
    font-size: 30px !important;
    line-height: 40px !important; 
}



.f-28, .fs-28, h4 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.fs-19, h5{
    font-size: 18px !important;
    line-height: 28px !important;
}
h6{
    font-size: 17px !important;
    line-height: 27px !important;
}*/
.service-choseRow .f-25 {
        font-size: 20px !important;
        line-height: 33px !important;
    }


.ps-60px {
    padding-left: 30px !important;
}
.pe-60px {
    padding-right: 30px !important;
}
.mw-90 {
    max-width: 100%;
}

.btn.btn-large, .btn.btn-medium, .btn.btn-switch-text.btn-medium, .btn-large {
    width: auto !important;
    padding: 0 40px !important;
    font-size: 17px !important;
    line-height: 25px !important;
    min-width: auto !important;
    font-weight: 700 !important;
    max-width: inherit !important;
}

.lg-bottom-minus-100px {
        bottom: -20px !important;
    }





}

@media screen and (max-width:991px){
:root{
    
    --ps-30: 15px;
}



.sm-mb-60px{ margin-bottom: var(--p-60) !important;}
.sm-nw-mt-60px{ margin-top: var(--p-60) !important;}
.md-mb-70px {
        margin-bottom: var(--p-58) !important;
    }
.nw-sm-pt-140px{ padding-top: var(--p-140) !important;}   
.nw-sm-mt-30px{ margin-top: var(--p-30) !important;} 
.nw-sm-mt-50px{ margin-top: var(--p-50) !important;} 
.nw-sm-mt-60px{ margin-top: var(--p-60) !important;} 
.nw-sm-mt-0px { margin-top: 0px !important;} 
.nw-sm-mt-140px { margin-top: var(--p-140) !important;}  
 
    
.home-Industries-sec {
        margin-top: 0;
    }
.home-Industries-sec {
        margin-top: 0 !important;
    }

section.service-pageban{ padding-top:160px !important;}
.f-49 {
    font-size: 25px !important;
    line-height: 35px !important;
}

.service-choseRow .f-25 {
        font-size: 20px !important;
        line-height: 33px !important;
    }
.md-mb-70px{ margin-bottom: var(--p-58) !important;}

.ps-30px {
    padding-left: 15px !important;
}
.pe-30px {
    padding-right: 15px !important;
}
.btn.btn-switch-text.btn-large > span {
    padding: 20px 0 !important;
    min-width: auto !important;
}

/*mobile_app.php*/
.process-step-item.d-flex{ flex-direction: column;}
.process-step-item.d-flex .ps-35px {
    padding-left: 0 !important;
}

.process-step-icon-wrap{ margin-bottom: 20px !important;}









}
@media screen and (max-width:767px){
.bg-sliding-line {
    background-image: linear-gradient(135deg, transparent 45%, #0C1A2A 45%, #D9D9D9 55%, transparent 0);
    background-size: 0.2em 0.2em;
}
:root{
    --p-140: 60px;
    --p-58: 45px;
    --p-60: 40px;
    --p-280: 160px;
    --p-120: 100px;
    --p-50: 42px;
    
    
    
}
.fs-350, .f-200, .fs-200, .fs-311, .fs-230 {
        font-size: 95px !important;
        line-height: 1 !important;
    }
.navbar .btn.btn-large {
    min-width: auto !important;
}

.ps-60px {
    padding-left: 15px !important;
}
.pe-60px {
    padding-right: 15px !important;
}

.btn.btn-switch-text.btn-large > span {
    padding: 20px 0 !important;
    min-width: auto !important;
}
.pb-100px {
    padding-bottom: 0 !important;
}

.choseRow-num-pitch .p-35px{ padding: var(--p-30) !important;}


.saschoserowrow .choseRow .nw-py-58px{ padding-bottom: 0px !important;}
.saschoserowrow .choseRow .col-lg-5{ padding-top: 10px !important;}
.saschoserowrow .choseRow .p-35px{ padding: 20px 0 !important;}







}


@media screen and (max-width:640px){
.togaterTxt {
        padding-top: 0 !important;
    }

}

@media screen and (max-width:575px){

.choseRow-number-mob-app .last-paragraph-no-margin, .choseRow-num-mob .last-paragraph-no-margin{ padding: 20px !important;}


}

@media screen and (max-width:480px){


.btn.btn-large, .btn.btn-medium, .btn.btn-switch-text.btn-medium, .btn-large {
    padding: 0px 30px !important;
    font-size: 18px !important;
    line-height: 25px !important;
    min-width: auto !important;
    font-weight: 700 !important;
    max-width: inherit !important;
}

.btn.btn-switch-text.btn-large > span, .btn > span {
        padding: 15px 0 !important;
        min-width: auto !important;
    }

.navbar .header-button .btn.btn-large {
    min-width: 192px !important;
    padding: 0px !important;
    font-size: 13px !important;
}
.mw-445px {
    max-width: 100%;
}




}


@media screen and (max-width:400px){


.btn.btn-large, .btn.btn-medium, .btn.btn-switch-text.btn-medium, .btn-large {
    padding: 0px 20px !important;
    font-size: 16px !important;
    line-height: 25px !important;
    min-width: auto !important;
    font-weight: 700 !important;
    max-width: inherit !important;
}




}

/* ==========================================
   PHONE INPUT
========================================== */

.phone-field-wrap .iti {
    width: 100%;
    display: block;
}

.phone-field-wrap .iti input {
    width: 100%;
    padding-left: 92px !important;
    padding-right: 45px !important;
}

.phone-field-wrap .iti__selected-country {
    height: 100%;
}

.phone-field-wrap .iti__selected-dial-code {
    font-size: 16px;
    color: #58708d;
}

.phone-field-wrap .iti__country-container {
    left: 0;
}

.phone-field-wrap .iti__selected-country {
    padding-left: 0;
    padding-right: 8px;
}

.phone-field-wrap .iti__flag {
    margin-right: 5px;
}

/* Don't let the form icon cover phone country selector */
.phone-field-wrap > .form-icon {
    z-index: 5;
    pointer-events: none;
}
/* ==========================================
   CUSTOM FILE UPLOAD
========================================== */

.custom-file-upload {
    position: relative;
}


/* Hide browser file input */

.custom-file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}


/* Main custom area */

.custom-file-label {
    width: 100%;
    min-height: 56px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom: 1px solid #17263a;

    background: transparent;

    cursor: pointer;

    padding: 0;

    margin: 0;

    color: #58708d;

    font-size: 16px;
}


/* File name */

.custom-file-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    padding-left: 0;

    padding-right: 20px;

    color: #58708d;
}


/* Choose file button */

.custom-file-button {
    display: inline-flex;

    align-items: center;

    gap: 15px;

    flex-shrink: 0;

    color: #58708d;

    font-size: 16px;

    cursor: pointer;
}


/* Upload icon */

.custom-file-button i {
    font-size: 20px;

    color: #333;

    transition: transform .3s ease;
}


/* Hover */

.custom-file-label:hover
.custom-file-button i {
    transform: translateY(-3px);
}


/* Selected file */

.custom-file-upload.has-file
.custom-file-text {
    color: #17263a;
}


/* File error */

.custom-file-upload .text-danger {
    color: #dc3545 !important;
}


/* Mobile */

@media (max-width: 767px) {

    .custom-file-label {
        min-height: 55px;
    }

    .custom-file-text {
        max-width: 55%;
    }

    .custom-file-button {
        gap: 8px;
    }

}

/* ==========================================
   FORM RESULTS / THANK YOU MESSAGE
========================================== */

.contact-form-style-03 .form-results {
    display: none;
    width: 100%;
    margin-top: 20px !important;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}


/* Success message */

.contact-form-style-03 .form-results .text-success {
    display: block;
    color: #198754 !important;
}


/* Error message */

.contact-form-style-03 .form-results .text-danger {
    display: block;
    color: #dc3545 !important;
}


/* Sending message */

.contact-form-style-03 .form-results span {
    display: block;
}


/* Remove unwanted theme spacing */

.contact-form-style-03 .form-results.mt-20px {
    margin-top: 20px !important;
}
.contact-form-style-03 input{ height: 60px;}

/* Mobile */

@media (max-width: 767px) {

    .contact-form-style-03 .form-results {
        margin-top: 15px !important;
        padding: 12px 10px;
        font-size: 15px;
        line-height: 22px;
    }

}