/* ===================================
    Crafto - Design agency
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* 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;

    overflow: hidden;

    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) {
    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;

    inset: 0;

    width: 100%;
    height: 100vh;

    z-index: 10000;

    display: block;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transform: translateY(-20px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        visibility .4s ease;
}


/* OPEN */

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

    pointer-events: auto;

    transform: translateY(0);
}


/* Prevent page scrolling while menu is open */

body.menu-open {
    overflow: hidden;
}


/* =========================================
   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;

    inset: 0;

    width: 100%;
    height: 100vh;

    z-index: 10000;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transform: translateY(-20px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        visibility .4s ease;
}


/* OPEN */

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

    pointer-events: auto;

    transform: translateY(0);
}


/* Prevent page scrolling while menu is open */

body.menu-open {
    overflow: hidden;
}

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

    --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;    
    
}
a:hover {
    color: #0C1A2A;
    text-decoration: none;
}
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;}


.py-110px, .py-150px {
    padding-bottom: var(--p-140) !important; padding-top: var(--p-140) !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;}



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


.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-p-58px, .p-35px{ padding: var(--p-58) !important; }



.navbar .btn.btn-large {
    min-width: 200px !important;
    padding: 0px !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{ padding: 20px 0 !important; min-width: auto  !important;}
.btn.btn-large{ padding: 0 68px !important; font-size: 20px !important; line-height: 25px !important;min-width: auto  !important;}

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

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

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

.fs-22{ font-size: var(--nfont-22) !important;
    line-height: var(--nline-22) !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 {
    font-size: var(--nfont-14) !important;
    line-height: var(--nline-14) !important;
}
.fs-350, .f-200, .fs-200, .fs-311, .fs-230, .fs-130 {
    font-size: var(--font-d1) !important;
    line-height: 1 !important;}
    
   
    
    
    
    
h3{
    font-size: var(--nfont-40) !important;
    line-height: var(--nline-40) !important; font-weight: 700 !important; font-family: var(--alt-font);
}



.f-28, .fs-28, h4 {
    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);
}


.f-18, .fs-18{ 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);
    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;
}











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

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

.service-pageban{ padding-top: 220px !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-62: 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-25: 27px;    
    
    --nfont-18: 16px;
    --nline-25: 30px;    
    
    --nfont-15: 14px;
    --nline-15: 25px;    
    
    --nfont-14: 13px;
    --nline-14: 23px;    
    
    
}

/*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-62: 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-25: 27px;    
    
    --nfont-18: 16px;
    --nline-25: 30px;    
    
    --nfont-15: 14px;
    --nline-15: 25px;    
    
    --nfont-14: 13px;
    --nline-14: 23px; 
    
}

/*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;
    
    --font-d1: 120px;
    --line-d1: 120px;

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

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

    --nfont-52: 40px;
    --nline-62: 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-25: 26px;    
    
    --nfont-18: 15px;
    --nline-25: 25px;    
    
    --nfont-15: 13px;
    --nline-15: 23px;    
    
    --nfont-14: 12px;
    --nline-14: 22px; 
    
}


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



}

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

.sm-nw-mt-60px{ margin-top: var(--p-60) !important;}
.md-mb-70px {
        margin-bottom: var(--p-58) !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;
}

}
@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;
}



}