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

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


:root{
  --body-font: 'Narkiss Block';
  --white:#ffffff;
  --black:#000000;
  --dark:#181818;
  --blue:#00A3FF;
  --gray:#7B7B7B;
  --red:#FF3333;
  --blue-dark:#005584;
}

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 20px 50px 0;}
html, body{ -webkit-appearance:none; appearance:none; border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; right: -20px; top: 11px; width: 6px; height: 6px; background-color: var(--dark); border-radius: 50%; content: ""; }

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size:20px; font-weight: 400; color: var(--gray); line-height:28px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden; direction: rtl; text-align: start; background-color:var(--white); }
*,*:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}

h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); font-weight: 400;color:var(--dark); line-height:1; }


h1,.h1 {font-size:50px;}
h2,.h2 {font-size:48px;}
h3,.h3 {font-size:30px;} 
h4,.h4 {font-size:25px;}
h5,.h5 {font-size:22px;}
h6,.h6 {font-size:18px;}

p {margin-bottom:30px;}
p:last-child {margin-bottom: 0;}

strong {font-weight: 700;}
hr {border:0 #231F20 solid; border-top-width: 2px; clear: both; height: 0;}
ol {list-style: decimal;}

/* 3. Images
------------------------------------------------------------------------------*/

img {max-width: 100%; border: 0; border-style: none; height: auto;}
/* 4. Links
------------------------------------------------------------------------------*/   

a{color: var(--black); text-decoration:none;transition: 0.5s; display: inline-block;}
/* 5. Forms
------------------------------------------------------------------------------*/

.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin: 0 0 0 0;  padding:15px 59px;  border-radius:10px; background-color:var(--blue); border: 1px solid transparent; display: inline-flex;align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:400;color: var(--white); font-size: 18px; line-height:18px; position: relative;outline: none;box-shadow:none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; justify-content: center;}
.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:var(--red);} 

.button.black, a.button.black, button.black, html input[type="button"].black, input[type="reset"].black, input[type="submit"].black {background-color: #231F20;}
.button.black:hover, a.button.black:hover, button.black:hover, html input[type="button"].black:hover, input[type="reset"].black:hover, input[type="submit"].black:hover {background-color: #D92948;}



input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0;  padding:13px 0px;  border-radius:0px; background-color:transparent; border: 0; border-bottom:1px solid #515151; display: inline-block; vertical-align: middle; font-family: var(--body-font); font-weight: 400; color: var(--white); font-size:16px; line-height:20px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0;  width: 100%; text-align: right;}
.rtl input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {direction: rtl !important;}
select {height:40px;}
input::-webkit-input-placeholder {color: #A1A1A1;opacity:1;}
input:-moz-placeholder {color:#A1A1A1; opacity:1;}
input::-moz-placeholder {color: #A1A1A1; opacity:1;}
input:-ms-input-placeholder {color: #A1A1A1;opacity:1;}
textarea::-webkit-input-placeholder {color: #A1A1A1; opacity:1;}
textarea:-moz-placeholder {color:#A1A1A1; opacity:1;}
textarea::-moz-placeholder {color: #A1A1A1; opacity:1;}
textarea:-ms-input-placeholder {color: #A1A1A1; opacity:1;}

textarea {resize: none;}

input[type="search"]:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select{
    border-color: var(--white);
}

fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/

table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/

.container{max-width: 1400px; width: 100%; padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 
.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: start;}
.text-right{text-align: end;}
.font-light {font-weight: 300;}

/** hamburger mobile menu **/

.hamburger {padding: 0;height: 32px;width: 32px; border-radius: 50%; border: none;outline: none !important;background-color: var(--white); position: relative;z-index: 9999;display: none;}
.hamburger .hamburger_inner, .hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {width: 23px; height: 1px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;border-radius: 4px;background-color: var(--dark); position: absolute;right: 0;left: 0;}
.hamburger .hamburger_inner{transition: top 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);top: 0;bottom: 0;margin: auto;}
.hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {display: block;content: "";}
.hamburger .hamburger_inner:before {transition: top 75ms ease 0.12s,opacity 75ms ease;top: -8px;}
.hamburger .hamburger_inner:after {transition: bottom 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom: -8px;}
.hamburger.active .hamburger_inner {transition: top 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(-45deg);top: 0;background-color: var(--black);}
.hamburger.active .hamburger_inner:before {top: 0;transition: top 75ms ease,opacity 75ms ease 0.12s;opacity: 0;background-color: var(--black);}
.hamburger.active .hamburger_inner:after {bottom: 0;transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(90deg);background-color: var(--black);}

/** hamburger mobile menu end **/

body{padding-top: 78px; }
.home{background-color: var(--dark); }
.articles-lobby-page{background-color: var(--dark);}

.header{padding: 0 0 10px 0; background-color: var(--white); position: fixed; left: 0; right: 0; top: 0; z-index: 9; }

.header-in{padding: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.logo{padding: 0; }
.logo a{display: inline-block; vertical-align: middle;}
.logo img,
.logo svg{vertical-align: middle; object-fit: contain; max-width: 84px; }

.main-menu{padding: 10px 0 0 0; }
.nav{padding: 0;}
.nav ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.nav ul li{padding: 0; margin: 0 1px; list-style: none; font-size: 18px; color: var(--dark); font-weight: 400; line-height: 22px; }
.nav ul li::before{display: none; }
.nav ul li a{color: var(--dark); display: inline-block; padding: 12px 22px; border: 1px solid transparent; border-radius: 50px; }
.nav ul li.current-menu-item a{color: var(--blue); }

.nav ul li a:hover{border-color: #626262; color: var(--dark);}

.menu-list .social{display: none;}
.menu-list .footer-cnt-info{display: none;}
.menu-list .language-box-header{display: none;}

.language-box-header{padding: 0;}
.language-box-header .btn{padding: 0;}
.language-box-header .btn select{appearance: none; font-size: 18px; line-height: 1; color: var(--dark); font-weight: 400; padding: 0 7px 0 13px; border: 0; 
background: url('../images/arrow-down.svg') 0 center no-repeat; text-decoration: underline; }

.language-box-header{padding: 10px 0 0 0; }

.banner-section{padding: 0; position: relative; height: calc(100vh - 78px); overflow: hidden; }

.banner-part{padding: 50px 0 80px 0; display: flex; align-items: flex-end; height: calc(100vh - 78px); justify-content: space-between; }

.banner-text{padding: 0 0 84px 0; color: var(--white); max-width: 600px; }
.banner-text h1{font-size: 18px; line-height: 29px; margin: 0; padding: 0 0 10px 0; font-weight: 600; color: var(--white); }
.banner-text h2{font-size: 76px; line-height: 68px; margin: 0; padding: 0 0 20px 0; font-weight: 400; color: var(--white); }

.banner-btn{padding:22px 0 0px 0; }
.banner-btn .button{padding: 19px 39px; }

.banner-video{padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
.banner-video::before{background-color: rgba(0, 0, 0, 0.69); position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; }
.banner-video::after{background: linear-gradient(0deg, #181818 0%, rgba(24, 24, 24, 0) 100%); position: absolute; left: 0; right: 0; bottom: 0; content: ""; z-index: 1; height: 400px; }
.banner-video video,
.banner-video iframe,
.banner-video img{vertical-align: top; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.banner-arrow{padding: 0; text-align: left; }

.arrow-link-common{display: inline-block; vertical-align: top; width: 64px; height: 64px; border-radius: 50%; 
  background: url('../images/arrow-down-common.svg') center center no-repeat var(--blue); transition: all 0.5s;
}
.arrow-link-common:hover{background-color: var(--red); }

.about-section{padding:61px 0 160px 0; }

.about-one-part{padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.about-one-part .text{padding: 27px 0 0 170px; flex: 1; }
.about-one-part .text h2{font-size: 48px; line-height: 50px; margin: 0 0 27px 0; padding: 0 29px 0 0; font-weight: 400; color: var(--white); border-right: 6px solid var(--red); }
.about-one-part .text h2 strong{display: block; font-size: 18px; line-height: 1; color: rgba(255, 255, 255, 0.5); padding: 0 0 10px 0; font-weight: 600;}
.about-one-part .text p{font-size: 20px; line-height: 26px; margin: 0; padding: 0 0 20px 0; color: var(--gray); }
.about-one-part .text .btn{padding:18px 0 0 0; }
.about-one-part .text .btn .button{padding: 18px 59px; }
.about-one-part .image{padding:0 0 0 0; position: relative; flex: 0 0 524px; max-width: 524px; height: 524px; }
.about-one-part .image img{vertical-align: top; object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; }

.about-two-part{padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }

.right-abt{padding: 0; flex: 1; }

.abt-numbers-list{padding: 0; max-width: 335px; margin-top: -62px; }
.abt-numbers-list ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.abt-numbers-list ul li{padding: 0; margin: 0; list-style: none; flex: 0 0 167px; max-width: 167px; }
.abt-numbers-list ul li::before{display: none; }

.box-abt-number{padding: 0 0 41px 15px; }
.box-abt-number .sr-no{font-size: 16px; line-height: 22px; color: var(--white); display: inline-block; vertical-align: middle; font-weight: 600; border-radius: 100px; 
background-color: var(--blue); text-align: center; padding: 2px 13px; }
.box-abt-number .counter-no{font-size: 48px; font-weight: 400; color: var(--white); padding: 9px 11px 4px 0; margin: 0; line-height: 1; }
.box-abt-number p{font-size: 16px; line-height: 26px; margin: 0; padding: 0 11px 0 0; font-weight: 400; color: var(--gray); }

.abt-numbers-list ul li:nth-child(2) .box-abt-number .sr-no{background-color: var(--red);}
.abt-numbers-list ul li:nth-child(3) .box-abt-number .sr-no{background-color: var(--red);}

.left-abt{padding: 0; flex: 0 0 746px; max-width: 746px; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; }

.abt-info-image{padding: 0; position: relative; flex: 0 0 222px; max-width: 222px; width: 100%; height: 222px; }
.abt-info-image img{vertical-align: top; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; }

.abt-info-list{padding: 0 0 25px 0; flex: 1; }
.abt-info-list ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.abt-info-list ul li{padding: 0; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; }
.abt-info-list ul li::before{display: none; }

.box-abt-info{padding: 10px 10px 10px 10px; text-align: center; color: var(--white); }
.box-abt-info .icon{padding: 0; margin: 0 auto 16px auto; width: 54px; height: 54px; border-radius: 50%; border: 2px solid var(--red); 
display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
.box-abt-info .icon img,
.box-abt-info .icon svg{vertical-align: middle; object-fit: contain; max-width: 34px; transition: all 0.4s; }
.box-abt-info h3{font-size: 20px; line-height: 26px; margin: 0; padding: 0; color: var(--white); font-weight: 600; }

.box-abt-info:hover .icon{border-color: var(--white);}
.box-abt-info:hover .icon img,
.box-abt-info:hover .icon svg{filter: invert(1) grayscale(1) contrast(5);  transform: scaleX(-1); }

.services-section{padding: 86px 0 96px 0; background-color: var(--white); border-radius: 50px; }

.sec-title{padding: 0 0 50px 0; text-align: center;}
.sec-title h2{font-size: 48px; line-height: 58px; margin: 0; padding: 0; color: var(--dark); font-weight: 400; }
.sec-title h2 strong{display: block; font-size: 18px; line-height: 29px; color: var(--red); font-weight: 600; }

.sec-title-white h2{color: var(--white); }

.services-part{padding: 0; border-bottom: 1px solid #E5E5E5;}
.services-part ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.services-part ul li{padding: 0; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; align-self: stretch; }
.services-part ul li::before{display: none; }

.box-services{padding: 52px 0 21px 28px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border-top: 1px solid #E5E5E5; 
height: 100%; }
.box-services .icon{padding: 0; background-color: var(--blue-dark); width: 54px; height: 54px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 6px 0 0 0; }
.box-services .icon img,
.box-services .icon svg{vertical-align: middle; object-fit: contain; max-width: 24px; }
.box-services .text{padding: 0 63px 0 0; flex: 1; }
.box-services .text h3{font-size: 20px; line-height: 30px; margin: 0; padding: 0 0 15px 0; color: var(--dark); font-weight: 600; }
.box-services .text p{font-size: 16px; line-height: 22px; margin: 0; padding: 0 0 15px 0; color: var(--gray); font-weight: 400; }
.box-services .text .view-link{padding: 0; }
.box-services .text .link{font-size: 16px; line-height: 24px; font-weight: 400; color: var(--blue); display: inline-block; vertical-align: top; }
.box-services .text .link:hover{color: var(--blue-dark); }

.more-services-btn{padding:57px 0 0 0; text-align: center; }

.blog-section{padding: 83px 0 128px 0; }

.blog-top-part{padding: 0; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 66px; }

.article-link{padding: 0; }
.article-link a{font-size: 16px; line-height: 21px; font-weight: 400; color: var(--white); display: inline-block; vertical-align: middle; text-decoration: underline; }
.article-link a:hover{text-decoration: none; }

.sec-title-border{padding: 0; }
.sec-title-border h2{font-size: 48px; line-height: 50px; margin: 0 0 27px 0; padding: 0 29px 0 0; font-weight: 400; color: var(--white); border-right: 6px solid var(--red); }
.sec-title-border h2 strong{display: block; font-size: 18px; line-height: 1; color: var(--white); padding: 0 0 10px 0; font-weight: 600;}

.blog-top-part .sec-title-border h2{margin: 0; }

.blog-part{padding: 0 0 87px 0; border-bottom: 1px solid rgba(229, 229, 229, 0.15); }

.box-blog{padding: 0; }
.box-blog .image{padding:0 0 0 0; position: relative; height: 334px; border-radius: 10px; }
.box-blog .image img{vertical-align: top; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; 
transition: all 0.5s; }
.box-blog .arrow-link-common{position: absolute; left: 20px; bottom: 20px; }
.box-blog .text{padding:31px 0 0 0; }
.box-blog .text h3{font-size: 20px; line-height: 30px; margin: 0; padding: 0 0 11px 0; color: var(--white); font-weight: 600; }
.box-blog .text p{font-size: 16px; line-height: 24px; margin: 0; padding: 0; color: var(--gray); font-weight: 400; }



.partners-section{padding: 0;}

.partners-part{padding: 24px 21px; background-color: #2D2C2C; border-radius: 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.partners-part .image{padding: 44.538% 0 0 0; position: relative; flex: 0 0 527px; max-width: 527px; width: 100%; }
.partners-part .image img{vertical-align: top; object-fit: cover; object-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px;}
.partners-part .text{padding: 34px 94px 10px 95px; flex: 1; color: var(--white); }
.partners-part .text h2{font-size: 48px; line-height: 1; margin: 0; padding: 0 0 16px 0; color: var(--white); font-weight: 400; }
.partners-part .text h2 strong{display: block; color: var(--red); font-size: 18px; line-height: 29px; font-weight: 600; padding: 0 0 15px 0; }
.partners-part .text p{font-size: 16px; line-height: 24px; margin: 0; padding: 0 0 20px 0; color: var(--white); font-weight: 400; }

.partners-logo-list{padding:22px 0 0 0; border-bottom: 1px solid #3E3D3D; }
.partners-logo-list ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.partners-logo-list ul li{padding: 0; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; align-self: stretch; }
.partners-logo-list ul li::before{display: none; }

.box-partner-logo{padding: 22px 12px; border-top: 1px solid #3E3D3D; height: 83px; }
.box-partner-logo .image-logo{padding: 0; display: flex; justify-content: flex-start; align-items: center; height: 100%; }
.box-partner-logo .image-logo img,
.box-partner-logo .image-logo svg{vertical-align: middle; object-fit: contain; max-width: 79px; transition: all 0.5s; }

.box-partner-logo .image-logo:hover img,
.box-partner-logo .image-logo:hover svg{filter: drop-shadow(0px 0px 15px #fff); }

.bottom-contact-section{padding:140px 0 237px 0; background: url('../images/gs1-bg-logo.svg') center bottom no-repeat var(--dark); }

.bottom-contact-part{padding: 0 60px 0 88px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.bottom-contact-part h3{font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 24px 0; color: var(--white); font-weight: 600; }

.right-cnt{padding: 0; flex: 1; }

.cnt-info-box{padding:32px 0 0 0; }
.cnt-info-box p{font-size: 20px; line-height: 28px; color: var(--white); margin: 0; padding: 0; font-weight: 400;}
.cnt-info-box a{color: var(--white); }
.cnt-info-box a:hover{color: var(--blue); }

.cnt-info-box .mail{margin-bottom: 14px; }
.cnt-info-box .mail a{text-decoration: underline; }

.left-cnt{padding: 0; flex: 0 0 577px; max-width: 577px; }

.bottom-contact-form{padding: 0;}
.bottom-contact-form .row{margin-left: -11px; margin-right: -11px; }
.bottom-contact-form .col-6{padding-left: 11px; padding-right: 11px; }
.bottom-contact-form .col-12{padding-left: 11px; padding-right: 11px; }

.form-group{margin-bottom: 40px; }

.send-btn{padding:28px 0 0 0; position: relative;}
.send-btn .button{width: 100%; padding: 12px 15px; border-radius: 6px; }
.send-btn .wpcf7-spinner{position: absolute; right: 5px; z-index: 1; bottom: 10px; margin: 0; }


.footer{padding: 0; background-color: var(--white); }

.footer-top{padding:25px 0 20px 0; border-bottom: 1px solid #E5E5E5; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.logo-footer{padding: 0; flex: 1;}
.logo-footer a{display: inline-block; vertical-align: top; }
.logo-footer img,
.logo-footer svg{vertical-align: top; object-fit: contain; max-width: 84px; }

.social{padding: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; flex: 1; }
.social a{display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; }
.social img,
.social svg{vertical-align: middle; object-fit: contain; max-width: 32px; }

.social a:hover{transform: rotate(360deg); }

.footer-cnt-info{padding: 0; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; flex: 1; }
.footer-cnt-info p{font-size: 18px; line-height: 1; margin: 0; padding: 0 15px; font-weight: 400; color: var(--dark); border-left: 1px solid var(--dark); }
.footer-cnt-info p:last-child{border-left: 0; padding-left: 0; }
.footer-cnt-info p a{color: var(--dark); }
.footer-cnt-info p a:hover{color: var(--blue); }


.footer-bottom{padding:21px 0 41px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.footer-bottom p{font-size: 14px; line-height: 1; margin: 0; padding: 0; color: var(--gray); font-weight: 400; }

.copyright{flex: 1; padding: 0; }
.develop-by{flex: 1; padding: 0; text-align: left; }

.footer-menu{padding: 0; }
.footer-menu ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.footer-menu ul li{padding: 0 8px; margin: 0; list-style: none; font-size: 14px; line-height: 1; font-weight: 400; color: var(--gray); border-left: 1px solid var(--gray); }
.footer-menu ul li:last-child{border-left: 0; }
.footer-menu ul li::before{display: none; }
.footer-menu ul li a{color: var(--gray); }
.footer-menu ul li a:hover{color: var(--blue); }


.inner-banner-section{height: 542px; border-radius: 0 0 50px 50px; overflow: hidden; }
.inner-banner-section .banner-part{height: 542px; padding-bottom: 102px; }

.inner-banner-section .banner-video::after{display: none;}
.inner-banner-section .banner-video::before{background: linear-gradient(360deg, #181818 0%, rgba(24, 24, 24, 0) 168.36%); }


.page-name{padding: 0;}
.page-name h1{font-size: 76px; line-height: 1; margin: 0; padding: 0 29px 0 0; color: var(--white); font-weight: 400; border-right: 6px solid var(--red); }

.profile-section{padding:92px 0 100px 0; }

.profile-top-text{padding:84px 230px 20px 230px; text-align: center; color: var(--dark); background:url('../images/logo-profile-bg.png') 0 bottom no-repeat rgba(0, 85, 132, 0.06); border-radius: 20px; 
min-height: 354px; }
.profile-top-text h2{font-size: 48px; line-height: 68px; margin: 0; padding: 0 0 15px 0; color: var(--dark); font-weight: 400; }
.profile-top-text p{font-size: 20px; line-height: 26px; margin: 0; padding: 0 0 15px 0; color: var(--dark); font-weight: 400; }


.profile-part{padding:100px 116px 0 116px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 29px;}
.profile-part .box{padding: 0; flex: 1; }
.profile-part .box p{font-size: 20px; line-height: 30px; color: var(--gray); margin: 0; padding: 0; font-weight: 400;  }

.about-numbers-section{padding: 0;}

.about-numbers-part{padding: 65px 166px; background-color: var(--blue); border-radius: 20px; }
.about-numbers-part ul{padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.about-numbers-part ul li{padding: 0; margin: 0; list-style: none; flex: none; }
.about-numbers-part ul li::before{display: none; }

.box-about-numbers{padding: 0; }
.box-about-numbers .sr-no{background-color: var(--red); }
.box-about-numbers p{color: var(--white);}

.services-section.about{padding: 100px 0 189px 0; }

.clients-section{padding:93px 0 0 0; background-color: var(--dark); border-radius: 50px 50px 0 0; }

.clients-part{padding: 24px 0 126px 0; border-bottom: 0px solid #3E3D3D; position: relative; }
.clients-part::before{background-color: #3E3D3D; height: 1px; max-width: 1213px; width: 100%; content: ""; position: absolute; left: 28px; right: 0; bottom: 0; margin: 0 auto; }
.clients-part .swiper::before{width: 220px; height: auto; content: ""; background: linear-gradient(270deg, rgba(24, 24, 24, 0) 0%, #181818 100%); position: absolute; left: 0; 
top: 0; bottom: 0; z-index: 2; }
.clients-part .swiper::after{width: 220px; height: auto; content: ""; background: linear-gradient(90deg, rgba(24, 24, 24, 0) 0%, #181818 100%); position: absolute; right: 0; 
top: 0; bottom: 0; z-index: 2; }

.box-clients{padding: 0;}
.box-clients .image{padding: 0;}
.box-clients .image img,
.box-clients .image svg{vertical-align: middle; object-fit: contain; max-width: 238px; }


.clients-part .swiper-wrapper {
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}

.services-v1-section{padding:100px 0 107px 0; }

.services-v1-top-text{padding: 0 0 110px 0; text-align: center; max-width: 895px; margin: 0 auto; }
.services-v1-top-text p{font-size: 20px; line-height: 26px; margin: 0; padding: 0; color: var(--dark); font-weight: 400; }

.services-v1-part{padding: 0; }
.services-v1-part ul{padding: 0; margin: 0 -15px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.services-v1-part ul li{padding: 0 15px; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; align-self: stretch; }
.services-v1-part ul li::before{display: none; }

.services-v1-part ul li.item2{flex: 0 0 66.66%; max-width: 66.66%; }
.services-v1-part ul li.item1{flex: 0 0 100%; max-width: 100%; }

.box-services-v1{padding: 0; margin-bottom: 31px; position: relative; border-radius: 20px; height: calc(100% - 31px); overflow: hidden;}
.box-services-v1 .image{padding:0 0 0 0; position: relative; height: 320px; }
.box-services-v1 .image::before{background-color: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 20px; z-index: 1; transition: all 0.5s; }
.box-services-v1 .image img{vertical-align: top; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; transition: all 0.5s;}
.box-services-v1 .text{padding: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; max-width: 540px; }
.box-services-v1 .text h3{font-size: 26px; line-height: 1; margin: 0; color: var(--white); padding: 0; font-weight: 600; }
.box-services-v1 .arrow-link-common{position: absolute; left: 40px; bottom: 40px; z-index: 1; transition: all 0.5s;}

.box-services-v1:hover .image img{transform: scale(1.12);}
.box-services-v1:hover .arrow-link-common{background-color: var(--red);}

.link-overlay{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }

.box-wondering{background-color: #F0F5F8; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-right: 40px; padding-left: 80px; 
background-image: url('../images/gs1-wondering.png'); background-repeat: no-repeat; background-position: 0 center; }
.box-wondering .text{position: static; max-width: 390px; }
.box-wondering .text h3{font-size: 32px; line-height: 36px; margin: 0; padding: 0 0 16px 0; color: var(--dark);}
.box-wondering .text p{font-size: 16px; line-height: 22px; margin: 0; padding: 0; color: var(--dark); font-weight: 400; }

.service-single-banner-section{padding: 50px 0 100px 0;}

.service-single-part{padding: 0; position: relative; }
.service-single-part .image{padding: 0; border-radius: 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
.service-single-part .image::before{background: linear-gradient(360deg, #181818 0%, rgba(24, 24, 24, 0) 168.36%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
content: ""; z-index: 1; border-radius: 20px; }
.service-single-part .image img{vertical-align: top; border-radius: 20px; width: 100%; height: 100%; object-fit: cover; object-position: center; }


.service-single-part .text{padding: 20px; text-align: center; min-height: 391px; display: flex; justify-content: center; align-items: center; 
max-width: 960px; margin: 0 auto; }
.service-single-part .text h1{font-size: 48px; line-height: 53px; margin: 0; padding: 0; color: var(--white); font-weight: 400; }

.service-single-list-section{padding: 0; }

.service-single-list{padding: 0; }

.service-single-one{padding: 0; margin-bottom: 100px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.service-single-one .text{padding: 20px 0 20px 260px; flex: 1; }
.service-single-one .text h2{font-size: 32px; line-height: 26px; margin: 0 0 32px 0; padding: 0 29px 0 0; color: var(--dark); font-weight: 600; border-right: 6px solid var(--red); }
.service-single-one .text h2 strong{display: block; font-size: 20px; line-height: 26px; color: var(--dark); font-weight: 400; margin-bottom: 12px; }
.service-single-one .text p{font-size: 20px; line-height: 28px; margin: 0; padding: 0; color: var(--gray); font-weight: 400; }
.service-single-one .image{padding:40.368% 0 0 0; position: relative; flex: 0 0 667px; max-width: 667px; width: 100%; }
.service-single-one .image img{vertical-align: top; border-radius: 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.service-single-one:nth-child(2n){flex-direction: row-reverse; }
.service-single-one:nth-child(2n) .text{padding-right: 260px; padding-left: 0px; }


.more-details-section{padding:124px 0 126px 0; background-color: var(--dark); border-radius: 50px 50px 0 0; }

.more-details-part{padding:51px 15px 55px 15px; text-align: center; background-color: var(--blue); border-radius: 20px; color: var(--white); background-image: url('../images/gs1-more-details.png');
background-repeat: no-repeat; background-position: center 0; }
.more-details-part h2{font-size: 32px; line-height: 36px; margin: 0; padding: 0 0 16px 0; color: var(--white); font-weight: 600; }
.more-details-part p{font-size: 16px; line-height: 22px; color: var(--white); margin: 0; padding: 0 0 24px 0; font-weight: 400; }
.more-details-part .btn{padding: 0;  }
.more-details-part .btn .button{background-color: var(--white); color: var(--dark); padding: 17px 59px; }
.more-details-part .btn .button:hover{background-color: var(--dark); color: var(--white); }

.articles-lobby-section{padding: 120px 0 0px 0; background-color: var(--dark); }

.articles-lobby-part{padding: 0; border-bottom: 1px solid rgba(229, 229, 229, 0.15); }
.articles-lobby-part ul{padding: 0; margin: 0 -15px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.articles-lobby-part ul li{padding: 0 15px; margin: 0; list-style: none; flex: 0 0 25%; max-width: 25%; align-self: stretch; }
.articles-lobby-part ul li::before{display: none;}

.articles-lobby-part .box-blog{margin-bottom: 61px; height: calc(100% - 61px); border-bottom: 1px solid var(--red); position: relative; overflow: hidden; }
.articles-lobby-part .box-blog .text{padding: 31px 0 15px 0; }
.articles-lobby-part .box-blog .image{overflow: hidden;}

.articles-lobby-part .box-blog:hover .image img{transform: scale(1.12);}
.articles-lobby-part .box-blog:hover .arrow-link-common{background-color: var(--red);}

.article-single-section{padding: 0 0 120px 0; }

.article-single-top-text{padding: 0 45px 0 0; max-width: 896px; margin: 0 auto 80px auto; border-right: 6px solid var(--red); }
.article-single-top-text p{font-size: 26px; line-height: 34px; margin: 0; padding: 0 0 20px 0; font-weight: 400; color: var(--dark); }
.article-single-top-text p:last-child{padding: 0;}

.article-single-part{padding:70px 0 0 0; max-width: 896px; margin: 0 auto; border-top: 1px solid rgba(229, 229, 229, 0.9); }
.article-single-part h2,
.article-single-part h3{font-size: 20px; line-height: 28px; margin: 0; padding: 10px 0 24px 0; color: var(--black); font-weight: 600; }
.article-single-part p{font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 50px 0; color: var(--gray); font-weight: 400; }
.article-single-part p a:hover{text-decoration: underline;}
.article-single-part img{vertical-align: top; width: 100%; border-radius: 20px; margin-bottom: 60px; }

.contact-page{background: var(--dark); padding-bottom: 264px; position: relative; }
.contact-page .bottom-contact-part{padding-right: 0; }

.contact-video-part{padding: 0; position: absolute; bottom: 0; right: calc(50% - 861px); width: 100%; max-width: 797px; }
.contact-video-part .video{max-width: 797px; height: 307px; padding: 0; position: relative; width: 100%; 
mask-image: url(../images/contact-video-mask.png);
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-image: url(../images/contact-video-mask.png);
box-shadow: 0px -5px 12px 0px #0000001A, 0px -21px 21px 0px #00000017, 0px -48px 29px 0px #0000000D, 0px -85px 34px 0px #00000003, 0px -132px 37px 0px #00000000, 0px 4px 4px 0px #00000040;
}
.contact-video-part .video::before{background-color: rgba(0, 0, 0, 0.6); content: ""; position: absolute; inset: 0; z-index: 1; }
.contact-video-part::after{background:url('../images/contact-video-gs1.png') 0 0 no-repeat; content: ""; position: absolute; z-index: 1; left: -11px; top: -15px; bottom: 0; width: 100%; }
.contact-video-part .video video{vertical-align: top; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; }

.pagenot-found-section{padding: 150px 0;}

.pagenot-found{padding: 0; text-align: center; max-width: 650px; margin: 0 auto; }
.pagenot-found h1{margin: 0; padding: 0 0 20px 0; }
.pagenot-found h1 strong{display: block; font-size: 78px; font-weight: 600; padding-bottom: 20px; }
.pagenot-found p{margin: 0; padding: 0 0 20px 0; }
.pagenot-found .btn{padding: 20px 0 0 0; }


.default-page-section{padding: 80px 0; }

.default-page-part{padding: 0 0; max-width: 896px; margin: 0 auto; }
.default-page-part h1{font-size: 20px; line-height: 28px; margin: 0; padding: 10px 0 24px 0; color: var(--black); font-weight: 600;}
.default-page-part h2,
.default-page-part h3{font-size: 20px; line-height: 28px; margin: 0; padding: 10px 0 24px 0; color: var(--black); font-weight: 600;}
.default-page-part p{font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 50px 0; color: var(--gray); font-weight: 400; }
.default-page-part p a:hover{text-decoration: underline;}

.contact-btn-mobile{order: 3; display: none; padding: 6px 0 0 0; }
.contact-btn-mobile .button{font-size: 14px; background: none; color: var(--dark); font-weight: 400; padding: 6px 9px; border: 1px solid #626262; border-radius: 30px; }

.article-link-mobile{display: none; }