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

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

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

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


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



.white {color: #FFFFFF;}
.red {color: #B22427;}
.dark {color: #1D1A1E;}


.Inter-Regular {font-family: 'Inter-Regular';font-weight: 400;}
.Inter-Bold {font-family: 'Inter-Bold';font-weight: bold;}
.roboto-regular {font-family: 'Roboto Regular';font-weight: 400;}
.roboto-medium {font-family: 'Roboto medium';font-weight: 500;}
.roboto-bold {font-family: 'Roboto bold';font-weight: bold;}

.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font14 {font-size: 14px;}
.font50 {font-size: 50px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font11 {font-size: 11px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}
.font40 {font-size: 40px;}


.bold {font-weight: bold;}


.lh19 {line-height: 19px;}
.lh14 {line-height: 14px;}
.lh28 {line-height: 28px;}
.lh50 {line-height: 50px;}
.lh60 {line-height: 60px;}


.container {max-width: 1320px;margin: 0 auto;padding: 0 20px;}
body, html {margin: 0;padding: 0;height: 100%;}
input::-webkit-inner-spin-button {appearance: none;}


/*footer*/
.footer {background-color: #101010;padding: 50px 0;}
.footer .container {display: grid;grid-template-columns: 2fr 2fr 2fr 1fr;}
.footer .container .footer-column p a {text-decoration: none;}
.footer .container .footer-column .footer-logo {width: 235px;}
.footer .container .footer-column p {margin: 0;padding: 0;}
.footer .container .footer-column p + p {padding-top: 5px;}
.footer .container .footer-column:last-child p {display: flex;align-items: center;}
.footer .container .footer-column:last-child {margin-top: 20px;}
.footer .container .footer-column:nth-child(2),.footer .container .footer-column:nth-child(3) {margin-top: 20px;}
.footer .container .footer-column:last-child p a {margin-left: 8px;position: relative;top: 3px;}


/*connect*/
.connect {background: rgb(232, 232, 232);padding: 80px 0 70px 0;margin-top: -80px;}
.connect h2 , .connect p {margin: 0;}
.connect .connect-form {margin-top: 40px;}
.connect .connect-form .form-row {display: flex;margin-bottom: 30px;gap: 60px;}
.connect .connect-form .form-group {display: flex;flex-direction: column;width: 100%;}
.connect .connect-form .form-row .form-group input , .connect .connect-form .form-group textarea {border: none;border-bottom: 1px solid rgba(29, 26, 30, 0.5);background-color: transparent;outline: none;padding: 0 0 10px 0;}
.connect .connect-form .form-group textarea {resize: none;max-height: 80px;height: 80px;}
.connect .connect-form button {box-sizing: border-box;border: 2px solid rgb(178, 36, 39);border-radius: 30px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);background: transparent;padding: 15px 50px;text-transform: uppercase;margin-top: 50px; cursor: pointer}
.connect .connect-form button img {margin-left: 8px;}
.connect .connect-form .form-row .form-group input::placeholder , .connect .connect-form .form-group textarea::placeholder {color: rgb(130, 130, 130);font-family: 'Roboto Regular';font-size: 13px;font-weight: 400;line-height: 150%;}
.connect .connect-form .form-group {gap: 15px;}

/*back-to-top*/
button.back-to-top.show {display: block;background: #fff;color: #101010;font-size: 25px;right: 25px;bottom: 50px;height: 50px;width: 50px;visibility: visible;box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25);opacity: 1;}
button.back-to-top {margin: 0 !important;padding: 0 !important;background: #fff;height: 0;width: 0;overflow: hidden;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;color: transparent;clear: both;visibility: hidden;position: fixed;cursor: pointer;display: none;border: none;right: 50px;bottom: 75px;font-size: 0;outline: 0 !important;z-index: 99;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;}
button.back-to-top.show::after, button.back-to-top.show::before {visibility: visible;}
button.back-to-top::after {border-bottom-color: #fff;position: relative;top: -28px;}
button.back-to-top::before, button.back-to-top::after {content: "";display: block;border-bottom: solid 10px #101010;border-left: solid 10px transparent;line-height: 0;border-right: solid 10px transparent;height: 0;margin: 18px auto 0;width: 0;border-radius: 20px;visibility: hidden;}


/*expertise*/
.expertise {padding: 60px 0 0 0;}
.expertise .container .expertise-content {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.expertise .container .expertise-content .expertise-image-container img {width: 100%;border-radius: 20px;height: 780px;}
.expertise .container .expertise-content .expertise-image-container {position: relative;}
.expertise .container .expertise-content .expertise-image-container .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 99.5%;background: rgba(29, 26, 30, 0.5);border-radius: 20px;}
.expertise .container .expertise-content .expertise-content-icon .expertise-description {display: flex;gap: 30px;}
.expertise .container .expertise-content .expertise-content-icon h2 {margin-top: 0;}
.expertise .container .expertise-content .expertise-content-icon .expertise-description .expertise-icon {width: 40px;}


/*clients*/
.clients {position: relative;z-index: 1;}
.clients h2 {text-align: center;margin: 50px 0 30px 0;}
.clients .clients-slider .slick-slide {padding: 0 10px;}
.clients  .clients-slider img {width: 100%;height: 120px;object-fit: contain;}
.clients  .clients-slider .slick-prev , .clients  .clients-slider .slick-next {display: none !important;}
.clients  .clients-slider .slick-list .slick-track {margin: 0 -120px;}

/*mission*/
.mission .mask {position: absolute;top: 200px;right: 0;width: 50%;height: 500px;}
.mission , .mission .image-container {position: relative;z-index: 1;}
.mission .image-container img {width: 100%;border-radius: 20px;}
.mission .image-container .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 99.5%;background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));border-radius: 20px;}
.mission .image-container .overlay .overlay-text h3 {max-width: 620px;margin-top: 5px;margin-bottom: 0;}
.mission .image-container .overlay .overlay-text {position: relative;top: 50%;transform: translateY(calc(-50%));padding-left: 70px;}
.mission .image-container .overlay .overlay-text p {text-transform: uppercase;margin-top: 0;}

/*about*/
.about {display: grid;grid-template-columns: 1fr 1fr;gap: 150px;margin-bottom: 30px;}
.about .about-left h2 {text-transform: uppercase;}
.about .about-left p {margin-top: 5px;}
.about .about-right {margin-top: 40px;}
.about .about-right p:last-child {margin-top: 0;}
.about .about-right p:nth-child(2){margin-bottom: 0;}


/*image*/
.image {background-image: url('../images/Maskgroup2.jpg'); background-size: contain;background-repeat: no-repeat;}
.image .pt-top {padding-top: 250px;}

/*header-image*/
.overFlowHide {overflow: hidden}
.header {padding-top: 30px;}
.header-image .homepage-header {background-image: url('../images/shutterstock_1919510069.jpg'); background-size: cover;height: 100vh;margin: -193px 0 0 0;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);}
.header .logo-mobile , .header .mobile-menu , .header a.menu-bar {display:none ;}
.header .container {display: flex;justify-content: space-between;}
.header .container .flex {display: flex;flex-direction: column;}
.header .container .flex .logo img {width: 228px; max-width: 100%;}
.header .container .navbar .desktop-navbar {display: flex;gap: 60px;list-style: none;}
.header .container .navbar .desktop-navbar li a {text-decoration: none;text-transform: uppercase;}
.header .container .navbar .desktop-navbar li:last-child a {box-sizing: border-box;border: 2px solid rgb(178, 36, 39);border-radius: 30px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding: 10px 20px;}
.header .container .navbar .desktop-navbar li:last-child a img {margin-left: 8px;}
.header-image .homepage-header .scroll-down-image {text-align: center;position: absolute;bottom: 50px;left: 0;right: 0;z-index: 3;}
.header-image .homepage-header .inner-paragraph h1 {position: absolute;top: 50%;transform: translateY(calc(-50%));max-width: 640px;}
.header .container .flex .part p {text-transform: uppercase;}
.header .container .flex .part {display: flex;align-items: center;padding-top: 30px;justify-content: end;}
.header-image .homepage-header .mask-image {position: absolute;bottom: -30px;}
.header-image .homepage-header .mask-image img {width: 100%;}


.thank-you-image .thank-you-image-header {background-image: url('/assets/images/thank-you.jpg'); background-size: cover;height: 100vh;margin: -110px 0 0 0;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);}
.thank-you-image .thank-you-image-header .inner-paragraph {border-radius: 20px;background: rgb(255, 255, 255);padding: 80px 0 80px 50px;position: relative;top:250px;}
.thank-you-image .thank-you-image-header .inner-paragraph h2 {margin-bottom: 0;margin-top: 0;}
.thank-you-image .thank-you-image-header .inner-paragraph p {margin-top: 0;margin-bottom: 0;}



@media (max-width:980px) {
    .footer {padding: 40px 0;}
    .footer .container {grid-template-columns:1fr}
    .footer .container .footer-column .footer-logo {width:160px;}
    .footer .container .footer-column:nth-child(2) , .footer .container .footer-column:last-child {margin-top: 35px;}

    .connect h2 {font-size: 30px;}
    .connect {padding: 180px 0 70px 0;margin-top: -150px;}
    .connect p {font-size: 16px;}
    .connect .connect-form .form-row {flex-direction: column;gap: 20px;margin-bottom: 20px;}
    .connect .connect-form button {font-size: 12px;}

    .expertise {padding: 60px 0 0 0;}
    .expertise .container .expertise-content {grid-template-columns: 1fr;gap: 40px;}
    .expertise .container .expertise-content .expertise-image-container img {object-fit: cover;height: 295px;}
    .expertise .container .expertise-content .expertise-content-icon h2 {font-size: 30px;}
    .expertise .container .expertise-content .expertise-content-icon .expertise-description p {font-size: 16px;}

    .clients h2 {font-size: 30px;}
    .clients .clients-slider .slick-list .slick-track {margin: 0 -250px;}
    .clients .clients-slider img {height: 200px;}

    .mission .image-container img {height: 476px;object-fit: cover;}
    .mission .image-container .overlay .overlay-text p {font-size: 13px;}
    .mission .image-container .overlay .overlay-text h3 {font-size: 22px;line-height: 32px;max-width: 220px;}
    .mission .image-container .overlay .overlay-text {padding: 0 40px 0 30px;}

    .about {grid-template-columns: 1fr;gap: 30px;}
    .about .about-left h2 {font-size: 13px;}
    .about .about-left p {font-size: 28px;line-height: 38px;margin-bottom: 0;}
    .about .about-right ,.about .about-right p:first-child {margin-top: 0;}

    .header ul.desktop-navbar {display: none !important;}
    .header .container .logo img {width: 150px;}
    .header .mobile-menu .top-bar img {width: 150px;}
    .header a.menu-bar {display: block;color: white;font-size: 30px;}
    /* .header .mobile-menu {background-color :#FFFFFF;display: block;width: 100%;position: fixed;z-index: 999;top: 0;height: 100vh;right: -100%;transition: .5s ease-in-out;} */
    .header .mobile-menu {background-color :#FFFFFF;display: block;width: 100%;position: fixed;z-index: 999;top: 0;height: 100%;overflow-y: auto; right: -100%;transition: .5s ease-in-out;}
    .show_mobile_menu {right: 0 !important;}
    .header .mobile-menu .container .top-bar {display: flex;justify-content: space-between;align-items: center;padding: 30px 0px;}
    .header-image .homepage-header .inner-paragraph h1 {font-size: 35px;line-height: 40px;max-width: 390px;}
    .header .mobile-menu .container {display: block;}
    .header .mobile-menu .container .top-bar i {font-size: 30px;color: #B22427;}
    .header .mobile-menu .container .listing-menu .list {padding: 0;margin: 0;list-style-type: none;}
    .header .mobile-menu .container .listing-menu {margin-top: 60px;}
    .header .mobile-menu .container .listing-menu .list li {margin-bottom: 40px;}
    .header .mobile-menu .container .listing-menu .list li a {text-decoration: none;text-transform: uppercase;}
    .header .mobile-menu .container .listing-menu .list li:last-child a {box-sizing: border-box;border: 2px solid rgb(178, 36, 39);border-radius: 30px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding: 10px 20px;}
    .header .mobile-menu .container .listing-menu .list li:last-child a img {margin-left: 8px;}
    /* .header .mobile-menu .location {background: rgb(29, 26, 30);padding: 50px 0;overflow: hidden;-webkit-overflow-scrolling: touch;bottom: 0;left: 0;z-index: 11;right: 0;position: absolute;} */
    .header .mobile-menu .location {background: rgb(29, 26, 30);padding: 50px 0;overflow-y: hidden;-webkit-overflow-scrolling: touch;bottom: 0;left: 0;z-index: 11;right: 0;}
    .header .mobile-menu .location .location-column p:last-child {margin-top: -7px;}
    .header .mobile-menu .location .location-column + .location-column {margin-top: 30px;}
    .header .mobile-menu .location .location-column p a {text-decoration: none;}

    .thank-you-image .thank-you-image-header .inner-paragraph h2 {font-size: 35px;}
    .thank-you-image .thank-you-image-header .inner-paragraph p {font-size: 20px;}
    .thank-you-image .thank-you-image-header .inner-paragraph {padding: 120px 20px;top: 150px;}

    .mission .mask {top: 0;width: 100%;height: 500px;}
    /* .header-image .homepage-header .mask-image {bottom: 20px;} */

    .image {background-attachment :local}
    .image .pt-top {padding-top: 60px;}
}


@media (min-width:1550px){
    .image .pt-top {padding-top: 340px;}
}