/* @font-face {font-family: "Code-Pro-Black-LC";src: url("fonts/Code-Pro-Black-LC.eot");src: url("fonts/Code-Pro-Black-LC.eot?#iefix") format("embedded-opentype"), url("fonts/Code-Pro-Black-LC.woff2") format("woff2"),url("fonts/Code-Pro-Black-LC.woff") format("woff"), url("fonts/Code-Pro-Black-LC.ttf") format("truetype"),url("fonts/Code-Pro-Black-LC.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Code-Pro-Bold-LC";src: url("fonts/Code-Pro-Bold-LC.eot");src: url("fonts/Code-Pro-Bold-LC.eot?#iefix") format("embedded-opentype"),url("fonts/Code-Pro-Bold-LC.woff2") format("woff2"), url("fonts/Code-Pro-Bold-LC.woff") format("woff"),url("fonts/Code-Pro-Bold-LC.ttf") format("truetype"), url("fonts/Code-Pro-Bold-LC.svg") format("svg");font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: "Code-Pro-LC";src: url("fonts/Code-Pro-LC.eot");src: url("fonts/Code-Pro-LC.eot?#iefix") format("embedded-opentype"),url("fonts/Code-Pro-LC.woff2") format("woff2"), url("fonts/Code-Pro-LC.woff") format("woff"),url("fonts/Code-Pro-LC.ttf") format("truetype"), url("fonts/Code-Pro-LC.svg") format("svg");font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: "Code-Pro-Light-LC";src: url("fonts/Code-Pro-Light-LC.eot");src: url("fonts/Code-Pro-Light-LC.eot?#iefix") format("embedded-opentype"),url("fonts/Code-Pro-Light-LC.woff2") format("woff2"), url("fonts/Code-Pro-Light-LC.woff") format("woff"),url("fonts/Code-Pro-Light-LC.ttf") format("truetype"),url("fonts/Code-Pro-Light-LC.svg") format("svg");font-weight: 600;font-style: normal;font-display: swap;}

@font-face {font-family: "Roboto-Black";src: url("fonts/Roboto/Roboto-Black.eot");src: url("fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Black.woff2") format("woff2"),url("fonts/Roboto/Roboto-Black.woff") format("woff"), url("fonts/Roboto/Roboto-Black.ttf") format("truetype"),url("fonts/Roboto/Roboto-Black.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Black-italic";src: url("fonts/Roboto/Roboto-BlackItalic.eot");src: url("fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-BlackItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Bold";src: url("fonts/Roboto/Roboto-Bold.eot");src: url("fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Bold.woff2") format("woff2"),url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype"),url("fonts/Roboto/Roboto-Bold.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Bold-Condensed";src: url("fonts/Roboto/Roboto-BoldCondensed.eot");src: url("fonts/Roboto/Roboto-BoldCondensed.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BoldCondensed.woff2") format("woff2"),url("fonts/Roboto/Roboto-BoldCondensed.woff") format("woff"), url("fonts/Roboto/Roboto-BoldCondensed.ttf") format("truetype"),url("fonts/Roboto/Roboto-BoldCondensed.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Bold-Condensed-Italic";src: url("fonts/Roboto/Roboto-BoldCondensedItalic.eot");src: url("fonts/Roboto/Roboto-BoldCondensedItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BoldCondensedItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-BoldCondensedItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BoldCondensedItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-BoldCondensedItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Bold-Italic";src: url("fonts/Roboto/Roboto-BoldItalic.eot");src: url("fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-BoldItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Condensed";src: url("fonts/Roboto/Roboto-Condensed.eot");src: url("fonts/Roboto/Roboto-Condensed.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Condensed.woff2") format("woff2"),url("fonts/Roboto/Roboto-Condensed.woff") format("woff"), url("fonts/Roboto/Roboto-Condensed.ttf") format("truetype"),url("fonts/Roboto/Roboto-Condensed.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Condensed-Italic";src: url("fonts/Roboto/Roboto-CondensedItalic.eot");src: url("fonts/Roboto/Roboto-CondensedItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-CondensedItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-CondensedItalic.woff") format("woff"), url("fonts/Roboto/Roboto-CondensedItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-CondensedItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Italic";src: url("fonts/Roboto/Roboto-Italic.eot");src: url("fonts/Roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Italic.woff2") format("woff2"),url("fonts/Roboto/Roboto-Italic.woff") format("woff"), url("fonts/Roboto/Roboto-Italic.ttf") format("truetype"),url("fonts/Roboto/Roboto-Italic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Light";src: url("fonts/Roboto/Roboto-Light.eot");src: url("fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Light.woff2") format("woff2"),url("fonts/Roboto/Roboto-Light.woff") format("woff"), url("fonts/Roboto/Roboto-Light.ttf") format("truetype"),url("fonts/Roboto/Roboto-Light.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Light-Italic";src: url("fonts/Roboto/Roboto-LightItalic.eot");src: url("fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-LightItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Medium";src: url("fonts/Roboto/Roboto-Medium.eot");src: url("fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Medium.woff2") format("woff2"),url("fonts/Roboto/Roboto-Medium.woff") format("woff"), url("fonts/Roboto/Roboto-Medium.ttf") format("truetype"),url("fonts/Roboto/Roboto-Medium.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Medium-Italic";src: url("fonts/Roboto/Roboto-MediumItalic.eot");src: url("fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-MediumItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Regular";src: url("fonts/Roboto/Roboto-Regular.eot");src: url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Regular.woff2") format("woff2"),url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype"),url("fonts/Roboto/Roboto-Regular.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Thin";src: url("fonts/Roboto/Roboto-Thin.eot");src: url("fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Thin.woff2") format("woff2"),url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("fonts/Roboto/Roboto-Thin.ttf") format("truetype"),url("fonts/Roboto/Roboto-Thin.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Roboto-Thin-Italic";src: url("fonts/Roboto/Roboto-ThinItalic.eot");src: url("fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"),url("fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"),url("fonts/Roboto/Roboto-ThinItalic.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Cairo';src: url('fonts/cairo-regular.eot');src: url('fonts/cairo-regular.eot?#iefix') format('embedded-opentype'),url('fonts/cairo-regular.woff') format('woff'),url('fonts/cairo-regular.ttf') format('truetype'),url('fonts/cairo-regular.svg#cairoregular') format('svg');font-weight: normal;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: 'Cairo-Bold';src: url('fonts/cairo-bold.eot');src: url('fonts/cairo-bold.eot?#iefix') format('embedded-opentype'),url('fonts/cairo-bold.woff') format('woff'),url('fonts/cairo-bold.ttf') format('truetype'),url('fonts/cairo-bold.svg#cairobold') format('svg');font-weight: normal;font-style: normal;font-variant: normal;font-display: swap;} */
/* @font-face {font-family: 'Redhawk';src: url('fonts/foRedhawkRegular.eot');src: url('fonts/RedhawkRegular.eot?#iefix') format('embedded-opentype'),url('fonts/RedhawkRegular.woff2') format('woff2'),url('fonts/RedhawkRegular.woff') format('woff'),url('fonts/RedhawkRegular.ttf') format('truetype'),url('fonts/RedhawkRegular.svg#RedhawkRegular') format('svg');font-weight: normal;font-style: normal;font-display: swap;} */
@font-face {
    font-family: 'Futura Bold';
    src: url('fonts/Futura-Bold.eot');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Futura-Bold.woff2') format('woff2'),
        url('fonts/Futura-Bold.woff') format('woff'),
        url('fonts/Futura-Bold.ttf') format('truetype'),
        url('fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

html { scroll-behavior: smooth; }
body{margin: 0; width: 100%;}

.our-companies-page .container .inner-container .panel .row-50 .company .platimage {height: 150px;width: 150px;}

.input-error {border: 2px solid red;}
.error-notice {color: red!important}

/* footer */
.wbl {bottom: 0;background-color: #ffffff;margin: auto;justify-content: center;text-align: center;align-items: center;padding: 10px;font-size: 14px;font-weight: 800;display: flex;}
.footer {padding: 4% 4%;bottom: 0;background-color: #20252e;line-height: 26px;}
.footerWarper {display: flex;flex-flow: row wrap;justify-content: space-between;color: #fff;}
footer ul {list-style: none;padding: 0;}
footer ul li a, footer ul li span {color: rgba(255, 255, 255, 0.877);font-size: 14px;font-family: 'Futura';font-weight: normal;}
.left-footer{ width: 30%; justify-content: space-between; display: flex;padding-right: 70px;border-right: 1.5px solid #6e737a;}
.right-footer{width: 60%; display: grid;justify-content: space-between;grid-template-columns: 0.6fr 0.6fr 0.6fr;grid-template-rows: 1fr 1fr;grid-gap: 10px;}
.right-footer li{list-style-type: none;}
.right-footer li h5, .right-footer li .list-title{margin: 0;color: white;font-family: 'Futura Bold';font-weight: bold;}
.right-footer li p{margin: 0;font-size: 11px; line-height: 16px;color: #FFFFFF;font-family: 'Futura';font-weight: 300;}
.footer .footerWarper .left-footer .second-container ul li{line-height: 35px;}
.footer .footerWarper .left-footer .first-container{margin: 10px;}
.footer .footerWarper .left-footer .first-container .copyright, .footer .footerWarper .left-footer .first-container .copyright *{font-size: 10px; line-height: 13px;margin-top: 60px; font-family: 'Futura';font-weight: 300;color: white}
.footer .footerWarper .left-footer .first-container .copyright a {text-decoration: none; font-weight: bold;}
.footer .footerWarper .left-footer .first-container ul.footerLinks{margin-top: 40px;}
.footer .footerWarper .left-footer .second-container ul li a{font-size: 13px;font-family: 'Futura';text-decoration: none;font-weight: normal;}
.mobile-footer{display: none;}
.social-media-icons{position: relative; top: 3px; font-size: 20px;margin-left: 5px;}
.first-list{width: 25%;}
/* .first-list ul li h5{font-family: 'Roboto-Bold'; font-size: 13px;color: white !important;}
.first-list ul li p{font-family: 'Roboto-Light'; font-size: 13px;color: white !important;}
.second-list ul li h5{font-family: 'Roboto-Bold'; font-size: 13px;color: white !important;}
.second-list ul li p{font-family: 'Roboto-Light'; font-size: 13px;color: white !important;}
.second-list ul li h5{font-family: 'Roboto-Bold'; font-size: 13px;color: white !important;}
.third-list ul li p{font-family: 'Roboto-Light'; font-size: 13px;color: white !important;} */
.third-list{width: 25%;}
.second-list{width: 25%;}
/* .overFlowHide{overflow: hidden;position: fixed;} */
.overFlowHide{overflow: hidden;}
.hide{display: none;}

#myBtn {display: none;position: fixed;bottom: 20px;z-index: 3;right: 20px;border-radius: 50%;width: 35px;height: 35px;text-align: center;background: #20252E;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);color: #fff;border: none;outline: none;}
#myBtn:hover {background-color: #20252E;cursor: pointer; color: white;}

/* header */
div.header{position: absolute; left: 0; right: 0; top: 0}
div.header .main-container{max-width: 1500px;margin: auto;padding: 0 50px;position: relative;z-index: 99;}
div.header .navbar{float: right;position: relative;top: 30px;}
div.header.p-sticky .navbar{top: 15px;}
/* div.header ul.desktop-navbar{list-style: none;text-align: right;vertical-align: top;float: right;width: calc(80% - 120px);position:relative;top:30px;z-index: 9;} */
/* div.header ul.desktop-navbar li{display: inline-block;text-align: center; margin: auto 35px auto auto;} */
div.header ul.desktop-navbar li{display: inline-block;text-align: center; margin: auto 15px auto auto;}
div.header ul.desktop-navbar li:last-child{margin: auto;}
div.header ul li a{font-size: 14px;font-family: 'Futura' ;text-decoration: none;font-weight: 500;text-transform: uppercase;}
div.header ul li a.bordered{padding: 6px 15px;}
a.logo-mobile{display: none;}
/* a.logo img{transition: all 0.3s ease;} */
a.logo{position: relative; top:20px; z-index: 10;}
.header-image{margin-top: -80px;}
.header-image h1{position: absolute; top: 25%;font-size: 40px;line-height: 60px;left: 50px;font-family:'Futura';font-weight: normal;}
.header-nav{color: white;}
.text-dark-charcoal{color:#20252E !important}
.text-dark-charcoal a[href^="tel"] {color:#20252E !important;margin: 0;font-size: 11px;line-height: 16px;font-family: 'Futura';font-weight: 300;text-decoration: none;}
.bg-white{background: white !important}
.p-relative{position: relative !important}
/* .p-sticky{position: sticky !important;  top: 0; z-index: 1000;} */
/* Sticky Header Base */
.header.p-sticky {position: sticky;top: 0;z-index: 1000;transition: box-shadow 0.3s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

/* Add shadow when scrolled */
.header.p-sticky.scrolled {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

/* Logo Scaling */
.header .logo img {transform: scale(1); transform-origin: left center; transition: transform 0.3s ease;}

.header.p-sticky.scrolled .logo img {transform: scale(0.8); }

.top-0{top: 0px !important; }
.pt-18{padding-top: 18px !important;}
.pb-15{padding-bottom: 15px !important;}
    
.py-10{padding-top:10px !important; padding-bottom:10px !important}
.py-20{padding-top:20px !important; padding-bottom:20px !important}
.bg-white-mobile{display:none; position: absolute; height: 100%;width:100%;left:0;right:0; background: white; z-index:2}
.bordered{border-style: solid;border-width: 2px;border-color: #20252E;border-radius: 20px; padding: 10px 22px;transition: 0.40s;}
.bordered2{border-style: solid;border-width: 2px;border-color: white;border-radius: 20px; padding: 10px 22px;transition: 0.40s;}
.bordered2-black{border-style: solid;border-width: 2px;border-color: black;border-radius: 20px; padding: 10px 22px;transition: 0.40s;}
a.hovered:hover{background-color: #20252E;color: white !important;}
a.hovered:hover i{color: white !important; transition: 0.40s;}
/* a.header-nav:hover{color: #008aff;} */
/* div.header a.menu-bar{position: relative; z-index: 999;float: right; top: 30px;display: none;} */
div.header a.menu-bar{position: relative; z-index: 999;float: right; top: 50px;display: none;}
div.header ul.list{display: block; padding: 0 4%;text-align: center;}
div.header ul.list li{margin-bottom: 50px;list-style: none;}

div.header .mobile-menu{background-color: #20252E ; display: none;}
div.header .mobile-menu .container{padding-top: 1rem!important; padding-bottom: 1rem!important;}
div.header .mobile-menu .container .top-bar{display: flex;justify-content: space-between;align-items: center; padding: 5px 20px;}
div.header .mobile-menu .container .top-bar i{font-size: 22px; color: white; position: relative; top: -15px;}

/* new-homepage */
.new-homepage .homepage-header{min-height: 500px; height: calc(100vh + 75px);margin: -75px 0 0 0;position: relative;}
.new-homepage .homepage-header .inner-paragraph {position: relative; top: 40%; padding: 0 40px; transform: translateY(-20%) ;width: auto; max-width: 1500px; margin: auto;}
.new-homepage .homepage-header .inner-paragraph h1{font-size: 62px; color: white; font-family: 'Futura';margin: 0;line-height: 80px; padding: 0 650px 0 0;font-weight: 500;}
.new-homepage .homepage-header .inner-paragraph p{color: white;font-size: 15px; font-family: 'Futura Bold';font-weight: bold;margin: 0;text-align: end;width: 600px;}
.new-homepage .homepage-header .scroll-down-image{text-align: center;position: absolute; bottom: 50px; left: 0; right: 0;}
.new-homepage .globe-section{background-image: url(/assets/images/world-resized.png); background-size: cover;background-position: center; height: 760px; margin: 0;}
.new-homepage .globe-section .inner-paragraph{width: auto;position: relative; top: 55px;height: 550px;padding :0 40px; max-width: 1500px; margin: auto;}
.new-homepage .globe-section .inner-paragraph p{color:#000;font-family: 'Futura Bold'; font-size: 22px;margin: 0;font-weight: bold;}
.new-homepage .globe-section .inner-paragraph h2{color:#20252E;font-family: 'Futura'; font-size: 25px;margin: 20px 0 0 0;width: 700px;font-weight: 300;line-height: 35px;}
.new-homepage .globe-section .inner-paragraph a{cursor: pointer;;text-decoration: none;color:#20252E;font-family: 'Futura Bold'; font-size: 11px;margin: 40px 0 0 0;position: relative; top:50px;font-weight: bold;}
.new-homepage .globe-section .inner-paragraph a i{margin-left: 10px;}
.new-homepage .video-section{text-align: center;margin: -250px auto 0 auto;max-width: 1500px; position: relative;padding: 0 40px;}
/* .new-homepage .video-section .video-overlay::before{content: '';position: absolute;background: rgba(0, 0, 0, 0.15);border-radius: 20px;top: 0;right: 0;bottom: 0;left: 0;margin: 0 40px;}
.new-homepage .video-section .video-overlay.no-overlay::before{display: none;} */
.new-homepage .video-section .play-button{position: absolute;left: 0; right: 0; top: 0; bottom: 50%;height: 100%;cursor: pointer;}
.new-homepage .video-section .play-button img.hide{display: none;}
.new-homepage .video-section .play-button img{cursor: pointer;position: relative;top: 40%;}
/* .new-homepage .video-section button.play-button{border: none;} */
/* .new-homepage .video-section:before{content: '\f028'; font-family: FontAwesome; font-size: 30px; color: #FFFFFF; bottom: 40px; right: 80px; position: absolute} */
/* .new-homepage .video-section.muted:before{content: '\f026'} */
.new-homepage .video-section .video-overlay{border-radius: 20px;border: 1px solid #000000; overflow: hidden;position: relative;width: 100%;height: 600px;}
.new-homepage .video-section video{border-radius: 20px; width: calc(100% + 4px); height: calc(100% + 4px); object-fit: cover; cursor: pointer;position: absolute;left: -2px;top: -2px;}
.new-homepage .digital-platforms {text-align: center; margin: 60px 0 0 0;}
.new-homepage .digital-platforms img{margin-top: 50px;}
.new-homepage .digital-platforms p{color:#20252e; font-size: 16px;margin: 0;font-family: 'Futura Bold';font-weight: bold;margin-bottom: 10px;}
.new-homepage .digital-platforms h2{margin: 0;font-family: 'Futura' !important;font-size: 45px; color: #20252e;font-weight: 500;}
.new-homepage .digital-platforms .platforms{display: flex;padding: 0 40px;max-width: 1500px;margin: 80px auto auto auto;justify-content: space-between;}
.new-homepage .digital-platforms .left-platforms{width: 47%;}
.new-homepage .digital-platforms .right-platforms{width: 47%;}
.new-homepage .digital-platforms .left-platforms .text{text-align: start;height: 60px;padding-bottom: 80px;border-bottom: 1.5px solid #939599;}
.new-homepage .digital-platforms .platforms .text img.globe{margin-top: 0; position: relative; top: -80px;width: 100%; z-index: -1;}
.new-homepage .digital-platforms .left-platforms .text p.big-text{font-family: 'Futura Bold'; font-size: 55px; color: #20252E;font-weight: bold;}
.new-homepage .digital-platforms .left-platforms .text p.small-text{font-family: 'Futura'; font-size: 20px;color: #20252E;font-weight: normal;}
.new-homepage .digital-platforms .right-platforms .text p.big-text{font-family: 'Futura Bold'; font-size: 55px; color: #20252E;text-align: start;font-weight: bold;}
.new-homepage .digital-platforms .right-platforms .text p.small-text{font-family: 'Futura'; font-size: 20px;color: #20252E; text-align: start;font-weight: normal;}
.new-homepage .digital-platforms .company-logo{margin:auto;max-width: 1500px;padding: 0 40px;}
.new-homepage .digital-platforms .platforms .left-platforms .images{display: grid;grid-template-columns: 0.6fr 0.6fr 0.6fr;grid-gap: 10px;margin-top: 25px;}
.new-homepage .digital-platforms .platforms .left-platforms  img{margin-top: 0;height: 100px; width: fit-content;  max-width: 130px; object-fit: contain;}
.new-homepage .middle-container{background-image: url(/assets/images/shutterstock_2212948463.jpg); background-size: cover;background-position: center; height: 700px; margin:0;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);}
.new-homepage .inner-container{ max-width: 1500px; width: auto; margin: auto; padding: 0 40px;}
.new-homepage .inner-container .full-box{margin: auto; position: relative; top:96px;}
.new-homepage .inner-container .text-box{width: 37%;padding-bottom: 50px;border-bottom: 1px solid #ffffff;}
.new-homepage .inner-container .text-box p{color: white ;font-family: 'Futura Bold';font-size: 16px;margin: 0 0 10px 0;font-weight: bold;}
.new-homepage .inner-container .text-box p.paragraph{color: #ffffff ;font-family: 'Futura';font-size: 40px;margin: 0;font-weight: 500;}
.new-homepage .inner-container .icon-box{margin-top:30px;width: 37%;display: grid;grid-template-columns: repeat(2, 40%);grid-gap: 2rem;}
.new-homepage .inner-container .icon-box .icons{display: flex;}
.new-homepage .inner-container .icon-box .icons:nth-child(n+3){position:relative;left: 70px;}
.new-homepage .inner-container .icon-box .icons .icon-text p.big-text{font-size: 50px; font-family: 'Futura Bold';margin: 0;color: white;font-weight: bold;}
.new-homepage .inner-container .icon-box .icons .icon-text p.small-text{font-size: 14px; font-family: 'Futura';margin: 0;color: white;font-weight: 500;}
.new-homepage .before-carousel{background-image: url(/assets/images/carousel-group.png); background-size: cover;background-position: center; height: 590px; margin:0;}
.new-homepage .before-carousel .inner-container {position: relative;top: 80px; width: auto;max-width: 1500px;padding:0 40px ;display: flex;justify-content: space-between;}
.new-homepage .before-carousel .inner-container .inner-carousel{display: flex !important; justify-content: space-between;}
.new-homepage .before-carousel .inner-container .inner-carousel a.mobile-button{display: none;}
.new-homepage .before-carousel .inner-container .right-text{width: 45%;}
.new-homepage .before-carousel .inner-container .left-text{width: 460px;position: relative;right: 50px; top: 80px;}
.new-homepage .before-carousel .inner-container .right-text span.small-text{color: #20252E;font-family: 'Futura Bold';font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.new-homepage .before-carousel .inner-container .right-text span.big-text{color: #20252E;font-family: 'Futura';font-size: 40px;margin: 0 0 50px 0;line-height: 47px;font-weight: 500;}
.new-homepage .before-carousel .inner-container .left-text span{color: #20252E;font-family: 'Futura';font-size: 16px;margin: 0;line-height: 23px;font-weight: normal;}
.new-homepage .before-carousel .buttons{position: relative; top: 100px; width: auto; padding:0 40px; max-width: 1500px; margin: auto;}
.new-homepage .before-carousel a.load-more{text-decoration: none; color:#20252E ;    display: inline-block;}
.new-homepage .carousel-slider{margin-top: -170px;}
.new-homepage .carousel-slider .projectDetsSlider img.carousel-image{margin: auto; border-radius: 20px;}
.new-homepage .our-partners {max-width: 1500px;margin: auto;width: auto;padding: 0 40px;}
.new-homepage .our-partners h2{font-size: 45px; font-family: 'Futura'; text-align: center;color: #20252E;font-weight: 500;}
.new-homepage .our-partners .partner-carousel-one{margin:auto;padding: 0 40px;max-width:1500px;width:100%;text-align: center;}
.new-homepage .our-partners .partner-carousel-two{margin: auto;padding: 0 40px 80px 40px;border-bottom: 1.5px solid #939599;text-align: center;max-width: 1500px; width: 100%;}
.new-homepage .our-partners .partner-carousel-one img{height: 100px;width: fit-content;max-width: 200px;object-fit: contain;margin: auto;}
.new-homepage .our-partners .partner-carousel-two img{height: 100px;width: fit-content;max-width: 200px;object-fit: contain;margin: auto;}
.new-homepage .carousel-slider .projectDetsSlider .slick-slide{margin: 0 10px;}
/* .new-homepage .carousel-slider .projectDetsSlider{padding: 0 0 0 10px;overflow-x: scroll;overflow-y: hidden;max-width:1600px; margin:auto;} */
/* .new-homepage .carousel-slider .projectDetsSlider::-webkit-scrollbar{width: 3px; height: 10px;}
.new-homepage .carousel-slider .projectDetsSlider::-webkit-scrollbar-track{background: #f1f1f1;border-radius:10px}
.new-homepage .carousel-slider .projectDetsSlider::-webkit-scrollbar-thumb{ background: #888; border-radius: 10px; } */
/* .new-homepage .carousel-slider .projectDetsSlider ul{width:1870px}
.new-homepage .carousel-slider .projectDetsSlider ul li{display: inline-block; text-decoration:none;margin-right:20px} */
/* more about us */
section.last-section .row{display: flex;margin: auto;max-width: 1500px;width: auto;padding: 0 40px;justify-content: space-between;}
section.last-section .work-with-us{top: 0;margin-top: -180px;}
section.last-section .contact-us-gallery{top: 0;height: auto;margin-top: -150px;}
section.last-section .contact-us-gallery .gallery-container{height: auto; width: 30%;}
section.last-section .contact-us-gallery .gallery-container img{object-fit: none;}
section.last-section .work-with-us .work-with-us-row{ gap: 5rem; top: 60px;height: auto;position: relative;display: flex; margin: auto; max-width: 1500px; width: auto; padding: 0 40px;}
section.last-section .work-with-us .work-with-us-row .left-row p.big-title{ margin: 0; font-size: 40px; font-family: 'Futura'; line-height: 47px;font-weight: 500;}
section.last-section .work-with-us .work-with-us-row .left-row p.content{font-size: 18px; font-family: 'Futura'; line-height: 23px;font-weight: normal;}
section.last-section .work-with-us{background-image: url(/assets/images/more-about-us-background.png); background-size: cover;background-position: center; height: 640px; margin:-180px auto auto auto;}
section.last-section{margin-top: 50px;}
section.last-section .row .left-row p.big-title{font-family: 'Futura'; font-size: 40px; color: #20252E; line-height: 47px;font-weight: 300;}
section.last-section .row .left-row p.content{font-family: 'Futura'; font-size: 16px; color: #20252E; line-height: 20px;font-weight: 300;}
section.last-section .row .left-row a.load-more{position: relative; top: 20px; text-decoration: none; color: #20252E;}
section.last-section .row .left-row{width: 45%;}
section.last-section .row .right-row{width: 50%;}
section.last-section .row .right-row img{width: 100%;object-fit: cover; border-radius: 10px;}
section.last-section .contact-us-gallery{text-align: center;max-width: 1500px;width: auto;margin: -200px auto 30px auto;display: flex;justify-content: space-between;padding: 0 40px; gap: 3rem;}
section.last-section .work-with-us .work-with-us-row .left-row{width: 45%;}
section.last-section .work-with-us .work-with-us-row .right-row{width: 40%; position: relative; top: 150px;}
section.last-section .work-with-us .work-with-us-row .right-row p.content{font-size: 16px; font-family: 'Futura'; line-height: 23px;font-weight: 300;}
section.last-section .work-with-us .work-with-us-row .right-row a.load-more{position: relative; top: 20px; cursor: pointer;text-decoration: none; color: #20252E;}
section.last-section .work-with-us .work-with-us-row .right-row a.load-more:hover{background-color:#20252E ; color: white;}
section.last-section .contact-us-gallery .gallery-container p.big-title{font-family: 'Futura'; font-size: 30px; line-height: 35px; width: 50%;position: relative; top: -450px;font-weight: 300;}
section.last-section .contact-us-gallery .gallery-image{width: 33%;height: 445px;}
section.last-section .contact-us-gallery .gallery-image img{width: 100%; height: 445px;border-radius: 10px;}
section.last-section .contact-us-gallery .gallery-image p.big-title{text-align: start;font-family: 'Futura'; font-size: 30px; line-height: 35px; width: 55%;position: relative; transform: translateX(20%); top: 50px; margin-top: -400px;height: 120px;font-weight: 300;color: white;}
section.last-section .contact-us-gallery .gallery-image a.load-more{float:left;text-decoration: none;display: inline-block;transform: translateX(30%); top: 150px;}
/* new products */
.new-product-page .product-page-header{background-image: url(/assets/images/Group-4855-resized.png); background-size: cover;background-position: center; height: 516px; margin:-75px 0 0 0;;}
.new-product-page .product-page-header .inner-title{position: relative; top: 200px;}
.new-product-page .product-page-header .inner-title h1{font-size: 55px;width: auto;max-width: 1500px;margin: auto; font-family: 'Redhawk'; color: #ffffff;padding: 0 40px;font-weight: 300;}
.new-product-page .product-container .container{position: relative;top: -150px;padding: 50px 0;width: 100%;max-width: 1500px; background-color: white; border-radius: 10px;margin:auto;}

.new-product-page .product-container{background-color: #dbe0e6; padding:0 40px 150px 40px;}
.new-product-page .product-container .container .sections .section-one .image{width: 30%;}
.new-product-page .product-container .container .sections .section-one .content{width: 70%;border-bottom: solid 1.5px #727B8D;margin-right: 150px;padding-bottom: 50px;}
.new-product-page .product-container .container .sections .section-one .content h1{color:#008aff ; font-family: 'Redhawk';margin: 30px 0 0 0;font-weight: 300;}
.new-product-page .product-container .container .sections .section-one .content span.content-title{margin: 0; font-family: 'Redhawk';font-weight: 500;}
.new-product-page .product-container .container .sections .section-one .content span.last-paragraph{font-size:14px;margin: 10px 0 0 0; font-family: 'Redhawk';font-weight: 300;}
.new-product-page .product-container .container .sections .section-one{display: flex; justify-content: space-between;}

.new-product-page .phone-banner {width: auto;max-width: 1500px; margin: -250px auto auto auto;padding: 0 40px;}
.new-product-page .phone-banner h1.static-banner{margin: 0;font-family: 'Redhawk';text-align: center;color: #20252E;font-weight: 300;}
.new-product-page .phone-banner .display-phone{display: flex;flex-wrap: wrap;margin-top: 30px;padding-bottom: 60px;border-bottom: solid 1px #727B8D;justify-content: center;}
.new-product-page .phone-banner .display-phone .phone-container{text-align: center;margin-right: 25px;}
.new-product-page .phone-banner .phone-container p.phone-title{color: #008aff ;font-family: 'Redhawk';font-size: 16px;font-weight: bold;}
.new-product-page .video-banner {width: auto;;max-width: 1500px; margin: 50px auto auto auto;padding: 0 40px;}
.new-product-page .video-banner h1.static-banner{margin: 0;font-family: 'Redhawk';text-align: center;color: #20252E;font-weight: 300;}
.new-product-page .video-banner .display-phone{display: flex;flex-wrap: wrap;margin-top: 30px;padding-bottom: 60px;border-bottom: solid 1px #727B8D;justify-content: center;}
.new-product-page .video-banner .phone-container {margin-right: 25px;text-align: center;}
.new-product-page .video-banner .phone-container p.phone-title{color: #008aff ;font-family: 'Redhawk';font-size: 16px;font-weight: bold;}
.new-product-page .special-execution-section{max-width: 1500px; margin:50px auto auto auto; padding: 0 40px;width: auto;}
.new-product-page .special-execution .inside-container{margin-bottom: 30px;margin-top: 30px;display: flex;gap: 3rem;padding-bottom: 30px;border-bottom: solid 1px #727B8D;}
.new-product-page .special-execution .inside-container .inside-content{width: 70%;}
.new-product-page .special-execution .inside-container .inside-content h1{color:#008aff ; font-family: 'Redhawk';margin: 30px 0 0 0;font-weight: 300;} 
.new-product-page .special-execution h1{font-family: 'Redhawk'; margin: 0; color: #20252E ;text-align: start;font-weight: 300;}
.new-product-page .special-execution span.inside-content-title{margin: 0; font-family: 'Redhawk';font-weight: 500;}
.new-product-page .special-execution span.last-paragraph{font-size:14px;margin: 10px 0 0 0; font-family: 'Redhawk';font-weight: 300;}
.new-product-page .special-execution .inside-container .inside-content .lower-content{margin-top: 50px;}
.new-product-page .special-execution .inside-container .inside-content .lower-content p.asset-title{font-size: 24px; color: #20252E;font-family: 'Redhawk';font-weight: normal;}
.new-product-page .special-execution .inside-container .inside-content .lower-content .box{display:flex;background-color: #DBE0E6; border-radius: 15px;padding: 40px 20px;margin-top: 10px;}
.new-product-page .special-execution .inside-container .inside-content .lower-content .box h3{margin: 0 0 10px 0; color:#008aff; font-family: 'Redhawk';font-weight :bold;}
.new-product-page .special-execution .inside-container .inside-content .lower-content .box p{margin: 0; color: #20252E; font-family: 'Redhawk';font-weight: normal;}
.new-product-page .special-execution .inside-container .inside-content .lower-content .box .left-box{padding-right:20px;width: 35%;margin-right: 60px;border-right: solid 1px #747B8B;}
.new-product-page .special-execution .inside-container .inside-content .lower-content .box .right-box{width: 50%;}


/* Contact */
.contact{background-color: #dbe0e6;padding-bottom: 50px;}
.contact img {height:580px;object-fit: cover;}
.contact .header-title{font-size: 55px;}
.contact .container{width: auto; max-width: 1500px; padding: 0 40px; margin: auto;}
.contact .inner-container{padding-bottom: 50px ;margin: -280px auto auto auto;background-color: white;border-radius: 15px;transform: perspective(10px);}
.contact .inner-container form{padding-left: 30px;}
.contact .inner-container form input{border: none ;border-bottom: 1.5px solid #727B8D; width: 90%;margin-bottom: 25px;padding-bottom: 10px;outline: none;font-family: 'Futura';font-weight: 500;}
.contact .inner-container form input.big-text{width: 95%;padding-bottom: 70px;}
.contact .inner-container form label{display: block;font-family: 'Futura';font-size: 13px;color: #20252E;font-weight: 500;}
.contact .inner-container .interest{padding: 30px 0px 30px 0px  ;display: -webkit-inline-box;width: auto;}
.contact .inner-container form .interest input[type='radio']:checked{background-color: #20252E; color: white;}
.contact .inner-container form .interest input[type='radio']{display: none; width: 15%;}
.contact .inner-container form .interest label{margin-right:30px;border: 1px solid #747B8B;padding: 15px 50px ;width: 18%;cursor: pointer; border-radius: 10px;font-family: 'Futura';font-weight: normal; font-size: 16px;text-align: center; transition: 0.4s;}
.contact .inner-container form .interest label.active{background-color: #20252E; color: white !important;}
.contact .inner-container form .interest label:hover{background-color: #20252E; color: white;}
.contact .inner-container form .interest label:checked{background-color: #20252E; color: white;}
.contact .inner-container .first-form{display:flex;justify-content: space-between;cursor: pointer;}
.contact .inner-container .first-form .left-form{width: 50%;}
.contact .inner-container .first-form .right-form{width: 50%;}
.contact .inner-container .interest .choose-interest{transition: 0.40s;width: 30%;margin-left: 20px;text-align: center;font-family: 'Futura';font-weight: normal;cursor: pointer;}
.contact .inner-container .interest .choose-interest:first-child{margin-left: 0;}
.contact .inner-container .interest a{color:#6e737a;border-style: solid;border-width: 1.3px;border-color: #6e737a;border-radius: 10px; padding: 10px 22px;font-size: 16px;}
.contact .inner-container .interest a:hover{color:white; background-color:#20252E;font-family: 'Futura Bold'; transition: 0.25s;font-weight: bold;}
.contact .inner-container form p.message{width: 38%;line-height: 20px; color: #6e737a ;font-family: 'Futura';font-weight: normal;font-size: 14px;}
.contact .inner-container form button.submit-button{transition: 0.40s;font-size: 13px;cursor: pointer;background: none; border-radius: 30px; border-color: #20252E;padding: 10px 60px;font-family: 'Futura Bold';-webkit-text-fill-color:black;font-weight: bold;}
.contact .inner-container form button.submit-button:hover{background-color: #20252E; color: white; font-family: 'Futura Bold';font-weight: bold;-webkit-text-fill-color:white}
.contact .inner-container form button.submit-button:hover i{color: white !important; transition: 0.40s;-webkit-text-fill-color: white;}
.contact .inner-container form button.submit-button i{color: #20252E !important; transition: 0.40s;-webkit-text-fill-color: #20252E;}
.header-title{position: relative;top: -320px; max-width: 1500px;width: auto ;padding: 0 40px;margin: auto; color: white; font-family:'Futura';font-size: 40px;font-weight: 500;}
.contact .radio-buttons{display: flex;margin-bottom: 30px;}
.contact .radio-buttons label{cursor: pointer;}
.contact .radio-buttons input{cursor: pointer;}
.inner-container form p.error-message.hidden{display: none}
.inner-container form p.error-message.error{color:#20252E; font-family: 'Futura';margin: 0 0 20px 0;font-weight: 500;}
.inner-container form p.error-message{color:#58151c; background: #f8d7da; padding: 16px 24px; width: fit-content; font-family: 'Futura';margin: 0 0 20px 0;font-weight: 500;border: 1px solid #f1aeb5; border-radius: 0.375rem;}
.contact .inner-container form select {text-transform: uppercase;-webkit-appearance: none;appearance: none;cursor: pointer;outline: 0;border: none;border-bottom: 0.75px solid #20252E;width: 90%;    margin-bottom: 25px;padding-bottom: 10px;padding-left: 10px;}
.contact .inner-container form select option {font-family: 'Futura';font-weight: 300;border-radius: 5px;font-size: 16px;line-height: 33px;text-transform: uppercase}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/*Thank you page*/
.thankyou-page-header{background-image: url(/assets/images/Group-4893-resized.png); background-size: cover;background-position: center; height: 538px; margin:-75px 0 0 0;}
.thankyou-page .container{max-width: 1500px; width: auto; padding: 0 40px; margin: auto;}
.thankyou-page .inner-container{position: relative;background-color: white; border-radius: 10px;padding:64px 52px; transform: translateY(85%);}
.thankyou-page .inner-container p{margin: 0;font-family: 'Futura';font-size: 18px;line-height: 23px;font-weight: 500;}
.thankyou-page .inner-container h1{margin: 0;color: #20252E;font-family: 'Futura';font-size: 40px;line-height: 47px;font-weight: normal;}
.thankyou-page{height: 400px;}
.thankyou-page img{filter: brightness(25%);height: 500px;}

.thankyou-job-page-header{background-image: url(/assets/images/Group-4932-resized.png); background-size: cover;background-position: center; height: 538px; margin:-75px 0 0 0;}
.thankyou-page-jobs .container{max-width: 1500px; width: 40px auto; padding: 0 40px; margin: auto;}
.thankyou-page-jobs .inner-container{position: relative;background-color: white; border-radius: 10px;padding:64px 52px; transform: translateY(95%);}
.thankyou-page-jobs .inner-container p{margin: 0;font-family: 'Futura';font-size: 18px;line-height: 23px;font-weight: 500;}
.thankyou-page-jobs .inner-container h1{margin: 0;color: #20252E;font-family: 'Futura';font-size: 40px;line-height: 47px;font-weight: normal;}
.products-page .end{height: 1300px;}

.thankyou-page-jobs.arabic .inner-container h1{font-family: 'Futura Bold';font-weight: bold;}
.thankyou-page-jobs.arabic .inner-container p{font-family: 'Futura';margin-top: 20px;font-size: 20px;line-height: 25px;font-weight: normal;}
/* News page */
.news-page img.header-image{height: 516px;object-fit: cover;}
 .news-page .image-container {position: relative;}
    .news-page .image-container .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 99%;background: rgba(0, 0, 0, 0.3);pointer-events: none;}
.news-page .container{max-width: 1500px; width: auto;;margin: auto;padding: 0 40px 70px 40px;position: relative; top: -80px;}
.news-page .container .title-box{width: 30%;position: relative;top: -200px;}
.news-page .container .title-box p{font-family: 'Futura Bold'; font-size: 16px; color: white; margin: 0;font-weight: bold;}
.news-page .container .title-box h1{margin: 20px 0 0 0 ;font-family: 'Futura'; color: #ffffff;font-size: 40px;font-weight: normal;}
.news-page .container .title-box p.small-phrase{font-family: 'Futura';color: #ffffff; font-size: 16px; margin: 0;font-weight: 300;}
.news-page .container .news-container{display: block;}
/* .news-page .container .news-container .left-container{margin: -180px 0 0 0; width: 46%;}
.news-page .container .news-container .right-container{margin: -300px 0 0 0; width: 46%;} */
.news-page .container .news-container .news-box:first-child{margin-top:40px;}
.news-page .container .news-container .news-box{margin-bottom:80px; display: inline-block;width: 47%;}
.news-page .container .news-container .news-box:nth-child(even){margin-top: -250px;float: right;}
.news-page .container .news-container .news-box:nth-child(odd){top: -150px;position: relative;}
.news-page .container .news-container .news-box .news-image{border-radius: 10px;}
.news-page .container .news-container .news-box .news-image img{width: 100%;object-fit: cover; border-radius: 10px;}
.news-page .container .news-container .news-box .news-content{width: 562px;margin-top: 20px;}
.news-page .container .news-container .news-box .news-content span.news-title{font-family: 'Futura'; font-size: 32px; color: #20252E;margin: 0;font-weight: 500;}
.news-page .container .news-container .news-box .news-content span.news-paragraph{font-family: 'Futura'; font-size: 18px; color: #20252E;margin: 0;font-weight: 500;}
.news-page .container .news-container .news-box .news-content p.news-date{font-family: 'Futura'; font-size: 13px; color: #20252E;font-weight: 500;}
.news-page .container .load-more-button{text-align: center;margin-top: -100px;}
.load-more{font-family: 'Futura Bold'; font-size: 13px;padding: 10px 60px;cursor: pointer;transition: 0.40s ;font-weight: bold;} 
.load-more i{margin-left: 15px;}
.whitecolor {color: white !important;}

/* Who we are page */
.about-us .container{max-width: 1500px; margin: auto; width: auto; padding: 0 40px;position: relative;top: -180px;}
.about-us .inner-container{max-width: 1500px; margin: auto;padding: 0 40px 280px 40px;}
.about-us .title-box{width: 800px;position: relative;padding: 250px 0 0 0;}
.about-us .title-box .carousel-buttons{padding-bottom: 50px;}
.about-us .title-box .carousel-buttons .paragraph-title{font-family: 'Futura Bold'; font-size: 16px; color: white; margin:0 ;cursor: pointer;font-weight: bold;}
.about-us .title-box .carousel-buttons .paragraph-title{margin:0 0 0 30px;}
.about-us .title-box .carousel-buttons .paragraph-title:first-child {margin-left: 0;text-transform: uppercase;}
.header-paragraph.slick-initialized.slick-slider .slick-list {height: 310px !important;}
.about-us h3.no-results{font-size: 30px; color:#20252E ;font-family: 'Futura Bold';text-align: center;position: relative;top: 30px;font-weight: bold;}
.about-us .location-filter{margin-bottom: 40px;}
.about-us .location-filter label{font-family: 'Futura Bold';font-weight: bold ;font-size: 16px; color: white; margin: 0 0 10px 0;}
.about-us .location-filter select{color:white;padding-left: 10px;background-color: transparent;text-transform: uppercase;-webkit-appearance: none; appearance: none;cursor: pointer;outline:0 ;border:  0.75px solid #EE2642;border-radius:20px ;width: 30%;margin-top: 20px; padding: 12px 0 12px 20px;}
.about-us .location-filter option{color: black;}
/* .about-us .container .title-box-two{width: 760px;position: relative;top: -800px;} */
.about-us .title-box p{font-family: 'Futura Bold';font-weight: bold ; font-size: 16px; color:white; margin: 35px 0 30px 0 ;}
.about-us .title-box h1{font-family: 'Futura';font-weight: 300 ; font-size: 32px; color: #ffffff; margin: 0;line-height: 38px;}
.about-us .title-box h2{font-family: 'Futura';font-weight: 300 ; font-size: 32px; color: #ffffff; margin: 0;line-height: 38px;}
.about-us .title-box .paragraph-two h2{font-family: 'Futura';font-weight: 300 ; font-size: 32px; color: #ffffff; margin: 0;line-height: 38px;}
/* .about-us .container .title-box-two p{font-family: 'Roboto-Bold'; font-size: 16px; color: #EE2642; margin: 0 0 30px 0 ;} */
/* .about-us .container .title-box-two h1{font-family: 'Roboto-Light'; font-size: 40px; color: #ffffff; margin: 0;} */
.about-us .container .team{gap:1rem;grid-template-columns: repeat(4, 25%);position: relative;padding-bottom: 70px;border-bottom: 1.5px solid #939599;}
.about-us .container .team .team-profile{width: 90%;}
.about-us .container .team .team-profile .team-image img{width: 100%; object-fit: cover; border-radius: 10px;}
.about-us .container .team .slick-list .slick-slide:nth-child(even) .team-profile{margin-top: 30px}
.about-us .container .team .team-profile .team-image{padding: 0 20px 0 0;}
.about-us .container .team .team-profile .team-content{width: 252px;}
.about-us .container .team .team-profile .team-content p.team-name{font-size: 32px; color:#20252E ; margin: 10px 0 0 0; font-family: 'Futura';font-weight:500 ;}
.about-us .container .team .team-profile .team-content p.team-position{font-size: 18px; color:#20252E ; margin: 5px 0 10px 0; font-family: 'Futura';font-weight: 500 ;}
.about-us .container .team .team-profile .team-content p.team-location{font-size: 12px; color:#20252E ; margin: 5px 0 10px 0; font-family: 'Futura';font-weight: 500 ;}
.about-us .container .team .team-profile .team-content div.team-description{font-size: 16px; color:#20252E ; margin: 0; font-family: 'Futura';font-weight: 300 ;line-height: 23px;}
.about-us .container .team .team-profile .team-content div.team-description p{ margin: 0;}
.about-us .container .director-box{text-align: center;width: 740px;margin: auto;position: relative;}
 p.title{color:#20252E ; font-size: 16px; font-family: 'Futura Bold';font-weight: bold ; margin: 20px 0 10px 0}
.about-us .container .director-box p.content{color:#20252E ; font-size: 40px; font-family: 'Futura';font-weight:normal ; margin: auto; word-spacing: 5px;}
.about-us .container .directors{display: flex;gap: 4rem;margin-top: 80px;position: relative;}
.about-us .container .directors:nth-child(odd){direction: rtl;}
.about-us .container .directors .director-profile{width: 600px;margin: auto 0 auto 0;}
.about-us .container .directors .director-profile .full-paragraph{display: none;}
.about-us .container .directors .director-profile a.read-more{color: black ;cursor: pointer;width: 100px; font-family: 'Futura';font-weight:normal ;display: block;margin-top: 20px;}
.about-us .container .directors .director-profile a.read-more:hover{background-color:#20252E;color: white;}
.about-us .container .directors .director-profile span.director-name{color:#20252E ; font-family: 'Futura'; font-size: 32px; margin: 0;font-weight: 300;}
.about-us .container .directors .director-profile div.director-description{color:#20252E ;font-family: 'Futura';font-weight:normal ; font-size: 16px; margin: 10px 0 0 0 ;}
.about-us .container .directors .director-profile span.description-full{color:#20252E ; font-family: 'Futura';font-weight:normal ; font-size: 16px; margin: 10px 0 0 0 ;}
.about-us .container .directors .director-profile .truncated-paragraph.hidden{display: none;}
.about-us .container .directors .director-profile div.director-description.hidden{display: none;}
.about-us .container .directors:nth-child(odd) .director-profile div.director-description {direction: ltr;text-align: right;}
.about-us .container .directors:nth-child(odd) .director-profile div.director-description p , .about-us .container .directors.directors:nth-child(odd) .director-profile span.description-full p {text-align: right;}
.about-us .container .directors .director-image img{object-fit: cover;border-radius: 10px;}
.about-us .milestone{background-image: url(/assets/images/group.png); background-size: cover;background-position: center;width: 100% ;height: auto;margin:auto;position: relative;}
.about-us .milestone.show-content{height: 100% !important;}
.about-us .milestone a.read-more{color: white ;cursor: pointer;width: 85px; font-family: 'Futura';font-weight: normal;display: block;margin-top: 20px;position: relative;top: -35px;text-decoration: none;}
.about-us .milestone a.read-more:hover{background-color:#EE2642;color: white;}
.about-us .component{position: relative;top: -180px;}
.about-us .row{display: flex;width: 1300px; margin:auto;justify-content: space-between;position: relative; top: -100px;}
.about-us .contact-us-gallery{width: 1300px;margin: auto;display: flex;justify-content: space-between;position: relative;top: -700px;}
.about-us img.header-image{height: 610px;}
.about-us .end{height: 1450px;}
.about-us .about-header-image{background-image: url(/assets/images/Turkey.jpg); background-size: cover;background-position: center;width: 100% ;margin: 0;height: auto;margin-top: -80px;}
.about-us .last-section{margin-top: 150px !important;}
.about-us .milestone .timeline .all-milestones.hidden{display: none;}
.about-us .milestone .timeline .limited-milestones.hidden{display: none;}
.about-us .milestone .timeline a.load-more.hidden{display: none;}
.about-us .title-box .carousel-buttons .paragraph-title:first-child h1 {font-size: 16px;line-height: 38px;font-weight: bold;display: contents;}
a.paragraph-title.tab-one.active  h1{color: white;}

/* News-Details page */

.news-details img.header-image{height: 516px;}
.news-details .container{max-width: 1500px;width: auto;padding: 0 40px; margin: 75px auto 0 0;}
.news-details .container .text-box{position: relative; top: -360px;}
.news-details .container .text-box p.news-date{font-family: 'Futura Bold';font-weight: bold; font-size: 16px; color: white;margin: 0 0 10px 0;}
.news-details .container .text-box h1.news-title{font-family: 'Futura';font-weight: normal; font-size: 40px; color: #ffffff;margin: 0;}
.news-details .container .news-header-image{position: relative; top: -330px;}
.news-details .container .news-header-image span.news-content{font-family: 'Futura';font-weight: normal;font-size: 20px ; color: #20252E; width: 1100px;line-height: 30px;margin: 20px 0 0 0;}
.news-details .container .first-box{border-bottom: 2px solid #939599;margin-bottom: 100px;height: 100%;padding-bottom: 10px;}
.news-details .container .first-section{width: 1100px;position: relative;margin-top: -270px;margin-bottom: 50px;}
.news-details .container .first-section p.title{font-family: 'Futura';font-weight: 300; color: #20252E;font-size: 32px;margin: 0 0 20px 0;}
.news-details .container .first-section span.content{font-size: 18px;font-family: 'Futura';font-weight: normal;line-height: 30px;margin: auto 0 40px auto;}
.news-details .container .second-section{width: 1100px;position: relative;top: -30px;}
.news-details .container .second-section p.title{font-family: 'Futura';font-weight: 300; color: #20252E;font-size: 32px;margin: 0;}
.news-details .container .second-section span.content{font-size: 16px;font-family: 'Futura';font-weight: 300;line-height: 30px;}
.news-details .container .news-image-gallery{gap: 5rem;display: grid;grid-template-columns: repeat(2, 47%);text-align: center;position: relative;}
.news-details .container .news-image-gallery img{width: 100%;object-fit: cover; border-radius: 10px;}
.news-details .container .quote-component{position: relative;margin-top: 50px;}
.news-details .container .quote-section{text-align: center;width: 900px;margin: auto;}
.news-details .container .quote-section span.quote{font-family: 'Futura';font-weight: 300; font-size: 32px; color: #20252E;margin: 0;}
.news-details .container .quote-section p.author{font-family: 'Futura';font-weight: normal; font-size: 18px; color: #20252E;margin: 30px 0 0 0;}
.news-details .other-news{position: relative;bottom: -10px;}
.news-details .other-news img.background-img{object-fit: cover;}
.news-details .other-news .inner-container{max-width: 1500px;padding: 0 40px ;width: auto;margin: auto;height: 0;position: relative; top: -820px;}
.news-details .other-news .inner-container .title{margin-bottom: 50px;}
.news-details .other-news .inner-container .title p{font-size: 40px; font-family: 'Futura';font-weight: 300; color:#20252E; display: inline;} 
.news-details .other-news .inner-container .title a.all-news{float:right;font-size: 13px; font-family: 'Futura Bold'; font-weight: bold;color:#20252E; padding: 10px 50px;} 
.news-details .other-news .inner-container .articles{display: flex;justify-content: space-between;}
.news-details .other-news .inner-container .articles .article-component{width: 47%;}
.news-details .other-news .inner-container .articles .article-component img{width: 100%; object-fit: cover; border-radius: 10px;}
.news-details .other-news .inner-container .articles .article-component a.news-bottom{text-decoration: none; cursor: pointer;}
.news-details .other-news .inner-container .articles .article-content{width: 560px;}
.news-details .other-news .inner-container .articles .article-content p.article-title{margin:20px 0 0 0 ;font-size: 33px; font-family: 'Futura';font-weight: normal;color: #20252E;}
.news-details .other-news .inner-container .articles .article-content span.article-body{font-size: 18px; font-family: 'Futura';font-weight: 300;color: #20252E;margin: 0;}
.news-details .other-news .inner-container .articles .article-content p.article-date{font-size: 13px; font-family: 'Futura';color: #20252E;font-weight: 500;}
.news-details .other-news .articles a.all-news{display: none;}
.news-details .other-news .inner-container .title a.all-news{text-decoration: none;}

.header-paragraph.slick-initialized.slick-slider {width: 880px;}

.about-us .locations-dropdown{position: relative; z-index: 99; width: 280px;display: inline-block;margin-right: 30px;}
.about-us .locations-dropdown *{box-sizing: border-box}
.about-us .locations-dropdown span{display: block; color: #FFFFFF; background-color: transparent; text-transform: uppercase; cursor: pointer; border: 0.75px solid white; border-radius: 20px; width: 100%; margin-top: 20px; padding: 10px 50px 10px 20px; font-family: "Futura", Helvetica, Arial, sans-serif; position: relative; font-size: 14px;font-weight: normal;}
.about-us .locations-dropdown span:after{content: '\f106'; font-family: 'Font Awesome 5 Free'; font-size: 20px; color: #FFFFFF; position: absolute; right: 20px; transition: .3s;font-weight: 900;}
.about-us .locations-dropdown.active span:after{transform: rotate(180deg)}
.about-us .locations-dropdown.active > ul{opacity: 1; visibility: visible}
.about-us .locations-dropdown ul{position: absolute; background-color: #FFFFFF; width: 100%; top: 25px; list-style: none; border-radius: 20px; padding: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: .3s}
.about-us .locations-dropdown ul > li{position: relative}
.about-us .locations-dropdown ul > li > a{font-family: "Futura", Helvetica, Arial, sans-serif; color: #000000;font-weight: normal; padding: 8px 20px; text-decoration: none; display: block; transition: .3s}
.about-us .locations-dropdown ul > li > a:hover{background-color: #20252E; color: #FFFFFF}
.about-us .locations-dropdown ul > li:first-child > a{border-top-left-radius: 20px; border-top-right-radius: 20px}
.about-us .locations-dropdown ul > li:last-child > a{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.about-us .locations-dropdown ul > li > ul{right: -100%; top: 0; opacity: 0; visibility: hidden}
.about-us .locations-dropdown ul > li:hover > ul{opacity: 1; visibility: visible}

.about-us .departments-dropdown{position: relative; z-index: 9; width: 280px;display: inline-block;margin-right: 30px;}
.about-us .departments-dropdown *{box-sizing: border-box}
.about-us .departments-dropdown span{display: block; color: #FFFFFF; background-color: transparent; text-transform: uppercase; cursor: pointer; border: 0.75px solid white; border-radius: 20px; width: 100%; margin-top: 20px; padding: 10px 50px 10px 20px; font-family: "Futura", Helvetica, Arial, sans-serif; position: relative; font-size: 14px;font-weight: normal;}
.about-us .departments-dropdown span:after{content: '\f106';font-family: 'Font Awesome 5 Free';font-size: 20px; color: #FFFFFF; position: absolute; right: 20px; transition: .3s;font-weight: 900;}
.about-us .departments-dropdown.active span:after{transform: rotate(180deg)}
.about-us .departments-dropdown.active > ul{opacity: 1; visibility: visible}
.about-us .departments-dropdown ul{position: absolute; background-color: #FFFFFF; width: 100%; top: 25px; list-style: none; border-radius: 20px; padding: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: .3s}
.about-us .departments-dropdown ul > li{position: relative}
.about-us .departments-dropdown ul > li > a{font-family: "Futura", Helvetica, Arial, sans-serif; color: #000000; padding: 8px 20px; text-decoration: none; display: block; transition: .3s;font-weight: normal;}
.about-us .departments-dropdown ul > li > a:hover{background-color: #20252E; color: #FFFFFF}
.about-us .departments-dropdown ul > li:first-child > a{border-top-left-radius: 20px; border-top-right-radius: 20px}
.about-us .departments-dropdown ul > li:last-child > a{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.about-us .departments-dropdown ul > li > ul{right: -100%; top: 0; opacity: 0; visibility: hidden}
.about-us .departments-dropdown ul > li:hover > ul{opacity: 1; visibility: visible}
.about-us .container .directors.directors:nth-child(odd) .director-profile span.description-full p  {direction: ltr;}

.news-page .news-container .news-box a.details-page{text-decoration: none;}

/* Careers page */
.careers-page .container .inner-container .contact-form {padding: 0 0 30px 0;}
.careers-page .container .inner-container .contact-form h2.title{font-family: 'Futura';font-weight: normal;font-size: 32px ; color: #20252E;margin-bottom: 40px;}
.careers-page .container .inner-container .contact-form form input{background-color: #FFFFFF;border: none ;border-bottom: 0.75px solid #727B8D; width: 100%;margin-bottom: 25px;padding-bottom: 10px;outline: none;font-family: 'Futura';font-weight: 300;}
.careers-page .container .inner-container .contact-form form label{display: block;font-family: 'Futura';font-size: 13px;color: #20252E;font-weight: 500;}
.careers-page .container .inner-container .contact-form form label.uploadBtn{color: #727B8D; border-bottom: 0.75px solid #727B8D;padding-bottom: 10px; font-size: 14px;font-family: 'Futura'; cursor: pointer;font-weight: 300;}
.careers-page .container .inner-container .contact-form .first-form{display:flex;justify-content: space-between;cursor: pointer;margin-bottom: 30px;}
.careers-page .container .inner-container .contact-form .first-form .left-form{width: 48%;}
.careers-page .container .inner-container .contact-form .first-form .right-form{width: 48%;}
.careers-page .container .inner-container .contact-form .first-form .right-form .file-upload{margin-top: 35px;}
.careers-page .container .inner-container .contact-form .first-form .right-form .file-upload img.paper-clip{margin-right: 5px; width:17px; height:19.5px}
.careers-page .container .inner-container .contact-form .first-form .right-form .file-upload .file-attach{ cursor: pointer;}

.careers-page .careers-page-header{background-image: url(/assets/images/Italy.jpg); background-size: cover;background-position: center; height: 516px; margin:-75px 0 0 0;}
.careers-page .careers-page-header .inner-title{position: relative; top: 210px;max-width: 1500px;margin: auto;padding: 0 40px;}
.careers-page .careers-page-header .inner-title h1{display:inline-block;font-size: 55px;width: auto;font-family: 'Futura'; color: #ffffff;font-weight: 300;}
.careers-page {background-color: #DBE0E6;}
.careers-page .container{background-color: #DBE0E6;padding: 0 40px;max-width: 1500px; margin: auto;}
.careers-page .container .inner-container{background-color: white; border-radius: 15px;padding:100px;position: relative; top: -70px;border-color: #707070;}
.careers-page .container .inner-container .filter p.filter-title{font-family: 'Futura'; font-size: 13px; color: #727B8D;font-weight: normal;}
.careers-page .container .inner-container .filter form.search-form {display: flex; justify-content: space-between;}
.careers-page .container .inner-container .filter form.search-form .item{width: 30%;}
.careers-page .container .inner-container .filter form.search-form label{font-family: 'Futura'; font-size: 13px; color: #20252E;font-weight: 500;}
.careers-page .container .inner-container .filter form.search-form select{padding-left: 10px;text-transform: uppercase;-webkit-appearance: none; appearance: none;cursor: pointer;outline:0 ;border: none; border-bottom: 0.75px solid #20252E; width: 100%;margin-top: 20px; padding-bottom: 12px;}
.careers-page .container .inner-container .filter form.search-form select::-webkit-scrollbar{background-color: white; color: black;}
.careers-page .container .inner-container .filter form.search-form select option{font-family: 'Futura';font-weight: 300; border-radius: 5px;font-size: 16px; line-height: 33px;text-transform: uppercase;margin-left: 10px;}
.careers-page .container .inner-container .filter form.search-form select option:hover{color: #008aff; cursor: pointer;}
.careers-page .container .inner-container p.positions-title{font-family: 'Futura'; font-size: 40px; color: #20252E;margin: 50px 0 25px 0;font-weight: normal;}
.careers-page .container .inner-container .jobs-section .job-container{border-radius: 15px;padding:50px 40px; margin-bottom: 15px; box-shadow: 0 0 25px #727B8D ;}
.careers-page .container .inner-container .jobs-section .job-container .job-logo{margin-bottom: 50px;object-fit: contain;}
.careers-page .container .inner-container .jobs-section .job-container .job-details{margin-bottom: 45px;border-top: 1px solid #000000;padding: 45px 0 0 0;}
.careers-page .container .inner-container .jobs-section .job-container .job-details:first-of-type{border-top: none;padding: 0;}
.careers-page .container .inner-container .jobs-section .job-container .job-details span.job-title{font-family: 'Futura'; font-size: 24px;color: #20252E;display: inline;font-weight: normal;}
.careers-page .container .inner-container .jobs-section .job-container .job-details span.job-date{font-family: 'Futura'; font-size: 12px;color: #20252E;display: inline;margin-left: 45px;font-weight: 300;}
.careers-page .container .inner-container .jobs-section .job-container .job-details span.job-location{font-family: 'Futura'; font-size: 13px;color: #20252E;display: block;margin-top: 10px;text-transform: uppercase;font-weight: 500;}
.careers-page .container .inner-container .jobs-section .job-container .job-details span.job-description{font-family: 'Futura'; font-size: 14px;color: #727B8D;display: block; margin-top: 24px;font-weight: 300;}
.careers-page .container .inner-container .jobs-section .job-container .job-details a.load-more{position: relative; padding: 13px 56px;color: #20252E;font-family: 'Futura Bold';text-decoration: none;opacity: 100%;float: right; transform: translateY(-100%);font-weight: bold;}
.border-bottom{border-bottom: solid 1px #727B8D;}
.padding-bt-50{padding-bottom: 50px;}


/*end Careers page */

/*Digital training */
.digital-training-page {background-color: #dbe0e6;}
.digital-training-page .header-image {margin-top: -20px;}
.digital-training-page .title-box{width: 100%;position: relative;top: -370px;direction: rtl;}
.digital-training-page .title-box h1{color: white;line-height: 60px;font-size: 38px;font-family: 'Futura';font-weight: normal;}
.digital-training-page .container{max-width: 1500px; width: auto; margin: auto; padding: 0 40px 70px; position: relative;}
.digital-training-page .inner-container {direction: rtl;width: 80%;padding: 50px 0;margin: -310px auto auto;background-color: #fff;border-radius: 15px;transform: perspective(10px);}
.digital-training-page .inner-container form {padding-right: 30px;}
.digital-training-page .inner-container form label {display: block;font-size: 20px;color: #20252e;font-family: 'Futura Bold';font-weight: bold;}
.digital-training-page .inner-container form input {border: none;border-bottom: 1.5px solid #727b8d;width: 90%;margin-bottom: 25px;padding-bottom: 10px;outline: none;font-family:'Futura';font-weight: normal;}
.digital-training-page .inner-container form button.submit-training {transition: .4s;font-size: 20px;cursor: pointer;background: 0 0;border-radius: 30px;border-color: #20252E;padding: 10px 40px;font-family: 'Futura';-webkit-text-fill-color: #000;margin-top: 15px;font-weight: bold;}
.digital-training-page .inner-container form button.submit-training i {color: #20252E!important;transition: .4s;-webkit-text-fill-color: #20252E;}
.digital-training-page .inner-container form button.submit-training:hover {background-color: #20252E;color: #fff;-webkit-text-fill-color:white}
.digital-training-page .inner-container form button.submit-training:hover i{color: white !important; transition: 0.40s;-webkit-text-fill-color: white;}
.digital-training-page .inner-container form p.error-message.error{font-family: 'Futura';font-weight: normal;}
/*end digital training*/

/* Job description */
.job-description-page{background-color: #DBE0E6;}
.job-description-page .job-description-page-header{background-image: url(/assets/images/job-header.png); background-size: cover;background-position: center; height: 516px; margin:0;}
.job-description-page .job-description-page-header .inner-title{max-width: 1500px;margin: auto; padding: 0 40px;position: relative ;top: 160px}
.job-description-page .job-description-page-header .inner-title span.job-date{text-transform: uppercase;font-family: 'Futura Bold'; font-size: 16px; color: white; display: block;font-weight: bold;}
.job-description-page .job-description-page-header .inner-title h1.job-title{font-family: 'Futura';font-weight: normal;font-size: 40px; color: #FFFFFF;display: inline-block; margin: 20px 0;}
.job-description-page .job-description-page-header .inner-title span.job-location{text-transform: uppercase;font-family: 'Futura';font-weight: normal;font-size: 16px; color: #FFFFFF;display: block;}
.job-description-page .job-description-page-header .inner-title .buttons-box{float: right; position: relative; top: -35px;}
.job-description-page .job-description-page-header .inner-title .buttons-box a.load-more{color: #ffffff; text-decoration: none; margin-right: 20px;}
.job-description-page .job-description-page-header .inner-title .buttons-box a.load-more:first-child{margin-right: 20px;}
.job-description-page .job-description-page-header .inner-title .buttons-box a.load-more:last-child{background-color: #EE2642;}
.job-description-page .container{background-color: #DBE0E6;padding: 0 40px;max-width: 1500px; margin: auto;}
.job-description-page .container .inner-container{background-color: white; border-radius: 15px;padding:100px;position: relative; top: -120px;border-color: #707070;}
.job-description-page .container .inner-container .job-description{margin-bottom: 95px;}
.job-description-page .container .inner-container .job-description h2.title{font-family: 'Futura'; font-size: 32px ; color: #20252E;font-weight: normal;}
.job-description-page .container .inner-container .job-description span.description{font-family: 'Futura';font-weight: 300;font-size: 16px ; color: #20252E; line-height: 30px;}
.job-description-page .container .inner-container .responsibilities{padding-bottom: 60px; border-bottom: 1px solid #727B8D; margin-bottom: 65px;}
.job-description-page .container .inner-container .responsibilities h2.title{font-family: 'Futura';font-weight: normal; font-size: 32px ; color: #20252E;}
.job-description-page .container .inner-container .responsibilities span.text{font-family: 'Futura';font-weight: 300;font-size: 16px ; color: #20252E;line-height: 30px;}
.job-description-page .container .inner-container .contact-form h2.title{font-family: 'Futura';font-weight: normal;font-size: 32px ; color: #20252E;margin-bottom: 40px;}
.job-description-page .container .inner-container .contact-form form input{background-color: #FFFFFF;border: none ;border-bottom: 0.75px solid #727B8D; width: 100%;margin-bottom: 25px;padding-bottom: 10px;outline: none;font-family: 'Futura';font-weight: 300;}
.job-description-page .container .inner-container .contact-form form label{display: block;font-family: 'Futura';font-size: 13px;color: #20252E;font-weight: 500;}
.job-description-page .container .inner-container .contact-form form label.uploadBtn{color: #727B8D; border-bottom: 0.75px solid #727B8D;padding-bottom: 10px; font-size: 14px;font-family: 'Futura'; cursor: pointer;font-weight: 300;}
.job-description-page .container .inner-container .contact-form .first-form{display:flex;justify-content: space-between;cursor: pointer;}
.job-description-page .container .inner-container .contact-form .first-form .left-form{width: 48%;}
.job-description-page .container .inner-container .contact-form .first-form .right-form{width: 48%;}
.job-description-page .container .inner-container .contact-form .first-form .right-form .file-upload{margin-top: 35px;}
.job-description-page .container .inner-container .contact-form .first-form .right-form .file-upload img.paper-clip{margin-right: 5px; width:17px; height:19.5px}
.job-description-page .container .inner-container .contact-form .first-form .right-form .file-upload .file-attach{ cursor: pointer;}
.job-description-page .container .inner-container .contact-form  form input.big-text {padding-bottom: 70px;width: 100%;}
.job-description-page .container .inner-container .contact-form a.submit-button{position:relative ;top: 30px;}
.job-description-page .inner-title .share-buttons{width: 50%;display: none;}
.job-description-page .inner-title .share-buttons ul.social-shares{margin: 25px 0 0 0;padding: 0;position: relative; right: 5px;}
.job-description-page .inner-title .share-buttons ul.social-shares li a.facebook_icon{display:block;border-radius: 50%;background-color: #365993;position: relative;width: 40px;height: 40px;color: white; text-decoration: none;}
.job-description-page .inner-title .share-buttons ul.social-shares li a.twitter_icon{display:block;border-radius: 50%;background-color: #7ec4de;position: relative;width: 40px;height: 40px;color: white; text-decoration: none;}
.job-description-page .inner-title .share-buttons ul.social-shares li a.linkedin_icon{display:block;border-radius: 50%;background-color: #0072b1;position: relative;width: 40px;height: 40px;color: white; text-decoration: none;}
.job-description-page .inner-title .share-buttons ul.social-shares li a.email_icon{display:block;border-radius: 50%;background-color: #008aff;position: relative;width: 40px;height: 40px;color: white; text-decoration: none;}
.job-description-page .inner-title .share-buttons ul.social-shares i.fab.fa-linkedin , .job-description-page .inner-title .share-buttons ul.social-shares i.fab.fa-twitter , .job-description-page .inner-title .share-buttons ul.social-shares i.fab.fa-facebook ,.job-description-page .inner-title .share-buttons ul.social-shares  i.fab.fa-envelope {position: relative;top: 11px;left: 12px;}
.job-description-page .inner-title .share-buttons ul.social-shares li{list-style-type: none;font-size: 16px; margin: 5px 10px 0 0;display: inline-block;}
.job-description-page .inner-title .share-buttons ul.social-shares li a i.fa{text-align: center;display: block;line-height: 40px;}
.job-description-page .job-description-page-header .inner-title .buttons-box a.scroll-to-form{background-color: #20252E;}
i.fab.fa-envelope::before {font-family: "Font Awesome 5 Free";content: "\f0e0";font-weight: 900;}
.slick-dots li.slick-active button:before {color:#008aff !important;top: -30px;font-size: 40px;}
.slick-dots li button:before{color:#008aff !important;top: -30px;font-size: 20px;}

/*end Job description */

/* Start Blog And SkillShop */
.blog-and-skillshop .homepage-header{height: fit-content;margin: 0px;position: relative;}
.blog-and-skillshop .homepage-header::before {content:""; position:absolute; height:100%; width: 100%; left: 0; right: 0;;pointer-events: none;z-index: 1; }
/* .blog-and-skillshop .homepage-header .inner-paragraph {position: relative; top: 40%; padding: 0 40px; transform: translateY(-20%) ;width: auto; max-width: 1500px; margin: auto;z-index:3} */
.blog-and-skillshop .homepage-header .inner-paragraph {position: relative; padding: 0 40px; width: auto; max-width: 1500px; margin: auto;z-index:3;justify-content: space-between;max-height: 100%;display: grid;grid-template-columns: 49.5% 47.5%;grid-column-gap: 3%;height: 550px;}
.blog-and-skillshop .homepage-header .inner-paragraph>div{margin: 150px 0 0 0;}
.blog-and-skillshop .homepage-header .inner-paragraph h1{font-size: 50px; color: #3950F5; font-family: 'Futura';margin: 0;line-height: 55px; max-width:600px;font-weight: 500;margin: 30px 0;}
.blog-and-skillshop .homepage-header .inner-paragraph p{color: #1D1A1E;font-size: 22px; font-family: 'Futura';margin: 0;width: 600px;}
.blog-and-skillshop .homepage-header .inner-paragraph img{padding: 40px 0 0 0;max-width: 100%;width: 100%;}
.blog-and-skillshop .homepage-header .inner-paragraph .scroll-down-image-mob{display:none;position:relative; z-index:2}
.blog-and-skillshop .homepage-header .scroll-down-image{text-align: center;position: absolute; bottom: 50px; left: 0; right: 0;z-index:2}
.blog-and-skillshop .homepage-header .bubbles{width: fit-content;position: absolute;bottom: -50px;right: 20px;z-index:2}
.blog-and-skillshop .homepage-header .bubbles img{max-width:100%}
.blog-and-skillshop .homepage-header .bubbles .bubbles-img-desk{display:block; z-index:2}
.blog-and-skillshop .homepage-header .bubbles .bubbles-img-mob{display:none; z-index:2}

.blog-and-skillshop .google-ad-specialist {padding: 130px 0 60px 0}
.blog-and-skillshop .google-ad-specialist .container {width: auto;max-width: 1500px;padding: 0 40px;margin: auto;}
.blog-and-skillshop .google-ad-specialist .title{display:flex; justify-content:center}
.blog-and-skillshop .google-ad-specialist .title h2{font-size: 40px;font-family: 'Futura';line-height:45px; color:#1D1A1E; text-align:center; max-width:963px; padding-bottom: 60px}
.blog-and-skillshop .google-ad-specialist .boxes{display: grid;gap: 26px;grid-template-columns: repeat(4, 1fr); padding-bottom: 42px}
.blog-and-skillshop .google-ad-specialist .boxes .box {position:relative; padding: 50px 30px 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius:10px;}
.blog-and-skillshop .google-ad-specialist .boxes .box span{position:absolute; top:-38px; left:20px; font-size:55px; font-family: 'Futura Bold';font-weight: bold;}
.blog-and-skillshop .google-ad-specialist .boxes .box span.red {color:#EA4335}
.blog-and-skillshop .google-ad-specialist .boxes .box span.blue {color:#4285F4}
.blog-and-skillshop .google-ad-specialist .boxes .box span.yellow {color:#FBBC05}
.blog-and-skillshop .google-ad-specialist .boxes .box span.green {color:#34A853}
.blog-and-skillshop .google-ad-specialist .boxes .box p{font-family: 'Futura';font-size:20px;line-height:25px; color: #1D1A1E}

.blog-and-skillshop .google-ad-specialist .link {display:flex; justify-content: center;}
.blog-and-skillshop .google-ad-specialist .link .box{display:flex; justify-content: center;transition: 0.40s;}
.blog-and-skillshop .google-ad-specialist .link a{font-family: 'Futura';font-size:20px;line-height:25px; color: #1D1A1E; text-decoration:none;padding: 10px 28px; border: 2px solid #1D1A1E; border-radius:30px; width:fit-content; margin-bottom:108px;}
.blog-and-skillshop .google-ad-specialist .link .box a{transition: 0.40s;}
.blog-and-skillshop .google-ad-specialist .link  a:hover{background-color: #20252E;}
.blog-and-skillshop .google-ad-specialist .link  a:hover,.blog-and-skillshop .google-ad-specialist .link  a:hover i{color: white !important;}

.blog-and-skillshop .google-ad-specialist .separator { border: 1px solid rgba(32, 37, 46, 0.5); }


.blog-and-skillshop .service {position:relative}
.blog-and-skillshop .service .service-circles-desk{position: absolute;top: 190px;left: 0;width: 200px;}
.blog-and-skillshop .service .service-circles-desk{position: absolute;top: 145px;left: 0;width: 200px;}
.blog-and-skillshop .service .service-circles-mob{display:none}
.blog-and-skillshop .service .container{width: auto;max-width: 1500px;padding: 0 40px;margin: auto;}
.blog-and-skillshop .service .title.title-mobile{display:none}
.blog-and-skillshop .service .title.title-desk{display:flex;flex-direction: column;align-items: center;}
.blog-and-skillshop .service .title{display:flex; justify-content:center}
/* .blog-and-skillshop .service .title h2{font-size: 50px;font-family: 'Futura';line-height:60px; color:#1D1A1E; text-align:center; max-width:750px; padding-bottom: 60px; text-transform:uppercase} */
.blog-and-skillshop .service .title h2{font-size: 45px;font-family: 'Futura';line-height:60px; color:#1D1A1E; text-align:center; max-width:625px; margin-bottom: 10px; text-transform:uppercase}
.blog-and-skillshop .service .title p{font-size: 25px;font-family: 'Futura';line-height:60px; color:#1D1A1E; text-align:center; max-width:750px; margin: 0 0 50px 0; text-transform:capitalize}
.blog-and-skillshop .service .title p span:nth-child(1){color: #4285F4;}
.blog-and-skillshop .service .title p span:nth-child(2){color: #EA4335;}
.blog-and-skillshop .service .title p span:nth-child(3){color: #FBBC05;}
.blog-and-skillshop .service .banner.banner-mobile{display:none; margin-bottom:59px;padding: 145px 35px;border-radius:0px;background-image: url("../../assets/images/blog-and-skillshop/pexels-fauxels.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.blog-and-skillshop .service .banner.banner-mobile .overlay-fill{border-radius:0px}
.blog-and-skillshop .service .banner.banner-mobile .title h3{font-size:36px; font-family: 'Futura';text-align:center; line-height:52px; padding-bottom:20px}
.blog-and-skillshop .service .banner.banner-mobile .box{display: grid;gap: 15px;grid-template-columns: repeat(1, 1fr);}
.blog-and-skillshop .service .banner .box .box-1{font-size:20px}
.blog-and-skillshop .service .banner{margin-bottom:55px;padding: 120px 60px;border-radius:20px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.blog-and-skillshop .service .overlay-fill {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #20252E; opacity: 0.65; z-index: 1;border-radius:0px; }
.blog-and-skillshop .service .overlay-fill {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #20252E; opacity: 0.65; z-index: 1;border-radius:20px; }
.blog-and-skillshop .service .banner > *:not(.overlay-fill) {position: relative;z-index: 2;}
.blog-and-skillshop .service .banner .title{display:flex; justify-content:center}
.blog-and-skillshop .service .banner .title h3{font-size: 40px;font-family: 'Futura';line-height:45px; color:white; text-align:center; max-width:600px; padding-bottom: 20px; margin:0}
.blog-and-skillshop .service .banner .description {display: flex;justify-content: center;}
.blog-and-skillshop .service .banner .description p{font-size: 22px;font-family: 'Futura'; color:white; text-align:center; max-width:645px;line-height: 30px; margin:0}
.blog-and-skillshop .service .banner .box{display: grid;gap: 50px;grid-template-columns: repeat(2, 1fr);}
.blog-and-skillshop .service .banner .box .box-1{font-size: 22px;font-family: 'Futura'; color:white;}
.blog-and-skillshop .service .banner .box .box-2{font-size: 16px;font-family: 'Futura'; color:white;}

.blog-and-skillshop .service .banner-texts {display: grid;gap: 50px;grid-template-columns: repeat(2, 1fr); margin-bottom: 100px;}
.blog-and-skillshop .service .banner-texts .text-item{font-size: 22px;font-family: 'Futura';color:#272C4F;margin-bottom: 30px;}

.blog-and-skillshop .service .sub-title{display:flex;flex-direction:column; justify-content:center; align-items:center}
.blog-and-skillshop .service .sub-title h3{font-size: 40px;font-family: 'Futura';line-height:45px; color:#1D1A1E; text-align:center; max-width:608px; padding-bottom: 25px; margin:0}
.blog-and-skillshop .service .ad-impact-cta {font-size: 22px;font-family: 'Futura'; color:#1D1A1E; text-align:center; max-width:840px; padding-bottom: 40px; margin:0}
.blog-and-skillshop .service .google-platforms {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius:10px;padding: 40px}
.blog-and-skillshop .service .google-platforms ul{display: grid;gap: 40px;grid-template-columns: repeat(5, 1fr);list-style:none;padding:0;margin:0}
.blog-and-skillshop .service .google-platforms ul li {display:flex; align-items:center}
.blog-and-skillshop .service .google-platforms ul li img{width:100%}

.blog-and-skillshop .service .results-cta-main{display:flex;justify-content:center; margin : 45px 0 35px 0}
.blog-and-skillshop .service .results-cta {font-size: 22px;font-family: 'Futura'; color:#1D1A1E; text-align:center; max-width:840px; padding-bottom: 0px; margin:0}

.blog-and-skillshop .service .link {display:flex; justify-content: center;}
.blog-and-skillshop .service .link .box{display:flex; justify-content: center;transition: 0.40s;}
.blog-and-skillshop .service .link a{font-family: 'Futura';font-size:20px;line-height:25px; color: #1D1A1E; text-decoration:none;padding: 10px 28px; border: 2px solid #1D1A1E; border-radius:30px; width:fit-content; margin-bottom:90px;}
.blog-and-skillshop .service .link .box a{transition: 0.40s;}
.blog-and-skillshop .service .link  a:hover{background-color: #20252E;}
.blog-and-skillshop .service .link  a:hover,.blog-and-skillshop .service .link  a:hover i{color: white !important;}


.latest-from-google-head .container{width: auto;max-width: 1500px;padding: 0 40px;margin: auto;text-align: center;}
.latest-from-google-head h2{font-size: 40px;font-family: 'Futura';line-height:45px; color:#1D1A1E; margin:0; padding-bottom:38px}
.latest-from-google-head p{font-size: 22px;font-family: 'Futura'; color:#20252E; margin:0;}

.latest-from-google {padding:64px 0;position:relative;background:#E8E8E8; margin-top: 20px;}
.latest-from-google .google-circles-desk{position: absolute; top:-100px; right:0; z-index:0}
.latest-from-google .google-circles-mob{display:none}
.latest-from-google .container{width: auto;max-width: 1500px;padding: 0 40px;margin: auto;}
.latest-from-google .main-title-desk h2{font-size: 40px;font-family: 'Futura';line-height:45px; color:#1D1A1E; margin:0; padding-bottom:38px}
.latest-from-google .main-title-mob {display:none}
.latest-from-google .content{display:grid; gap: 14px;grid-template-columns: repeat(2, 1fr);}
.latest-from-google .content .box-1 .box:first-child {margin-bottom: 30px; margin-right: 30px} 
/* .latest-from-google .content .box-1 .box:last-child {margin-left: 30px}  */
/* .latest-from-google .content .box-2  {display: flex;margin-top: 30px;}  */
.latest-from-google .content .box {background:white;border-radius:10px; display: flex; justify-content:space-between; align-items:center;  max-width:618px;gap:60px; padding: 40px 37px;position:relative;z-index:2; height: 120px; }
.latest-from-google .content .box h3{font-size: 28px;font-family: 'Futura'; color:#20252E; margin:0; padding-bottom:10px}
.latest-from-google .content .box p{font-size: 22px;font-family: 'Futura'; color:#20252E; margin:0; }

@media(min-width:1450px) and (max-width:1575px) {
    .blog-and-skillshop .homepage-header .inner-paragraph{height: 530px;}
    .blog-and-skillshop .homepage-header .inner-paragraph>div {margin: 140px 0 0 0;   }
}
@media(min-width:1350px) and (max-width:1449px) {
    .blog-and-skillshop .homepage-header .inner-paragraph{height: 500px;}
    .blog-and-skillshop .homepage-header .inner-paragraph>div {margin: 120px 0 0 0;   }
}
@media(min-width:1250px) and (max-width:1349px) {
    .blog-and-skillshop .homepage-header .inner-paragraph{height: 450px;}
    .blog-and-skillshop .homepage-header .inner-paragraph>div {margin: 100px 0 0 0;   }
}
@media(min-width:1024px) and (max-width:1249px) {
    .blog-and-skillshop .homepage-header .inner-paragraph{height: 400px;}
    .blog-and-skillshop .homepage-header .inner-paragraph>div {margin: 50px 0 0 0;   }
}


@media(min-width:1160px) and (max-width:1215px){
    /* .blog-and-skillshop .homepage-header .inner-paragraph h1{max-width:580px;} */
}
@media(max-width:1220px){
    .blog-and-skillshop .homepage-header .inner-paragraph p{max-width:500px}
}
@media(max-width:1160px){
    /* .blog-and-skillshop .homepage-header .inner-paragraph h1{max-width:400px;} */
    /* .blog-and-skillshop .homepage-header .inner-paragraph p{max-width:400px} */
}
@media(max-width:1155px){
  .latest-from-google .main-title-desk h2{max-width: 750px;}
}


/* End Blog And SkillShop */


/* Start Privacy Page */
.privacy-page .container {width: auto;max-width: 1500px;padding: 0 40px;margin: auto;}
.privacy-page .visually-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.privacy-page .container .title{font-size: 32px;font-family: 'Futura'; color:#20252E; margin-top: 40px;}
.privacy-page .container .text{font-size: 18px;font-family: 'Futura'; color:#20252E; }
.privacy-page .container .text:last-child{padding-bottom: 40px;} 
.privacy-page .container .text p{font-size: 18px;font-family: 'Futura'; color:#20252E; margin: 40px 0;}
.privacy-page .container .text ul{ margin: 20px 0;}

/* End Privacy Page */

/* General Css */
.top{top: -20px !important; transition: 0.5s !important;}
.red-point{font-family: 'Futura'; font-size: 85px; color: white;font-weight: normal;}
.center{text-align: center !important;}
.start{text-align: start !important;}
.active{color: #20252E;}
.active2 {color: white;font-weight: 700;}
.small-title{color: #20252E; font-family: 'Futura Bold'; font-size: 16px;font-weight: bold;}
.menu-toggle {display: block;color: #233f8e;font-size: 20px; cursor: pointer;}
.fa-bars:before{content: "\f0c9";}
.contact-active{background-color: #20252E;color: white;}
.white{color: white !important;}
.gray{color: #727B8D !important;}
.nn2{position: absolute;top: 350px;margin-left: 50px;right: 15px;margin-top: -100px;margin-right: 100px;border-radius: 50px;}
.pp2{position: absolute;right: 0;top: 250px;z-index: 2000;margin-right: 165px;border-radius: 50px;}
.pp2:hover{background-color: white;}
.nn2:hover{background-color: white;}
.nextArrowBtn{
    position: absolute;
    z-index: 1000;
    top: 50%;
    right: 0;
    color: #BFAFB2;
}
.prevArrowBtn{
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 0;
    color: #BFAFB2;
}


.our-companies-page .container .inner-container .accordion {display: flex;align-items: center;text-transform: uppercase;font-family: "Futura", Helvetica, Arial, sans-serif;font-size: 29px;background-color: white;color: #444;cursor: pointer;padding: 18px 15%;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;}
.our-companies-page .container .inner-container .accordion h2 {margin-right: 30px;margin-left: 20px;font-size: 29px;}
.our-companies-page .container .inner-container .panel {padding: 18px 0 18px 15%;background-color: white;display:block;overflow: hidden;}
.our-companies-page .container .inner-container .panel .row-50 {display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;}
.our-companies-page .container .inner-container .panel .row-50 .column-50:nth-child(odd) {clear: both;}
.our-companies-page .container .inner-container .panel .row-50 .column-50 {position: relative;padding-top: 50px;padding-right: 90px;}
.our-companies-page .container .inner-container .panel .row-50 .column-50 .seperator {margin: 20px 0;content: "";display: block;width: 110px;height: 5px;background-color: #20252E;border-radius: 5px;}
.our-companies-page .container .inner-container .panel .row-50 .column-50 .title {font-family: "Futura", Helvetica, Arial, sans-serif !important;margin-bottom: 20px !important;text-transform: uppercase !important;font-size: 24px !important;}
.our-companies-page .container .inner-container .panel .row-50 .column-50 .desc {font-family: "Futura", Helvetica, Arial, sans-serif;}
.our-companies-page .container .inner-container .panel .row-50 .column-50 .desc p {font-family: "Futura", Helvetica, Arial, sans-serif;line-height: 24px;}
.our-companies-page .our-companies-header {background-image: url(/assets/images/Qatar.jpg);background-size: cover;background-position: center;height: 516px;margin: -75px 0 0 0;}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
    /* .new-homepage .homepage-header .scroll-down-image{top: 40%;} */
    /* section.last-section .contact-us-gallery .gallery-image p.big-title{left: 25px;} */
    div.header{width: auto;margin: auto;}
    .about-us .container {width: auto;margin: auto;}
    /* .about-us .container .title-box {top: -440px;} */
    .about-us .container .team {gap: 1rem;}
    .about-us .container .team .slick-list .slick-slide:nth-child(even) .team-profile{margin-top: 0}
    .about-us .container .title-box h1{font-size: 35px;}
    .about-us .container .team .team-profile{width: 80%;}
    .about-us .container .team .team-profile .team-image img{width: 100%; object-fit: cover; border-radius: 10px;}
    .about-us .container .team .team-profile .team-content{width: auto;}
    #content{width: auto !important;}
    .news-page .container {width: auto;margin: auto;}
    .header-title{width: 1100px;}
    .contact .header-title{width: auto; top: -220px;}
    .contact .container{width: auto;}
    .contact .inner-container{margin: -200px auto auto auto;;}
    .thankyou-page .inner-container{width: auto; margin: 0 40px;}
    .products-page h1.header-title{width: 1150px;}
    .products-page .container{width: 1150px;}
    .products-page .special-execution{width: 1150px;}
    .products-page .phone-banner{width: 1150px;}
    .products-page .row{width: 1150px;}
    .products-page .work-with-us .work-with-us-row{width: 1150px;}
    .news-page .container .title-box{top: -200px;width: 40%;}
    .news-details .container{width: auto;}
    .news-details .container .text-box {top: -450px;}
    .news-details .other-news .inner-container {width: auto;}
    .news-details .container .news-header-image{top: -260px; width: auto;}
    .news-details .container .news-header-image span.news-content{width: auto;}
    .news-details .container .news-image-gallery img{width: 100%;}
    .news-details .container .text-box{top: -280px;}
    .news-details .container .text-box h1.news-title{font-size: 35px;}
    .news-details .other-news .inner-container .articles .article-content{width: auto;}
    .news-details .container .second-section{width: auto;}
    .news-details .container .first-section{width: auto; margin-top: 0;}
    .new-product-page .product-page-header .inner-title h1{width: auto; font-size: 40px;}
    .new-product-page .product-container .container{width: auto;}
    .new-product-page .phone-banner{width: auto;}
    .new-product-page .video-banner{width: auto;}
    .new-product-page .new-product-page .special-execution-section{width: auto;}
    section.last-section .work-with-us .work-with-us-row{width: auto;}
    section.last-section .row{width: auto;}
    section.last-section .contact-us-gallery{width:auto}
    section.last-section .contact-us-gallery .gallery-image{background-size:auto; border-radius: 20px;}
    section.last-section .contact-us-gallery .gallery-image img{width: 100%;}
    section.last-section .work-with-us .work-with-us-row .left-row p.big-title{font-size: 35px;}
    section.last-section .row .left-row p.big-title{font-size: 35px;}

    .news-page .container .news-container .left-container{margin: -180px 0 0 0;}
    .news-page .container .news-container .right-container {margin: -300px 0 0 0;}
    .news-page .container .news-container .news-box .news-image img{width: 100%;}

    .new-homepage .homepage-header .inner-paragraph h1{font-size: 50px; line-height: 60px; padding: 0 500px 0 0}
    .new-homepage .globe-section .inner-paragraph h2{font-size: 30px;}
    .new-homepage .video-section{width: auto; margin: -200px  auto auto auto;}
    /* .new-homepage .video-section video{width: 100%;height: auto;} */
    .new-homepage .before-carousel .inner-container{width: auto;}
    .new-homepage .our-partners h2{font-size: 40px;}

    .news-page .container .title-box p{font-size: 14px;}
    .news-page .container .title-box h1{font-size: 35px;}
    .news-page .container .news-container .left-container{margin-top: -120px;}
    /* .news-page .container .news-container .right-container{width: 40%;} */
    .news-page .container .news-container .news-box .news-content{width: auto;}
}

@media(min-width:1024px){
    .px-40{padding-left: 40px !important;padding-right: 40px !important;}
}

@media(max-width: 1024px) {
    .bg-white-mobile{display:block}
}

@media screen and (min-width: 550px) and (max-width: 1024px) {
    .about-us .container .directors .director-image{text-align: center;}
    .about-us .container .directors:nth-child(odd) .director-profile div.director-description p, .about-us .container .directors.directors:nth-child(odd) .director-profile span.description-full p {text-align: center !important;}
    .about-us .container .directors .director-image img{width: 500px !important;height: 650px !important;}
    .about-us .container .directors .director-profile{text-align: center;}
    .about-us .container .directors .director-profile a.read-more{margin:12px auto auto auto;}
}
@media screen and (min-width: 610px) and (max-width: 900px) {
    .new-homepage .video-section .video-overlay{height: 400px !important;}
}
@media screen and (min-width: 480px) and (max-width: 610px) {
    .new-homepage .video-section .video-overlay{height: 300px !important;}
}
@media screen and (min-width: 300px) and (max-width: 480px) {
    .new-homepage .video-section .video-overlay{height: 200px !important;}
}
@media screen and (min-width: 500px) and (max-width: 1024px) {
.new-homepage .digital-platforms .platforms{display: flex !important;padding: 0 20px !important;max-width: 1500px;margin: 80px auto auto;justify-content: space-between;}
.new-homepage .digital-platforms .right-platforms{margin-top: 0 !important;}
.new-homepage .digital-platforms .platforms .left-platforms img{margin-right: 20px;}
section.last-section .contact-us-gallery{text-align: center !important;display: flex !important;justify-content: space-between !important;padding: 0 20px  !important;gap: 0.5rem !important;}
section.last-section .contact-us-gallery .gallery-image p.big-title{font-size: 22px !important;line-height: 28px !important;width: 80%;}
section.last-section .contact-us-gallery .gallery-image a.load-more{transform: translateX(20%) !important;padding: 8px 20px !important;font-size:9px !important ;}
section.last-section .contact-us-gallery .gallery-image{width: 90% !important;}
}
@media screen and (min-width: 500px) and (max-width: 645px) {
    .new-homepage .digital-platforms .platforms .left-platforms img{max-width: 93px !important;}
}
/* @media screen and (min-width: 500px) and (max-width: 1024px) {
    section.last-section .contact-us-gallery .gallery-image{height: 550px;}
    section.last-section .contact-us-gallery .gallery-image img{height: 550px;}
    section.last-section .contact-us-gallery .gallery-image p.big-title{top: -20px !important;}
    section.last-section .contact-us-gallery .gallery-image a.load-more{top: 150px !important;}
} */

@media screen and (max-width: 900px) {
    .new-homepage .video-section .video-overlay{height: auto;}
    .new-homepage .video-section video{position: relative;}
}
@media screen and (max-width : 1024px){


    i.fab.fa-linkedin, i.fab.fa-twitter, i.fab.fa-facebook, i.fab.fa-envelope {left: 0;}
    .header-paragraph.slick-initialized.slick-slider .slick-list {height: auto !important;}
    .header-paragraph.slick-initialized.slick-slider {width: auto !important;}
    .our-companies-page .container .inner-container .accordion h2 {font-size: 15px;}
    .our-companies-page .container .inner-container .panel .row-50 {display: block;}
    .our-companies-page .container .inner-container .panel {padding: 18px 0 18px 0%;}
    .our-companies-page .container .inner-container .panel .row-50 .column-50 {width: 100%;}
    .our-companies-page .container .inner-container .panel .row-50 .column-50 .company img {height: 100px !important;width: 100px;}
    .our-companies-page .container .inner-container .panel .row-50 .column-50 .title {font-size: 25px !important;}

    .careers-page .container .inner-container .contact-form h2.title {font-size: 24px;}
    .careers-page .container .inner-container .contact-form .first-form {display: block;}
    .careers-page .container .inner-container .contact-form .first-form .left-form , .careers-page .container .inner-container .contact-form .first-form .right-form {width: 100%;}
    .careers-page .container .inner-container .contact-form form label {font-size: 11px;}
    .careers-page .container .inner-container .contact-form .first-form .right-form .file-upload {margin-top: 5px;margin-bottom: 30px;}
    .careers-page .container .inner-container .contact-form form input.big-text {padding-bottom: 70px;width: 100%;}

    .about-us .container .directors:nth-child(odd) .director-profile div.director-description p, .about-us .container .directors.directors:nth-child(odd) .director-profile span.description-full p {text-align: left;}
    .new-homepage .globe-carousel{max-height: 560px; overflow: hidden}
    section.last-section .contact-us-gallery .gallery-image img{width: 100%; object-fit: cover;}
    div.header ul.desktop-navbar{display: none;}
    div.header .main-container{display: none;}
    div.header a.logo-mobile{display: inline-block;position: relative; top: 15px;z-index: 99;}
    div.header {width: auto; padding: 0 20px;}
    div.header a.menu-bar{display: block;}
    .mobile-menu{width: 100%;position: fixed;z-index: 999;top: 0;right: -100%;transition: 0.5s ease-in-out;height: 100vh;overflow-y: scroll !important;}
    .show_mobile_menu{right: 0 !important;transition: 0.5s ease-in-out;}
    .mobile-menu .container .listing-menu{margin-top: 70px;}
    div.header .mobile-menu{display: block;}
    .mobile-footer{display: block; background-color: #20252E;padding: 10% 10%;bottom: 0;}
    .mobile-footer .page-listing{margin-top: 30px; padding-bottom: 20px; border-bottom: 0.5px solid #DBE0E6;}
    .mobile-footer .page-listing ul.mobile-footerLinks{display: grid;grid-template-rows: auto auto;grid-auto-flow: column;gap: 0 10px}
    .mobile-footer .page-listing ul.mobile-footerLinks li{margin-bottom: 10px;}
    .mobile-footer .page-listing ul.mobile-footerLinks li a{text-decoration: none;}
    .mobile-footer .contacts-link{margin-top: 30px !important;}
    .mobile-footer .full-address{display: grid;grid-template-columns: 1fr 1fr; grid-gap: 10px;padding-bottom: 20px;border-bottom: 0.5px solid #DBE0E6;}
    .mobile-footer .full-address p{font-family: 'Futura';font-weight: 300; font-size: 13px; line-height: 20px; color: #DBE0E6; width: 70%;}
    .mobile-footer .full-address li{list-style-type: none;padding-bottom: 15px;}
    .mobile-footer .full-address li h5, .mobile-footer .full-address li .list-header{margin: 0;color: white;font-family: 'Futura Bold';font-weight: bold;}
    .mobile-footer .full-address li p{margin: 0;font-size: 11px; line-height: 16px;color: #FFFFFF;font-family: 'Futura';font-weight: 300;}
    .mobile-footer p.copyright{font-family: 'Futura';font-weight: 300; font-size: 11px; color: white !important;margin-top: 50px;}
    .mobile-footer p.copyright a{color: white !important;}
    .mobile-footer p.copyright2{font-family: 'Futura';font-weight: 300; font-size: 11px; color: #20252E !important;margin-top: 50px;}
    .mobile-footer p.copyright2 a{color: #20252E !important;}
    .footer{display: none;}

    .pp2{top:350px; margin-right: 60px;}
    .nn2{margin-top: 0;margin-right: 0;}
    section.last-section .row{padding: 0;}

    /* Homepage */
    .new-homepage .homepage-header .inner-paragraph h1{font-size: 37px;line-height: 50px; padding: 0}
    .new-homepage .homepage-header .inner-paragraph p{text-align: start;width: 100%;}
    .new-homepage .homepage-header .scroll-down-image{bottom: 40px;}
    .new-homepage .homepage-header .inner-paragraph{left: 0; width: auto;padding: 0 20px;}
    .new-homepage .globe-section{height: 660px;}
    .new-homepage .globe-section {background-image: url(/assets/images/globe-mobile.jpg);}
    .new-homepage .globe-section .inner-paragraph{width: 95% !important; top: 150px;padding: 0 20px;}
    .new-homepage .globe-section .inner-paragraph p{font-size: 13px;}
    .new-homepage .globe-section .inner-paragraph h2{font-size: 27px;width: 100%;}
    .new-homepage .digital-platforms p{font-size: 13px;}
    .new-homepage .digital-platforms h2{font-size: 27px;}
    .new-homepage .digital-platforms .platforms{display: block;padding: 0 20px;}
    .new-homepage .digital-platforms .left-platforms .text p.big-text{font-size: 35px;}
    .new-homepage .digital-platforms .left-platforms .text p.small-text{font-size: 15px;}
    .new-homepage .digital-platforms .right-platforms .text p.big-text{font-size: 35px; color: #20252E; text-align: center;}
    .new-homepage .digital-platforms .right-platforms .text p.small-text{font-size: 15px;color: #20252E;text-align: center;}
    .new-homepage .digital-platforms .left-platforms{width: 100%; padding-bottom: 40px; border-bottom: 1.5px solid #939599;}
    .new-homepage .digital-platforms .right-platforms{width: 100%;margin-top: 45px;}
    .new-homepage .digital-platforms .left-platforms .text{text-align: center;border-bottom: none;padding-bottom: 10px;}
    .new-homepage .digital-platforms .platforms .left-platforms .images{grid-template-columns: 0.6fr 0.6fr;display: block;}
    .new-homepage .digital-platforms .platforms .text img.globe{top: -20px; height: auto;}
    .new-homepage .video-section{width: auto;margin: -70px auto auto auto;padding: 0 20px;}
    /* .new-homepage .video-section:before{bottom: 20px; right: 40px} */
    .new-homepage .video-section .play-button img{height: 50px; width: 50px;}
    /* .new-homepage .video-section video{width: 100%; height: auto} */
    .new-homepage .inner-container{width: auto;}
    .new-homepage .inner-container .text-box p{font-size: 13px;}
    .new-homepage .inner-container .text-box p.paragraph{font-size: 27px;}
    .new-homepage .inner-container .full-box{left: 0; text-align: center;top: 30px;}
    .new-homepage .inner-container .text-box{width: auto;}
    .new-homepage .inner-container .icon-box .icons .icon-text p.big-text{font-size: 45px;}
    .new-homepage .inner-container .icon-box{width: auto; margin-left: 20px;}
    .new-homepage .inner-container .icon-box .icons:nth-child(n+3){left: 0;}
    .new-homepage .inner-container .icon-box .icons{display: block;}
    .new-homepage .before-carousel{height: 608px; margin-top: -20px;}
    .new-homepage .before-carousel .inner-container{display: block; width: auto; top: 20px;padding: 0 20px;}
    .new-homepage .before-carousel .inner-container .right-text span.small-text{font-size: 13px;}
    .new-homepage .before-carousel .inner-container .right-text span.big-text{font-size: 27px; line-height: 35px; margin-bottom: 20px;}
    .new-homepage .before-carousel .inner-container .left-text span{font-size: 15px;}
    .new-homepage .before-carousel .inner-container .right-text{width: auto;}
    .new-homepage .before-carousel .inner-container .left-text{width: 80%; right: 0;top: 0;}
    .new-homepage .our-partners h2{font-size: 27px;}
    .new-homepage .before-carousel .inner-container .right-text a.load-more{position: relative; bottom: 20px;}
    .new-homepage .inner-container .icon-box .icons .icon-text{position: relative; top: -20px; left: 5px;}
    .new-homepage .carousel-slide .projectDetsSlider img{height: 328px;}
    .new-homepage .before-carousel .inner-container .inner-carousel{display: block !important; }
    .new-homepage .before-carousel .inner-container .inner-carousel a.mobile-button{display: inline-block;margin-top: 20px;}
    .new-homepage .before-carousel .inner-container .inner-carousel a.desktop-button{display: none;}
    .new-homepage .carousel-slider{margin: auto 20px; position: relative; top: -150px;}
    .new-homepage .our-partners{margin-top: -150px;padding: 0 25px;}
    .new-homepage .before-carousel .buttons{width: auto;left: 0;}
    .new-homepage .digital-platforms img{object-fit: cover;height: 160px;margin: auto;}
    .new-homepage .our-partners .partner-carousel-one a img{max-width: 90px;}
    .new-homepage .our-partners .partner-carousel-two a img{max-width: 90px;}
    .new-homepage .our-partners .partner-carousel-one{margin-bottom:10px; padding: 0;}
    .new-homepage .our-partners .partner-carousel-two{padding: 0 0 40px 0;margin-bottom:25px;}
    .new-homepage .carousel-slider .projectDetsSlider img.carousel-image{width: 100% !important; height: 328px !important; object-fit: cover;}
    /* more about us */

    section.last-section .row{width: auto; display: block;}
    section.last-section .row .right-row{margin: 80px 20px auto 20px;width: auto;}
    section.last-section .row .left-row{margin : auto 20px auto 20px ; width: auto;}
    section.last-section .row .left-row p.small-title{font-size: 13px;}
    section.last-section .row .left-row a.load-more{position: relative; top: 20px;}
    section.last-section .row .right-row img{width: 100%; height: 328px;}
    section.last-section .work-with-us{height: 690px;}
    section.last-section .row .left-row p.big-title{font-family: 'Futura';font-weight: 300; font-size: 27px; color: #20252E; line-height: 35px;}
    section.last-section .row .left-row p.content{font-family: 'Futura';font-weight: 300;font-size: 15px; color: #20252E; line-height: 20px;}
    .work-with-us .work-with-us-row .right-row a.load-more{position: relative; top: 30px;}
    section.last-section .contact-us-gallery{margin: -120px 20px auto 20px;display: block; width: auto;padding: 0;}
    section.last-section .work-with-us .work-with-us-row{top: 150px; display: block; margin: auto 20px;padding: 0;}
    .new-homepage .last-section .work-with-us .work-with-us-row{margin: 50px 20px;}
    section.last-section .work-with-us .work-with-us-row .left-row{width: auto;}
    section.last-section .work-with-us .work-with-us-row .right-row{width: auto; top: 0;}
    section.last-section .work-with-us .work-with-us-row .left-row p.big-title{font-size: 27px; line-height: 35px;}
    section.last-section .work-with-us .work-with-us-row .left-row p.small-title{font-size: 13px;}
    section.last-section .work-with-us .work-with-us-row .left-row p.content{font-size: 15px; line-height: 20px;}
    section.last-section .contact-us-gallery .gallery-image{margin: auto; width: auto;}
    section.last-section .contact-us-gallery .gallery-image:last-child{margin-bottom: 30px;}
    section.last-section .contact-us-gallery .gallery-image p.big-title{top: 80px;}
    section.last-section .contact-us-gallery .gallery-image p.big-title span.red-point{font-size: 35px !important;}
    section.last-section .contact-us-gallery .gallery-image a.load-more{top: 200px; transform: translateX(60%);}

    /* Contact Us mobile*/
    .contact .inner-container .interest{width: 100%;padding: 0;position: relative; top: 20px;}
    .contact .inner-container .interest .choose-interest{display: block;margin-bottom: 15px;width: auto;margin-right: 20px;}
    .contact .inner-container .interest .choose-interest:first-child{margin-top: 20px;}
    .contact .inner-container .first-form{display: block;}
    .contact .inner-container{width: auto; margin: -200px auto auto auto;}
    .contact .header-title{width:auto; top: -230px; font-size: 33px;padding: 0 20px;}
    .contact .container{padding: 0 20px;}
    .contact img.header-image{height: 385px;}
    .contact .inner-container .first-form .left-form{width: 100%;margin-top: 50px;}
    .contact .inner-container .interest a{margin-left: 30px !important;}
    .contact .inner-container form p.message{width: 90%;}
    .contact .inner-container form input.big-text{width: 90% !important; }
    .contact .inner-container .first-form .right-form {width: 100%;}
    .contact .inner-container form button.submit-button{font-size: 11px;padding: 10px 43px;}


    /*thank you */
    .thankyou-page img{height: 480px;}
    .thankyou-page .inner-container{width: auto; margin: 0 50px; top: -340px;}
    .thankyou-page .inner-container h1{margin-bottom: 20px;font-size: 27px; text-align: center;}
    .thankyou-page .inner-container p{font-size: 15px; text-align: center;}

    /* News page */
    .news-page img.header-image{height: 434px;}
    .news-page .container{width: auto;padding: 0 20px;}
    .news-page .container .news-container{display: block; margin-top: -100px;}
    .news-page .container .load-more-button{margin-top: 50px;}
    .news-page .header-image{height: 434px;}
    .news-page .container .title-box{width: auto; margin: 0 50px;}
    .news-page .container .title-box h1{font-size: 27px;}
    .news-page .container .title-box p{font-size: 13px;}
    .news-page .container .title-box p.small-phrase{font-size: 15px;}
    .news-page .container .title-box{top: -230px;}
    .news-page .container .news-container .news-box {display: block;width: 100%;}
    .news-page .container .news-container .news-box:nth-child(even){margin-top: 0; float: none;}
    .news-page .container .news-container .news-box:nth-child(odd){top: 0;}
    .news-page .container .news-container .news-box{margin-bottom: 40px;}
    .news-page .container .news-container .news-box .news-content{width: auto;margin: 0 50px;}
    .news-page .container .news-container .news-box .news-content span.news-title{font-size: 24px;}
    .news-page .container .news-container .news-box .news-content span.news-paragraph{font-size: 15px;display: none;}
    .news-page .container .news-container .right-container {top: -170px;}
    .news-page .container .title-box{top: -120px; margin: 0 20px;}
    .news-page .container .news-container .left-container{margin: -100px 0 0 0; width: auto;}
    .news-page .container .news-container .right-container{margin: 0; width: auto;}
    .news-page .container .news-container .news-box .news-image{margin: auto 20px;}
    .news-page .container .news-container .news-box .news-image img{width: 100%; height: 330px; object-fit: contain; border-radius: 10px;}
    .news-page .container .news-container .news-box .news-content{margin: 0 20px;}

    /* products */
    .new-product-page .product-page-header{height: 385px;}
    .new-product-page .product-page-header .inner-title{top: 130px; margin: auto 20px;}
    .new-product-page .product-page-header .inner-title h1{width: auto;padding:0}
    .new-product-page .product-container {position: relative; top: -22px;padding: 0 0 100px 0;}
    .new-product-page .product-container .container{width: auto; margin: 20px;}
    .new-product-page img.header-image{height: 385px;}
    .new-product-page .inner-title h1{font-size: 33px !important;}
    .new-product-page .header-title{top: -280px;}
    .new-product-page .product-container .container .sections .section-one .content h1{font-size: 27px;}
    .new-product-page .product-container .container .sections .section-one .content span{font-size: 15px;}
    .new-product-page .product-container .container .sections .section-one .content span.last-paragraph{font-size: 13px;}
    .new-product-page .product-container .container .sections .section-one{display: block;}
    .new-product-page .product-container .container .sections .section-one .content{width: auto;margin: 0 30px; text-align: left;}
    .new-product-page .product-container .container .sections .section-one .image{width: auto;}
    .new-product-page .phone-banner{width: auto;position: relative; padding: 0 20px; margin: -230px auto auto auto;}
    .new-product-page h1.static-banner{font-size: 27px; margin-bottom: 20px;}
    .display-phone{justify-content:space-between; margin: 0 20px;}
    .new-product-page .phone-banner .display-phone .phone-container{margin: 0;}
    .new-product-page .phone-banner .display-phone .phone-container img{width: 130px;}
    p.phone-title{font-size: 13px;}
    .new-product-page .video-banner{width: auto;padding: 0 20px;}
    .new-product-page .video-banner h1{font-size: 27px; margin-bottom: 15px;}
    .new-product-page .video-banner .display-phone .phone-container img{width: 130px;}
    .new-product-page .special-execution-section{padding: 0 20px;}
    .new-product-page .special-execution{width: auto;}
    .new-product-page .special-execution h1{font-size: 27px; text-align: start !important;margin: 0 20px;}
    .new-product-page .special-execution .inside-container{display: block; margin: 40px 20px auto 20px;}
    .new-product-page .special-execution .inside-container .inside-image{margin: auto;}
    .new-product-page .special-execution p{margin-top: 10px;}
    .new-product-page .special-execution .inside-container .inside-image img{width: 200px;}
    .new-product-page .special-execution .inside-container .inside-content{width: auto; margin:auto;}
    .new-product-page .special-execution .inside-container .inside-content .lower-content .box{display: block;}
    .new-product-page .special-execution .inside-container .inside-content .lower-content .box .left-box{width: auto;padding-bottom: 30px; border-bottom: 0.75px solid #747B8B;  border-right: none;}
    .new-product-page .special-execution .inside-container .inside-content .lower-content .box .right-box{width: auto;margin-top: 20px;}
    .work-with-us .work-with-us-row{display: block; width: auto !important;top: -450px; margin: 0 20px;}
    .work-with-us .work-with-us-row .left-row{width: auto;}
    .work-with-us .work-with-us-row .right-row{top: 0; left: 0; width: auto;}
    .work-with-us .work-with-us-row .left-row p.content{font-size: 15px; margin: 15px auto 20px auto;}
    .work-with-us .work-with-us-row .left-row p.big-title{font-size: 27px;}
    .work-with-us .work-with-us-row .right-row p.content{width: auto; margin: 15px auto 25px auto;}
    .products-page .end{height: auto;}
    .contact-us-gallery{width: auto; display: block;}
    .contact-us-gallery .gallery-container{height: auto; width: auto;}
    .new-product-page .phone-banner .display-phone{justify-content: space-between !important;}
    .new-product-page .phone-banner .phone-container p.phone-title{font-size: 13px;}
    .new-product-page .video-banner .display-phone{justify-content: space-between !important;}
    .new-product-page .video-banner .phone-container{margin: 0;}
    .new-product-page .video-banner .phone-container p.phone-title{font-size: 13px;}
    section.last-section .contact-us-gallery .gallery-image{width: auto; margin-bottom: 30px;padding-right: 20px;}


    /* news details */
    .news-details .container{width: auto;padding: 0 20px;}
    .news-details img.header-image{height: 434px; width: 100%;}
    .news-details .container .text-box h1.news-title{font-size: 27px;}
    .news-details .container .text-box p.news-date{font-size: 13px;}
    .news-details .container .text-box{top: -250px;}
    .news-details .container .news-header-image{top: -200px ;}
    .news-details .container .news-header-image img{height:328px; object-fit: cover; border-radius: 10px;}
    .news-details .other-news .inner-container .articles .article-component img{object-fit: contain; border-radius: 10px;}
    .news-details .container .news-header-image span.news-content{font-size: 16px; width: auto;}
    .news-details .container .first-section{width: auto; top: -170px;margin-top: 0;}
    .news-details .container .first-section span.content{font-size: 18px;}
    .news-details .container .second-section span.content{font-size: 13px;}
    .news-details .container .first-section p.title{font-size: 24px;margin-bottom: 15px;}
    .news-details .container .second-section p.title{font-size: 24px;}
    .news-details .container .news-image-gallery{display: block;}
    .news-details .container .news-image-gallery img{width: 100%;margin-bottom: 20px;}
    .news-details .container .quote-section{width: auto;}
    .news-details .container .quote-section span.quote{font-size: 24px;}
    .news-details .container .quote-section p.author{font-size: 15px;}
    .news-details .container .second-section{width: auto;}
    .news-details .other-news .inner-container{width: auto; top: -1400px;padding: 0 20px;}
    .news-details .other-news .inner-container .articles .article-component{width: auto;}
    .news-details .other-news .inner-container .title{text-align: center;margin-bottom: 35px;}
    .news-details .other-news .inner-container .title p{font-size: 27px;}
    .news-details .other-news .inner-container .articles{display: block;}
    .news-details .other-news img.background-img{height: 1500px;}
    .news-details .other-news .inner-container .articles .article-component{margin: 0 20px 20px 20px;}
    .news-details .other-news .inner-container .articles .article-component img{width: 100%;}
    .news-details .other-news .inner-container .articles .article-content{width: auto;}
    .news-details .other-news .inner-container .articles .article-content p.article-title{font-size: 24px;}
    .news-details .other-news .inner-container .articles .article-content span.article-body{font-size: 15px;}   
    .news-details .other-news .inner-container .articles .article-content p.article-date{font-size: 11px;}
    .news-details .other-news .inner-container .title a.all-news{display: none;font-family: 'Futura Bold'; color:#20252E;font-weight: bold;}
    .news-details .other-news .articles a.all-news{text-align: center;display: block;font-family: 'Futura Bold'; color:#20252E; font-size: 11px;width: 30%; margin: 25px auto auto auto;text-decoration: none;font-weight: bold;}
    .news-details .container .first-box{padding: 0; margin-bottom: 60px;}

    /*Digital training*/
    .digital-training-page  img.header-image{height: 434px;}
    .digital-training-page .title-box{top: -220px;}
    .digital-training-page .title-box h1{color: white;line-height: 20px;font-size: 14px;font-family: 'Futura';}
    .digital-training-page .inner-container {width: 100%;padding: 50px 0;margin: -180px auto auto;}
    .digital-training-page .inner-container form {padding-right: 30px;}
    .digital-training-page .inner-container form label {font-size: 15px;}
    .digital-training-page .inner-container form button.submit-training {font-size: 10px;padding: 8px 25px;}

    /* about0us */
    .about-us .container{width: auto; margin: 0 20px;padding: 0;top: -280px;}
    .about-us .milestone .timeline{top: 50px !important;}
    .about-us .inner-container{padding: 0 20px 320px 20px;}
    .about-us .locations-dropdown{margin: 0 0 15px 0; width: 100%}
    .about-us .departments-dropdown{width: 100%; margin: 0}
    .about-us .title-box{width: auto;padding: 300px 10px 0 0;}
    .about-us .title-box p{font-size: 13px;}
    .about-us .title-box h1{font-size: 24px;line-height: 34px;}
    .about-us .title-box h2{font-size: 24px;line-height: 34px}
    .about-us .title-box .carousel-buttons .paragraph-title {margin: 0 0 0 15px;}
    .about-us .title-box .carousel-buttons .paragraph-title {font-size: 13px;display: inline-block;}
    .about-us .title-box .paragraph-two h2{font-size: 24px;line-height: 34px;}
    .about-us .container .team{display: block;padding-bottom: 0;}
    .about-us .container .team .team-profile{margin-bottom: 50px;}
    .about-us .container .team .team-profile:nth-child(odd){top: 0;}
    .about-us .container .team .team-profile:nth-child(even){direction: rtl;margin-left: 30px;}
    .about-us .container .team .team-profile .team-content{width: 224px;margin: auto;}
    .about-us .container .team .team-profile:nth-child(even) .team-content{text-align: end ;}
    .about-us .container .team .team-profile .team-image img{width: 224px; height: 323px; object-fit: cover; border-radius: 10px;margin: auto;}
    .about-us .container .team .team-profile .team-content p.team-name{font-size: 24px;}
    .about-us .container .team .team-profile .team-content p.team-position{font-size: 15px;}
    .about-us .container .team .team-profile .team-content p.team-description{font-size: 13px;}
    .about-us .container .director-box{width: auto;}
    .about-us .container .director-box p.content{font-size: 27px; text-align: center;}
    .about-us .container .directors{display: block;}
    .about-us .container .directors .director-image img{width: 100%;}
    .about-us .container .directors .director-profile{width: auto; margin-top: 20px;}
    .about-us .container .directors:nth-child(odd){direction: ltr;}
    .about-us .container .directors .director-profile p.director-name{font-size: 24px;}
    .about-us .container .directors .director-profile span.director-description{font-size: 15px;}
    .about-us .contact-us-gallery{width: auto; display: block; top: -650px;}
    .about-us h3.no-results{top: -20px; font-size: 25px;}
    .about-us .end{height: auto;}
    .about-us .nn2{top: -74px;width: 30%; }
    .about-us .pp2{width: 30%;}
    .load-more{font-size: 11px; padding: 10px 26px;}
    .news-page .load-more{position: relative; top: 50px;}
    .about-us .milestone{height: auto;}
    .about-us .milestone .timeline .event:first-child h3{font-size: 27px !important;}
    .about-us .milestone .timeline .event h3{font-size: 11px !important;}
    #content{width: auto !important;}
    .about-us .milestone .timeline{margin: 50px 0 50px 40px !important; width: auto !important; max-width: 100% !important;padding: 50px 0 50px 50px !important;}
    .timeline .event:before { left: -48px !important; top: -30px;}
    .event.snapchat:before{width: 26px !important; height: 25px !important;}
    .event.metaverse:before{width: 27px !important; height: 18px !important;}
    .event.tiktok:before{width: 22px !important; height: 25px !important;}
    .event.instagram:before{width: 25px !important; height: 25px !important;}
    #content{padding: 60px 40px !important}
    .about-us .locations-dropdown ul > li > ul{display: none}
    .about-us .locations-dropdown ul{display: none}
    .about-us .locations-dropdown.active > ul{display: block}

    @media screen and (max-width: 390px){
        .about-us .about-header-image {height: auto;}
    }
    /*Thank you page*/
    .thankyou-page-header{height: 453px;}
    .thankyou-page .container{padding: 0 20px;}
    .thankyou-page .inner-container{position: relative;background-color: white; border-radius: 10px;padding:36px 32px 33px 34px; transform: translateY(85%);}
    .thankyou-page .inner-container p{font-size: 15px;line-height: 20px;text-align: center;margin-top: 10px;}
    .thankyou-page .inner-container h1{font-size: 27px;line-height: 47px;text-align: center;}


    .thankyou-job-page-header{height: 453px;}
    .thankyou-page-jobs .container{padding: 0 20px;}
    .thankyou-page-jobs .inner-container{position: relative;background-color: white; border-radius: 10px;padding:36px 32px 33px 34px; transform: translateY(110%);}
    .thankyou-page-jobs .inner-container p{font-size: 15px;line-height: 20px;text-align: center;margin-top: 10px;}
    .thankyou-page-jobs .inner-container h1{font-size: 27px;line-height: 35px;text-align: center;}

    /* Careers */
    .careers-page .careers-page-header{height: 386px;}
    .careers-page .careers-page-header .inner-title{padding: 0 15px;}
    .careers-page .container{padding: 0 15px;}
    .careers-page .careers-page-header .inner-title h1{font-size: 25px;}
    .careers-page .container .inner-container .filter p.filter-title{font-size: 11px;}
    .careers-page .container .inner-container .filter form.search-form label{font-size: 11px;}
    .careers-page .container .inner-container p.positions-title{font-size: 27px;margin-top: 55px;}
    .careers-page .container .inner-container{padding: 20px;}
    .careers-page .container .inner-container .filter form.search-form{display: block;}
    .careers-page .container .inner-container .filter form.search-form .item{width: 100%;margin-bottom: 30px;}
    .careers-page .container .inner-container .jobs-section .job-container{padding: 30px 20px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details{margin-bottom: 70px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details span.job-title{display: block;font-size: 18px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details span.job-date{display: block;margin-left: 0;font-size: 10px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details span.job-location{font-size: 11px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details span.job-description{font-size: 12px;}
    .careers-page .container .inner-container .jobs-section .job-container .job-details a.load-more{float: none;top: 75px;display: block; width: 25%;}

    /*end careers */
    .padding-bt-50{padding-bottom: 70px;}

    /* job application PAGE */
    .job-description-page .container{padding: 0 20px;}
    .job-description-page .container .inner-container{padding: 38px 20px 50px 20px; top: -70px;transition: 0.6s !important;}
    .job-description-page .job-description-page-header .inner-title{top: 130px;padding: 0 20px;}
    .job-description-page .job-description-page-header .inner-title span.job-date{font-size: 13px;}
    .job-description-page .job-description-page-header .inner-title h1.job-title{font-size: 27px;display: block;}
    .job-description-page .job-description-page-header .inner-title span.job-location{font-size: 13px;}
    .job-description-page .job-description-page-header .inner-title .buttons-box{float: none; top: 0;margin-top: 40px;}
    .job-description-page .job-description-page-header .inner-title .buttons-box a.load-more{display: block; text-align: center;margin-right: 0;}
    .job-description-page .job-description-page-header .inner-title .buttons-box a.load-more:first-child{margin-bottom: 10px;margin-right: 0;}
    .job-description-page .container .inner-container .job-description h2.title{font-size: 24px;margin: 0;}
    .job-description-page .container .inner-container .job-description span.description{font-size: 15px;}
    .job-description-page .container .inner-container .responsibilities{padding-bottom: 30px; margin-bottom: 40px;}
    .job-description-page .container .inner-container .responsibilities h2.title{font-size: 24px;}
    .job-description-page .container .inner-container .responsibilities span.text{font-size: 13px;}
    .job-description-page .container .inner-container .contact-form h2.title{font-size: 24px;}
    .job-description-page .container .inner-container .contact-form .first-form{display: block;}
    .job-description-page .container .inner-container .contact-form .first-form .left-form{width: 100%;}
    .job-description-page .container .inner-container .contact-form .first-form .right-form{width: 100%;}
    .job-description-page .container .inner-container .contact-form form label{font-size: 11px;}
    .job-description-page .container .inner-container .contact-form form button.load-more{margin-top: 10px !important;}
    .job-description-page .container .inner-container .contact-form a.submit-button{top:20px}
    .job-description-page .container .inner-container .contact-form .first-form .right-form .file-upload{margin-top: 5px; margin-bottom: 30px;}
    .job-description-page .container .inner-container .contact-form .first-form .right-form .file-upload img.paper-clip{width:14px; height:15.5px}
    .job-description-page .container .inner-container .contact-form form label.uploadBtn{font-size: 12px;}
    .job-description-page .inner-title .share-buttons{width: 100%;}
    .job-description-page .inner-title .share-buttons ul.social-shares{text-align: center;}

    /* Start Blog and skillshop */
    /* .blog-and-skillshop .homepage-header{ height: calc(100vh - 110px);} */
    /* .blog-and-skillshop .homepage-header .inner-paragraph h1{font-size: 35px;line-height: 45px; padding: 0}
    .blog-and-skillshop .homepage-header .inner-paragraph p{text-align: start;width: 100%;font-size: 18px; padding-bottom:40px}
    .blog-and-skillshop .homepage-header .scroll-down-image{display: none}
    .blog-and-skillshop .homepage-header .inner-paragraph{top:110px;left: 0; width: auto;padding: 0 20px;}
    .blog-and-skillshop .homepage-header .inner-paragraph .scroll-down-image-mob{display:block}
    .blog-and-skillshop .homepage-header .bubbles {bottom: -40px}
    .blog-and-skillshop .homepage-header .bubbles .bubbles-img-desk{display:none;}
    .blog-and-skillshop .homepage-header .bubbles .bubbles-img-mob{display:block;} */

    .blog-and-skillshop .google-ad-specialist {padding-top:130px; padding-bottom: 0px;}
    .blog-and-skillshop .google-ad-specialist .boxes{display: grid;gap: 50px 26px;;grid-template-columns: repeat(2, 1fr); margin-bottom:35px;}
    .blog-and-skillshop .google-ad-specialist .link a{margin-bottom:0}
    .blog-and-skillshop .google-ad-specialist .link .box{margin-bottom:88px}
    
    .blog-and-skillshop .service .google-platforms ul {grid-template-columns: repeat(1, 1fr); gap:40px}
    .blog-and-skillshop .service .google-platforms ul li{justify-content:center}
    .blog-and-skillshop .service .google-platforms ul li img{max-width: 200px}
    
    
    .blog-and-skillshop .service .title.title-mobile{display:flex;flex-direction: column;align-items: center; padding-bottom: 160px;}
    /* .blog-and-skillshop .service .title.title-mobile h2{font-size: 35px;line-height:40px; padding-bottom: 160px; max-width:312px;margin-bottom:0} */
    .blog-and-skillshop .service .title.title-mobile h2{font-size: 35px;font-family: 'Futura'; max-width:312px;margin-bottom:15px;line-height: 40px;}
    .blog-and-skillshop .service .title.title-mobile p{font-size: 22px;font-family: 'Futura'; max-width:312px;margin-bottom:0;line-height: 40px;}
    .blog-and-skillshop .service .title.title-desk{display:none}
    .blog-and-skillshop .service .service-circles-desk{display: none}
    .blog-and-skillshop .service .service-circles-mob{display:block;position: absolute;top: 220px;left: 0;}
    .blog-and-skillshop .service .banner.banner-mobile {display:block}
    .blog-and-skillshop .service .banner {display:none}
    .blog-and-skillshop .service .sub-title h3{font-size: 30px;line-height:35px;}

    .latest-from-google .google-circles-desk{display:none}
    .latest-from-google .google-circles-mob{display:block; position:absolute;top:-40px;right:0}
    .latest-from-google .main-title-desk {display:none}
    .latest-from-google .main-title-mob {display:block}
    .latest-from-google .main-title-mob h2{font-size: 30px;font-family: 'Futura';line-height:35px; color:#1D1A1E; margin:0; padding-bottom:38px;position:relative;max-width:180px}
    /* .latest-from-google .main-title-mob h2{font-size: 30px;font-family: 'Futura';line-height:35px;margin:0; } */
    .latest-from-google .main-title-mob h2 span{display:block}
    .latest-from-google .content{gap:0;grid-template-columns: repeat(1, 1fr);}
    .latest-from-google .content .box-1 .box:first-child {margin-bottom: 30px; margin-right: 0px} 
    .latest-from-google .content .box-1 .box:last-child {margin-bottom: 30px;; margin-left: 0px} 
    .latest-from-google .content .box-2  {display: block; margin-top: 0;} 
    .latest-from-google .content .box{flex-direction: column; gap:25px; align-items:flex-start; padding:30px; height: auto;}
    .latest-from-google .content .box h3{font-size: 22px;}
    .latest-from-google .content .box p{font-size: 18px;}

    /* End Blog and skillshop */

    /* end job application PAGE */
    .red-point{font-size: 63px;}

    .blog-and-skillshop .homepage-header .inner-paragraph{display: block;}
    .blog-and-skillshop .homepage-header .inner-paragraph img {padding: 20px 0 0 0;height: 400px;object-fit: cover;border-radius: 110px; }
    .blog-and-skillshop .homepage-header .inner-paragraph {top: 30px; }
    .blog-and-skillshop .homepage-header .inner-paragraph>div{margin: 0;}

    /* Start Privacy */

    .privacy-page .container{width: auto;padding: 0 20px;}
    .privacy-page .container .title{font-size: 28px;}
    .privacy-page .container .text p{font-size: 16px;}
}

@media (min-width: 1025px) and (max-width: 1099px) {
div.header ul li a{font-size:12px}
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .digital-training-page .header-image {height: 550px;}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
    .digital-training-page .title-box h1{line-height: 25px;font-size: 20px;}
    .digital-training-page .title-box {top: -270px;}
}

@media(max-width:992px){
 
    .blog-and-skillshop .homepage-header .bubbles {bottom: -40px; right:0}
    .blog-and-skillshop .homepage-header .bubbles .bubbles-img-desk{display:none;}
    .blog-and-skillshop .homepage-header .bubbles .bubbles-img-mob{display:block;}
    .blog-and-skillshop .homepage-header .inner-paragraph h1{font-size: 35px;line-height: 40px; padding: 0; margin:10px 0;}
    .blog-and-skillshop .homepage-header .inner-paragraph p{text-align: start;width: 100%;font-size: 17px; }
    
}

@media (min-width: 768px) and (max-width: 992px) {
    .blog-and-skillshop .homepage-header .bubbles img{width:300px}
}

@media(max-width:768px){
    .blog-and-skillshop .google-ad-specialist .title h2{font-size:30px;line-height: 40px;}
    .blog-and-skillshop .google-ad-specialist .boxes{display: grid;gap: 78px;grid-template-columns: repeat(1, 1fr);}
    .blog-and-skillshop .google-ad-specialist .link a{font-size:14px;}
    .blog-and-skillshop .google-ad-specialist .separator{display: none}
}

@media(max-width:767px){
    .blog-and-skillshop .homepage-header .scroll-down-image{display: none}
    .blog-and-skillshop .homepage-header .inner-paragraph .scroll-down-image-mob{display:block; padding-top: 25px;}
    .blog-and-skillshop .homepage-header .inner-paragraph{left: 0; width: auto;padding: 0 20px;}
    
    /* .blog-and-skillshop .service .title.title-mobile h2{font-size:30px; margin-top:0} */
    .blog-and-skillshop .service .title.title-mobile h2{font-size:40px; margin-top:0}
    .blog-and-skillshop .service .service-circles-mob {top:255px}

    .blog-and-skillshop .google-ad-specialist .link .box, .blog-and-skillshop .service .link .box {flex:1}
    .blog-and-skillshop .google-ad-specialist .link a, .blog-and-skillshop .service .link a{ width: 100%;display: flex;justify-content: center;align-items: center; text-transform: uppercase;}

    .blog-and-skillshop .homepage-header .inner-paragraph h1{max-width:300px;}

    .blog-and-skillshop .service .banner-texts{gap:0;grid-template-columns: repeat(1, 1fr);}
    .blog-and-skillshop .service .banner-texts .text-item{margin-bottom: 40px;}

}

@media(max-width:309px){
    .blog-and-skillshop .service .service-circles-mob{top:230px}
}

@media(max-width:287px){
    .blog-and-skillshop .service .service-circles-mob{top:280px}
}

@media(max-width:258px){
    .blog-and-skillshop .service .service-circles-mob{top:310px}
}



/* @media(max-width: 546px){
    .blog-and-skillshop .service .service-circles-mob{display:block;position: absolute;top: 190px;left: 0;}

} */

@media screen and (max-width: 465px){
    section.last-section .contact-us-gallery .gallery-image{height: 360px; margin-bottom: 30px;}
    section.last-section .contact-us-gallery .gallery-image img{width: 100%; height: 360px;}
    section.last-section .contact-us-gallery .gallery-image a.load-more{top: 180px;transform: translateX(20%);}
    .contact .inner-container form .interest label{font-size: 13px;}
}

@media (max-width:376px){
    .blog-and-skillshop .homepage-header .bubbles {bottom: -60px;}
    .blog-and-skillshop .homepage-header .bubbles .bubbles-img-mob {width: 255px;}
}

@media screen and (max-width: 830px){
    .contact .inner-container .interest{display:block;width: auto;padding: 0;position: relative; top: 20px;}
    .contact .inner-container form .interest label{width: auto;margin-bottom: 30px;}
    .contact.form  .inner-container form{padding-top: 10px;}
    .checkbox-group input {margin-bottom:5px !important;width: 15px !important;}
    .contact.form .inner-container form button.submit-button {margin-top: 40px;}
    .inner-container form p.error-message.error {margin-top: 20px;}
    .contact .inner-container form select {-webkit-appearance: none;appearance: none;-moz-appearance: none;background-color: transparent;color: initial;}
    .contact .inner-container form input {background-color: transparent !important;}
    .checkbox-group .field-container:last-child {margin-top: 10px;}
}


strong {font-weight: 600;}

#content {max-width: 1500px;margin: auto;text-align: center;width: auto;padding: 80px 0;}

/* Timeline */

.about-us .milestone .timeline {border-left: 1px solid white;border-bottom-right-radius: 4px;border-top-right-radius: 4px;background: fade(white, 3%);color: fade(white, 80%);font-family: 'Source Sans Pro', sans-serif;;  margin: 50px 50px 50px 180px;letter-spacing: 0.5px;position: relative;top: 0;line-height: 1.2em;font-size: 1.03em;   padding: 50px;   list-style: none;text-align: left;  font-weight: 100;  max-width: 50%; }
.about-us .milestone .timeline .event {border-bottom: 1px dashed fade(white, 10%);padding-bottom: (50px * 0.5);margin-bottom: 50px;  position: relative;}
.event:last-of-type { padding-bottom: 0;margin-bottom: 0; border: none;      }
.event:before, .event:after {position: absolute;display: block;top: 0;}
.event-image img{object-fit: contain;position: absolute;left: -60px;}
.event.snapchat:before{width: 30px; height: 30px; background: url('/assets/images/Group-4854.png') no-repeat center; background-size: contain;left: (((120px * 0.6) + 50px + 4px + 11px + (4px * 2)) * 1.5) * -1;    color: fade(white, 40%);    content: '';text-align: right;font-weight: 100;    font-size: 0.9em;min-width: 120px;}
.event.metaverse:before{width: 30px; height: 30px; background: url('/assets/images/metaverse.png') no-repeat center; background-size: contain;left: (((120px * 0.6) + 50px + 4px + 11px + (4px * 2)) * 1.5) * -1;    color: fade(white, 40%);    content: '';text-align: right;font-weight: 100;    font-size: 0.9em;min-width: 120px;}
.event.tiktok:before{width: 30px; height: 30px; background: url('/assets/images/tiktok.png') no-repeat center; background-size: contain;left: (((120px * 0.6) + 50px + 4px + 11px + (4px * 2)) * 1.5) * -1;    color: fade(white, 40%);    content: '';text-align: right;font-weight: 100;    font-size: 0.9em;min-width: 120px;}
.event.instagram:before{width: 30px; height: 30px; background: url('/assets/images/instagram.png') no-repeat center; background-size: contain;left: (((120px * 0.6) + 50px + 4px + 11px + (4px * 2)) * 1.5) * -1;    color: fade(white, 40%);    content: '';text-align: right;font-weight: 100;    font-size: 0.9em;min-width: 120px;}
.event:after { box-shadow: 0 0 0 4px fade(#4298C3,100%);left: (50px + 4px + (11px * 0.35)) * -1;background: lighten(#252827,5%);border-radius: 50%;height: 11px; width: 11px; content: ""; top: 5px;}
.about-us .milestone .timeline .event:first-child h3{font-size: 40px;font-family: 'Futura';color: white;line-height: 47px;font-weight: normal;}
.about-us .milestone .timeline .event h3{font-size: 20px;font-family: 'Futura';font-weight: 300;color: white;line-height: 28px;margin-bottom: 70px;}
.about-us .milestone .timeline .event:after {left: -54.8px;background: white;border-radius: 50%;height: 10px;width: 10px;content: "";top: 5px;box-shadow: 0 0 40px 5px white;}
.timeline .event:before {left: -180px;color: rgba(255, 255, 255, 0.4);content: attr(data-date);text-align: right;font-weight: 100;font-size: 0.9em;min-width: 120px;}





/* slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* End slick.css */


/* slick-theme.css */
@charset 'UTF-8';
/* Slider */
/* .slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
} */

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /* src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */
/* } */ 
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* End slick-theme.css */

/* Start Bubble circles */
.blog-and-skillshop .homepage-header .circle-container {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 40px;
  pointer-events: none; /* So it doesn't interfere with interaction */
  z-index: 3;}

.blog-and-skillshop .homepage-header .circle {
    border-radius: 50%;
    animation: float 12s linear infinite;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.blog-and-skillshop .homepage-header .circle-scale-effect{animation: scaleUp .75s forwards; transform-origin: center; position: relative; transform: scale(0)}
.blog-and-skillshop .homepage-header .circle-scale-effect.circle-blue{width: 185px; height: 185px; right: 270px; top: 103px}
.blog-and-skillshop .homepage-header .circle-scale-effect.circle-yellow{width: 113px; height: 113px; top: 50px; right: 75px; animation-delay: .5s}
.blog-and-skillshop .homepage-header .circle-scale-effect.circle-red{width: 90px; height: 90px; right: 30px; top: 300px; animation-delay: 1.1s}
.blog-and-skillshop .homepage-header .circle-scale-effect.circle-green{width: 50px; height: 50px; right: -40px; top: 330px; animation-delay: 1.6s}


.blog-and-skillshop .homepage-header .blue {
  background-color: #4285F4;
}

.blog-and-skillshop .homepage-header .red {
    background-color: #EA4335;
}

.blog-and-skillshop .homepage-header .yellow {
    background-color: #FBBC05;
}

.blog-and-skillshop .homepage-header .green {
  background-color: #34A853;
}

@media (max-width:767px) {
    .blog-and-skillshop .homepage-header .circle-scale-effect.circle-blue{right: 70px;top: 200px;width: 130px;height: 130px;}
    .blog-and-skillshop .homepage-header .circle-scale-effect.circle-red{right: -65px;top: 375px;width: 60px;height: 60px;;}
    .blog-and-skillshop .homepage-header .circle-scale-effect.circle-yellow{top: 170px;width: 90px;height: 90px;right: -10px;}
    .blog-and-skillshop .homepage-header .circle-scale-effect.circle-green{ right: -101px;width: 30px;height: 30px;top: 393px;}
}

/* Vertical float with slight sway */
@keyframes float {
  0%   { transform: translate(0, 0); }
  10%  { transform: translate(-10px, -20px); }
  20%  { transform: translate(-20px, -30px); }
  30%  { transform: translate(-35px, -25px); }
  40%  { transform: translate(-45px, -10px); }
  50%  { transform: translate(-40px, 10px); }
  60%  { transform: translate(-30px, 30px); }
  70%  { transform: translate(-15px, 35px); }
  80%  { transform: translate(0, 25px); }
  90%  { transform: translate(5px, 10px); }
  100% { transform: translate(0, 0); }
}

@keyframes scaleUp {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
/* End Bubble circles */