body{
    font-family: 'Manrope', sans-serif!important;
    position: relative;
}

body.noScroll{
    overflow: hidden;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: inherit;
    letter-spacing: 0;
}

.menu-main-menu-container{
    padding-top: 5px; 
    transition: all 0.5s ease-in-out;
}

.thb-full-menu a{
    font-weight: 800;
    color: #121429;
    font-size: 21px;
    line-height: 29px;
}

.thb-full-menu li:first-child a{
    padding-left: 0;
}

.thb-full-menu .current_page_item a, .header .thb-full-menu a:hover{
    color: #F0B940;
}

.menu-main-menu-container {
    border-top: 1px solid #C1CCCD;
}

.header-row{ 
    padding: 0 5rem;
}

.main-menu-wrapper .contact-info{
    display: flex;
    justify-content: space-between;
    font-size: 19px;
    line-height: 26px;
    font-weight: 300;
    color: #000000;
    padding-bottom: 12px;
    transition: all 0.5s ease-in-out;
}

.main-menu-wrapper .buttons a:hover{
    background-color: #485AA8;
    color: #ffffff!important;
}

.main-menu-wrapper .contact-info a:hover{
    color: #F0B940;
}

.main-menu-wrapper .btn {
    display: inline;
    font-size: 18px;
    color: white;
    padding: 2px 28px;
    font-weight: 600;
    border-radius: 4px;
    margin: 0 2px;
}

.main-menu-wrapper .buttons{
    display: inline;
}

.bg-yellow{
    background-color: #EDBC4B;
}

.bg-purple{
    background-color: #485AA8; 
}


.gallery-center{
    justify-content: center;
}

.footer-menu-wrapper{
    background-color: #E7E7E8;
    padding-top: 7.5rem;
    position: relative;
}

.footer{
    padding: 15px 0;
    margin-top: 0px;
}

.footer p {
    margin-bottom: 0;
}

.footer-menu{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    color: #000000;
}

.footer-menu > li > a{
    border-bottom: 1px solid #C1CCCD;
}

.footer-menu .sub-menu{
    list-style: none;
    margin-left: 0;
}

.footer-menu > li {
    list-style: none;
    width: 25%;
    margin-bottom: 80px;
}

.footer-menu > li a{
    font-size: 20px;
    line-height: 1.4;
    font-weight: 800;
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
    display: flex;
    align-items: center;
}

.footer-menu > li a img{
    position: absolute;
    left: -30px;
    max-width: 10px;
}

.footer-menu .sub-menu li a{
    list-style: none;
    margin-left: 0;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 0;
    display: inline-block;
}

.footer-menu .sub-menu li a:after{
    content: '';
    display: block !important;
    width: 100%;
    height: 5px;
    background-color: #F0B940;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transition: all 0.5s ease-in-out;
}

.footer-menu .sub-menu li a:hover{
    color: #1B2D59;
    font-weight: 800;
}

.footer-menu .sub-menu li a:hover:after{
    transform: scaleX(1);
}

.footer-menu-wrapper .footer-text{
    font-size: 145px;
    font-weight: 800;
    color: #1B2D59;
    line-height: 1;
    z-index: 1;
    padding-top: 4rem;
}

.footer-menu-wrapper .questionmark svg{
    position: absolute;
    top: 50%;
    right: 0;
    z-index: -1;
    max-width: 350px;
    transform: translateY(-50%);
}

.footer-menu-wrapper .with-outline{
    color: #e7e7e8;
    text-shadow: 2px 2px 0 #1b2d59, -2px -2px 0 #1b2d59, 2px -2px 0 #1b2d59, -2px 2px 0 #1b2d59, 2px 2px 0 #1b2d59;
    line-height: 1.1;
}

.footer-menu-wrapper .footer-text .simple-text{
    line-height: 0.9;
}

.promo-text{
    padding: 9rem 0;
}

.promo-text p{
    font-size: 52px;
    line-height: 1.4;
    font-weight: 200;
    text-align: center;
    color: #7B7C7F;
}

.promo-text strong{
    color:#F0B940
}

.promo-text a{
    color: #1B2D59;
    font-weight: 800;
}

.c-dark-blue{
    color: #1B2D59;
}

.c-blue{
    color: #24335B;
}

.c-white{
    color: #ffffff;
}

.bg-blue{
    background-color: #24335B;
}

.c-yellow{
    color: #F0B940;
}

.max-1400{
    max-width: 1400px;
    margin: 0 auto;
}

.wordpress-clients{
    padding: 100px 0;
}

.clients-pre-title{
    color: #ffffff;
    font-size: 38px;
    line-height: 1.4;
    display: inline-block;
    padding: 10px 40px;
    border-radius: 30px;
    margin-bottom: 60px;
}

.clients-row{
    margin-top: 60px;
}

.more{
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.v2-main-title{
    font-size: 70px;
    line-height: 1.3;
    font-weight: 800;
    font-family: inherit;
    margin-bottom: 30px;
    letter-spacing: -2px;
}

.v2-main-title.sm{
    font-size: 62px;
    line-height: 1.4;
}

.v2-main-title.extra-space{
    margin-bottom: 60px;
}

.wordpress-slider-header .txt{
    font-size: 31px;
    line-height: 1.3;
    font-weight: 800;
    font-family: inherit;
    margin-bottom: 50px;
}

.digital-slider__caption span svg path{
    fill: #24335B;
}

.digital-slider__service-description li{
    font-size: 35px;
    line-height: 1.3;
    font-weight: 400;
    font-family: inherit;
    color: #24335B;
}

.digital-slider__service h3{
    font-size: 58px;
    line-height: 1;
    font-weight: 400;
    font-family: inherit;
    color: #24335B;
    opacity: 1;
}

.digital-slider__services .swiper-slide-active .digital-slider__service h3{
    font-weight: 800;
    color: #24335B;
}

.digital-slider__service{
    display: inline-block;
    position: relative;
}

.wordpress-digital-slider .swiper-slide{
   margin-bottom: 10px;
}

.digital-slider__services .digital-slider__progress{
   height: 10px;
   background-color: rgba(255,255,255,0);
   top: -8px;
   left: 0;
   width: 100%;
}

.digital-slider__services .digital-slider__progress:after{
    height: 10px;
    width: 0;
}

.digital-slider__services .swiper-slide-active .digital-slider__progress:after{
    width: 102%;
}

.digital-slider__service-description li:before{
    width: 8px;
    height: 8px;
    left: -5px;
    top: 20px;
}

.about-us-wrapper{
    background-color: #E7E7E8;
    padding: 134px 0;
}

.about-us-wrapper.title-on-top{
    background-color: #ffffff;
    padding: 134px 0;
}

.about-us-wrapper .desc{
    font-size: 24px;
    color: #7B7C7F;
    line-height: 1.3;
}

.about-us-wrapper .service-title{
    font-size: 54px;
    line-height: 1;
    margin: -10px 0 20px 0;
    font-weight: 800;
    color: #425ca9;
    letter-spacing: -2px;
}

.about-us-wrapper hr{
    border-bottom: 1px solid #C1CCCD;
    margin: 50px 0 35px 0;
}

.about-us-wrapper .mob-hr3, .about-us-wrapper .mob-hr4{
    display:none;
}

.about-us-wrapper .with-pads{
    padding: 0 10px;
}

.about-us-wrapper .with-pad-right{
    padding-right: 20px;
}

.about-us-wrapper .service .inner{
    padding: 10px 5px 5px 5px;
}

.about-us-wrapper .service-title.service-color-1{
    color: #BD4078;
    margin: 10px 0 20px 0;
}

.about-us-wrapper .service-title.service-color-2{
    color: #F0B940;
    margin: 10px 0 20px 0;
}

.about-us-wrapper .service-title.service-color-3{
    color: #475CA9;
    margin: 10px 0 20px 0;
}

.about-us-wrapper .service-title.service-color-4{
    color: #24335B;
    margin: 10px 0 20px 0;
}

.no-pads{
    padding: 0;
}

.intro-with-video-wrapper{
    padding: 150px 0;
}

.intro-with-video-wrapper .title{
    font-size: 86px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -5px;
    margin-bottom: 40px;
}

.intro-with-video-wrapper .desc{
    font-size: 30px;
    color: #414042;
    line-height: 1.3;
}

.intro-with-video-wrapper video{
    width: 100%;
    height: auto;
    margin-left: 30px;
    border-radius: 20px;
}

.square-boxes-with-bg-image-wrapper{
    padding: 134px 0;
    position: relative;
    color: white;
    text-align: center;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.square-boxes-with-bg-image-wrapper .pre-title{
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
}

.square-boxes-with-bg-image-wrapper .title{
    font-size: 102px;
    line-height: 1;
    font-weight: 800;
    padding: 30px 0;
}

.square-boxes-with-bg-image-wrapper .desc{
    font-size: 34px;
    line-height: 1.4;
    font-weight: 400;
    max-width: 850px;
    margin: 0 auto;
    padding: 50px 0;
}

.square-boxes-with-bg-image-wrapper .overlay{
    background-color: #475CA9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: -1;
}

.square-boxes-with-bg-image-wrapper .box{
    font-size: 54px;
    line-height: 1;
    font-weight: 800;
    background-color: rgba(255,255,255,0.4);
    min-width: 297px;
    min-height: 256px;
    max-width: 297px;
    max-height: 256px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.square-boxes-with-bg-image-wrapper .box .letter{
    color: transparent;
    font-size: 116px;
    position: absolute;
    top: -50px;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 0.75px;
}

.square-boxes-with-bg-image-wrapper .boxes-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 134px auto 20px;
}

.animation-I {
    animation: shake-animation 5s ease infinite;
    transform-origin: 50% 50%;
  }

  @keyframes shake-animation {
     0% { transform:translate(0,0) }
    1.78571% { transform:translate(5px,0) }
    3.57143% { transform:translate(0,0) }
    5.35714% { transform:translate(5px,0) }
    7.14286% { transform:translate(0,0) }
    8.92857% { transform:translate(5px,0) }
    10.71429% { transform:translate(0,0) }
    100% { transform:translate(0,0) }
}

.animation-W{
    animation: slow-swing ease-in-out 15s infinite alternate;
    transform-origin: center -20px;
}

@keyframes slow-swing {
    0% { transform: rotate(3deg) translateX(0%); }
    50% { transform: rotate(7deg) translateX(-50%); }
    100% { transform: rotate(-13deg) translateY(20%); }
}

.animation-L {
    animation: slow-swing2 ease-in-out 10s infinite alternate;
    transform-origin: center -20px;
}

@keyframes slow-swing2 {
    0% { transform: rotate(0deg) translateX(-10%); }
    50% { transform: rotate(27deg) translateX(30%); }
    100% { transform: rotate(-13deg) translateY(-20%); }
}


.animation-D {
    animation: swing ease-in-out 2s infinite alternate;
    transform-origin: center -20px;
}

@keyframes swing {
    0% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}


.fullwidth-slider-wrapper{
    width: 100%;
}


.fullwidth-slider .swiper {
    width: 100%;
    height: 100%;
}

.fullwidth-slider .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 690px;
}

.fullwidth-slider .swiper-button-prev{
    color: white;
    left: 6%;
}

.fullwidth-slider .swiper-button-next{
    color: white;
    right: 6%;
}

.fullwidth-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px;
}

.fullwidth-slider-wrapper .section-title{
    font-size: 197px;
    line-height: 0.9;
    text-shadow: 2px 2px 0 #dddddd, -2px -2px 0 #dddddd, 2px -2px 0 #dddddd, -2px 2px 0 #dddddd, 2px 2px 0 #dddddd;
    color: white;
    font-weight: 800;
    letter-spacing: -1px;
    text-align: center;
}

.keepHeight{
    height: 200px;
}

.portfolio-grid-wrapper .section-title{
    margin-bottom: 60px;
    font-size: 197px;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
    font-family: "Noto Sans Display";
    -webkit-text-stroke-color: #ddd!important;
}

.fullwidth-slider-wrapper .section-btn-wrapper, .portfolio-grid-wrapper .section-btn-wrapper{
    text-align: right;
}

.fullwidth-slider-wrapper .section-btn{
    font-size: 21.5px;
    line-height: 1;
    color: white;
    margin-top: 30px;
    padding: 20px 50px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 600;
    text-align: right;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-right: 50px;
}

.portfolio-grid-wrapper .section-btn{
    font-size: 21.5px;
    line-height: 1;
    color: white;
    margin-top: 30px;
    padding: 20px 50px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 600;
    text-align: right;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.portfolio-grid-wrapper video{
	border-radius:6px;
	max-height: 392px;
    object-fit: cover;
}

.bullets-wrapper{
    display: flex;
    align-items: center;
    border-radius: 40px;
    padding: 5px 6px;
    margin-left: 60px;
}

.bullets-wrapper span{
    height: 6px;
    width: 6px;
    background-color: white;
    display: inline-block;
    margin: 0 2px;
    border-radius: 50%;
}

.square-boxes-wrapper{
    background-color: #E7E7E8;
    padding: 134px 0;
}

.square-boxes-inner{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.square-boxes-wrapper .boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 30px;
}

.square-boxes-wrapper .box-front{
    background-color: #F2F2F2;
    min-width: 297px;
    min-height: 286px;
    max-width: 297px;
    max-height: 286px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 1;
}

.square-boxes-wrapper .box{
    perspective: 1000px;
}
  
.square-boxes-wrapper .box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    z-index: 0;
    padding:0 5px;
    margin-bottom: 20px;
}
  
.square-boxes-wrapper .box:hover .box-inner {
    transform: rotateY(180deg);
}
  
.square-boxes-wrapper .box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    border-radius: 20px;
  }
  

.square-boxes-wrapper .box-back .letter {
    border: 1px solid #1B2D59;
    border-radius: 50%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 51px;
    color: #1B2D59;
    height: 86px;
    width: 86px;
}

.square-boxes-wrapper .title{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    padding: 0 20px;
    letter-spacing: -1px;
}

.square-boxes-wrapper .icon-image{
    height: 86px;
    width: 86px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 25px;
}

.square-boxes-wrapper .icon-image img{
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.square-boxes-wrapper .box .desc{
    font-size: 28px;
    line-height: 1.2;
    padding: 30px 30px 15px 30px;
    font-weight: 800;
}

.square-boxes-wrapper a{
    z-index: 9;
    display: block;
}

.link-wrapper{
    display: flex;
    align-items: center;
    border-radius: 40px;
    padding: 8px 12px;
    background-color: #485AA8;
    margin-top: 20px;
}

.link-wrapper span{
    height: 4px;
    width: 4px;
    background-color: white;
    display: inline-block;
    margin: 0 2px;
    border-radius: 50%;
}

.box-back .link-wrapper{
    background-color: white;
    margin-top: 0px;
}

.box-back .link-wrapper span{
    background-color: #EDBC4B;
}

.square-boxes-wrapper .section-btn-wrapper{
    text-align: right;
    width: 100%;
}

.square-boxes-wrapper .bullets-wrapper{
    background-color: white;
    margin-left: 30px;
}

.square-boxes-wrapper .bullets-wrapper span{
    background-color: #485AA8;
}

.square-boxes-wrapper .section-btn{
    font-size: 21.5px;
    line-height: 1;
    color: white;
    margin-top: 60px;
    padding: 20px 50px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 600;
    text-align: right;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;
}

.make-full{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promo-text-with-bg-wrapper{
    position: relative;
    color: white;
    text-align: center;
    z-index: -1;
}

.promo-text-with-bg-wrapper .bg{
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.promo-text-with-bg-wrapper .text{
    font-size: 48px;
    line-height: 1.3;
    font-weight: 800;
    padding: 134px 80px;
}

.promo-text-with-bg-wrapper .counters-wrapper{
    display: flex;
    justify-content: space-around;
    margin-bottom: 150px;
    flex-wrap: wrap;
}

.promo-text-with-bg-wrapper .counter{
    width: 100%;
    max-width: 25%;
    text-align: center;
    border-right: 5px solid white;
}

.promo-text-with-bg-wrapper .counter:last-child{
    border-right: 0;
}


.promo-text-with-bg-wrapper .number{
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -4px;
}

.promo-text-with-bg-wrapper .desc{
    font-size: 22px;
    line-height: 1.1;
    padding: 0 15px;
}

.square-boxes-wrapper.only-hover .box-wrapper{
    min-width: 297px;
    min-height: 286px;
    max-width: 297px;
    max-height: 286px;
    padding: 5px;
    position: relative;
    margin-bottom: 10px;
}

.square-boxes-wrapper.only-hover .box-inner{    
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 1;
    background-color: #f4f5f6;
}

.square-boxes-wrapper.only-hover .box-wrapper .box-inner{
    transition: all 0.5s ease-in-out;
}

.square-boxes-wrapper.only-hover .box-wrapper:hover .box-inner{
    background-color: #F0B940;
}

.hero-with-bg{
    margin: 0 30px 120px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.hero-with-bg .row{
    max-width: 100%;
    padding: 0 20px 0 120px;
}

.hero-with-bg .inner{
    padding-top: 100px;
    padding-bottom: 100px;
    align-items: center;
}

.hero-with-bg .img-wrapper{
    text-align: center;
}

.hero-with-bg .h1{
    font-size: 86px;
    line-height: 1.1;
    color: #ffffff;
    font-weight: 800;
    font-family: inherit;
    letter-spacing: -3px;
    margin-bottom: 50px;
}

.hero-with-bg .h1 span{
    color: #000000;
}

.hero-with-bg .desc{
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 300;
}

.hero-with-bg .desc span{
    color: #000000;
    font-weight: 400;
}

.centered-text {
    padding: 50px 0;;
}

.centered-text .title{
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -1px;
    color: #1B2D59;
}

.centered-text .desc{
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    color: #74707D;
}

.centered-text .subtitle{
    margin-top: 40px;
    background-color: #1B2D59;
    padding: 20px 40px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
}

.stylished-text{
    display: inline-block;
    padding: 50px 0;
}

.stylished-text .title-wrapper{
    margin-bottom: 40px;
}

.stylished-text .title.underlined{
    position: relative;
    text-decoration: none;
    background:linear-gradient(#F0B940,#F0B940) left bottom no-repeat;
    background-size: 100% 15px;
    transition: all 0.5s;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    display: inline;
}


.stylished-text .title{
    font-size: 52px;
    line-height: 1.1;
    font-weight: 200;
    margin-bottom: 30px;
    color: #7B7C7F;
}

.stylished-text .desc{
    font-size: 24px;
    line-height: 1.6;
    font-weight: 700;
    color: #54577A;
    margin: 0 auto;
    max-width: 550px;
    display: inline-block;
}

.stylished-text.half-column {
    max-width: 50rem;
    margin-right: auto;
    margin-left: auto;
}

.is-layout-flex {
    display: flex;
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0 40px;
}

.is-layout-flow{
    width: 50%;
    padding: 20px;
}

.stylished-text.text-center{
    width: 100%;
}


.text-with-left-border{
    max-width: 1200px;
    margin: 0 auto;
}

.text-with-left-border.limited-size{
    max-width: 600px;
    margin: 0 auto;
}

.text-with-left-border-inner{
    position: relative;
    padding: 2px 50px;
    position: relative;
}

.text-with-left-border-inner:after{
    content: '';
    display: block;
    height: 100%;
    width: 15px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.text-with-left-border .title:after{
    content: '';
    display: block;
    height: 100%;
    width: 15px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: -50px;    
}

.border-only-on-title .title{
    position: relative;
}


.text-with-left-border-inner.yellow:after{
    background-color: #F0B940;
}

.text-with-left-border-inner.blue:after{
    background-color: #475CA9;
}

.text-with-left-border-inner.border-only-on-title .title.yellow:after{
    background-color: #F0B940;
}

.text-with-left-border-inner.border-only-on-title .title.blue:after{
    background-color: #475CA9;
}

.text-with-left-border .title{
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    padding-bottom: 30px;
}

.text-with-left-border .title.yellow{
    color: #F0B940;
}

.text-with-left-border .title.blue{
    color: #475CA9;
}

.text-with-left-border-inner.border-only-on-title .title.yellow, .text-with-left-border-inner.border-only-on-title .title.blue{
    color: #3e3e3f;
}

.text-with-left-border .desc p{
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    color: #000000;
}

.text-with-left-border .desc li{
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    color: #000000;
    margin-bottom: 10px;
}

.text-with-left-border .desc li::marker{
    font-size: 18px;
}

.text-with-left-border .btn-wrapper .btn{
    border-radius: 30px;
}

.text-with-left-border .btn-wrapper .btn a{
    color: #ffffff;
    letter-spacing: -1px;
}

.text-with-left-border .btn-wrapper{
    margin-top: 70px;
    margin-left: 30px;    
}

.text-with-left-border .btn-wrapper a{
    font-size: 26px;
    font-weight: 600;
}

.text-with-left-border .bullets-wrapper{
    background-color: white;
    margin-left: 15px;
}

.text-with-left-border .bullets-wrapper span{
    height: 6px;
    width: 6px;
    background-color: #F0B940;
    display: inline-block;
    margin: 0 2px;
    border-radius: 50%;
}

.colorful-boxes-wrapper .box{
    padding: 50px 65px 30px 65px;
    margin: 20px;
    border-radius: 20px;
    color: #ffffff;
    height: 100%;
}

.colorful-boxes-wrapper .box-wrapper{
    height: 100%;
    padding-bottom: 40px;

}

.colorful-boxes-wrapper .box-inner{
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: flex-start;
    /* min-height: 300px; */
    /* max-height: 300px; */
}

.colorful-boxes-wrapper .box .title{
    display: block;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
}

.colorful-boxes-wrapper .box .desc{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 300;
}
 

.colorful-boxes-wrapper .bullets{
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
    padding: 12px 18px;
    background-color: white;
    margin-bottom: 30px;
}

.colorful-boxes-wrapper .bullets span{
    height: 6px;
    width: 6px;
    background-color: black;
    display: inline-block;
    margin: 0 2px;
    border-radius: 50%;
}


/* Gray Box*/
.colorful-boxes-wrapper .box.gray{
    background-color: #B5AEA7;
}

.colorful-boxes-wrapper .box.gray .bullets{
    background-color: #485AA8;
}

.colorful-boxes-wrapper .box.gray .bullets span{
    background-color: #ffffff;
}



/* Blue Box*/
.colorful-boxes-wrapper .box.blue{
    background-color: #485AA8;
}

.colorful-boxes-wrapper .box.blue .bullets{
    background-color: #B5AEA7;
}

.colorful-boxes-wrapper .box.blue .bullets span{
    background-color: #ffffff;
}



/* Yellow Box*/
.colorful-boxes-wrapper .box.yellow{
    background-color: #F0B940;
}

.colorful-boxes-wrapper .box.yellow .bullets{
    background-color: #ffffff;
}

.colorful-boxes-wrapper .box.yellow .bullets span{
    background-color: #1B2D59;
}



/* Dark Blue Box*/
.colorful-boxes-wrapper .box.dark_blue{
    background-color: #1B2D59;
}

.colorful-boxes-wrapper .box.dark_blue .bullets{
    background-color: #ffffff;
}

.colorful-boxes-wrapper .box.dark_blue .bullets span{
    background-color: #F0B940;
}


.small-text-with-title .title-normal {
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 40px;
    letter-spacing: -1px;
    color: #1B2D59;
}

.small-text-with-title .title-big {
    font-size: 64px;
    line-height: 1.1;
    font-weight: 200;
    margin-bottom: 30px;
    color: #333;
}

.title-capitalise {
    font-size: 20px;
    line-height: 1.1;
    font-weight: 800;
    text-transform: capitalize;
    margin-top: 40px;
}

.small-text-with-title .content {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 20px;
    color: #7B7C7F;
}

.small-text-with-title .content p{
    line-height: 1.6;
}

.space-top{
    margin-top: 100px;
}

.space-bottom{
    margin-bottom: 100px;
}

.space-small{
    margin-bottom: 50px;
}

.space-xs-top{
    margin-top: 30px;
}

.space-small-top{
    margin-top: 50px;
}

.space-normal-top{
    margin-top: 80px;
}

.space-normal{
    margin-bottom: 80px;
}

.space-large{
    margin-bottom: 120px;
}

.vertical-boxes-wrapper .section-title {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 200;
    margin-bottom: 70px;
    color: #333;
    text-align: center;
    width: 100%;
}

.vertical-boxes-wrapper {
    padding-left: 60px;
    padding-right: 60px;
}


.vertical-boxes-wrapper .vertical-boxes {
    display: flex;
}

.vertical-boxes-wrapper .box {
    width: 33.3333%;
    padding: 0 20px;
}

.vertical-boxes-wrapper .box-inner {
    border-radius: 20px;
    overflow: hidden;
    background-color: #4459a7;
    min-height: 732px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vertical-boxes-wrapper .box-1 .box-inner {
    background-color: #b7b6b8!important;
}

.vertical-boxes-wrapper .box-3 .box-inner {
    background-color: #1b2d58!important;
}

.vertical-boxes-wrapper .box-title{
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 60px;
    min-height: 120px;
}

.vertical-boxes-wrapper .box-1 .box-title{
    color: #494848;
}

.vertical-boxes-wrapper .box-3 .box-title{
    color: #d5a643;
}

.vertical-boxes-wrapper .box-desc{
    font-size: 20px;
    line-height: 1.5;
    color: #ffffff;
    padding: 10px 60px 40px 60px;
}

.vertical-boxes-wrapper .box-3 .box-desc{
    color: #b3bdc2;
}

.vertical-boxes-wrapper .box-number{
    font-size: 20px;
    line-height: 1.1;
    color: #ffffff;
    padding: 40px 60px 10px 60px;
}

.vertical-boxes-wrapper .number-inner{
    background-color: white;
    display: inline-block;
    color: #4459a7;
    font-weight: 600;
    border-radius: 10px;
    width: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.vertical-boxes-wrapper .box-1 .number-inner{
    background-color: #4459a7;
    color: #ffffff;
}

.vertical-boxes-wrapper .box-3 .number-inner{
    background-color: #ffffff;
    color: #1b2d58;
}

.vertical-boxes-wrapper .img-wrapper{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

}

.vertical-boxes-wrapper img{
    width: 100%;
}

.decoration-wrapper{
    position: relative;
}

.decoration-wrapper .content{
    font-size: 800px;
    position: absolute;
    left: 5%;
    top: 0;
    pointer-events: none;
    z-index: -1;
    font-weight: 800;
    line-height: 0.6;
    text-shadow: 2px 2px 0 #dfe4e5, -2px -2px 0 #dfe4e5, 2px -2px 0 #dfe4e5, -2px 2px 0 #dfe4e5, 2px 2px 0 #dfe4e5;
    color: #ffffff;
}

.decoration-wrapper .content.isRight{
    right: 5%;
    left: unset;
}

.people .img-wrapper{
    width: 250px;
    height: 250px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 30px;
    overflow: hidden;
}

.people .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.people-section{
    position: relative;
}

.people{
    justify-content: flex-start;
}

.people .person-wrapper{
    margin-bottom: 80px;
    flex: 0 0 25%;
}

.people .name{
    font-size: 32px;
    line-height: 1;
    color: #1B2D59;
    font-weight: 800;
    margin-bottom: 10px;
}

.people .job-title{
    font-size: 24px;
    color: #908EA7;
}

.page-decorations .decoration-letter{
    font-size: 200px;
    position: absolute;
    pointer-events: none;
    z-index: -1;
    font-weight: 800;
    line-height: 0.6;
    text-shadow: 1px 1px 0 #1B2D59, -1px -1px 0 #1B2D59, 1px -1px 0 #1B2D59, -1px 1px 0 #1B2D59, 1px 1px 0 #1B2D59;
    color: #ffffff;
    opacity: 0.2
}

.page-decorations .decoration-letter.top-left{
    left: 0;
    top: 0;
    transform: rotate(-18deg);
}

.page-decorations .decoration-letter.top-right{
    right: 4%;
    top: 2%;
    transform: rotate(-15deg);
}

.page-decorations .decoration-letter.middle-left{
    left: 4%;
    top: 50%;
    transform: rotate(5deg);
}

.page-decorations .decoration-letter.middle-right{
    right: 3%;
    top: 50%;
    transform: rotate(20deg);
}

.contact-form h5{
    color: #7B7C7F;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
    font-family: inherit;
    margin-bottom: 10px;
}

.contact-form .wpcf7 h5+p{
    font-family: inherit;
    font-size: 18px;
    color: #4e4e4e;
}

.contact-form {
    box-shadow: 0px 0px 14px rgb(0, 0, 0 , 0.3);
    padding: 80px 40px;
    border-radius: 20px;
    background-color: #ffffff;
    margin-top: -200px;
}

.page-template-template-contact .hero-with-bg {
    margin-bottom: 0!important;
    padding-bottom: 200px;
}

.contact-form .extra-space{
    padding: 10px 40px
}

.contact-form .wpcf7-radio {
    flex-direction: column;
}

.contact-form .wpcf7-radio label{
    color: #7B7C7F;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    font-family: inherit;
    cursor: pointer;
    margin-bottom: 11px;
    display: flex;
}

.contact-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before {
    width: 22px;
    height: 22px;
    font-size: 15px;
    border: 2px solid #ADB8B9;
    background-color: #edf5ff;
    color: #ADB8B9;
}

.contact-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked+.wpcf7-list-item-label:before{
    background-color: #edf5ff;
}

.contact-form input[type="submit"], .button, .btn{
    background-color: #eebd49;
    border-radius: 30px;
    font-weight: 600;
    font-size: 22px;
    padding: 10px 40px;
}

.row.no-pads{
    padding-left: 0;
    padding-right: 0;
}

.parallax-horizontal{
    height: 580px;
    position: relative;
    margin: 100px 0;
}

.parallax-horizontal .parallax-img{
    background-attachment: fixed;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -212px;
    width: calc(100% + 212px);
    height: 100%;
}

.parallax-vertical{
    height: 1270px;
    position: relative;
    margin: 100px 0;
}

.parallax-vertical .parallax-img{
    background-attachment: fixed;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -212px;
    width: calc(100% + 212px);
    height: 100%;
}

.parallax-vertical.to-left{
    margin: 15px 0 0 0;
}

.parallax-vertical.to-left .parallax-img{
    background-position: left;
    left: -212px;
    width: calc(100% + 212px);
}

.after-form-contact-info{
    display: flex;
    justify-content: space-between;
    padding: 150px 50px 50px 50px;
    align-items: center;
}

.after-form-contact-info > div{
    padding: 0 5px;
}

.after-form-contact-info img{
    margin-bottom: 20px;
}

.after-form-contact-info svg{
    fill: #2b3b63;
}

.after-form-contact-info .text{
    color: #7B7C7F;
    font-size: 24px;
    font-weight: 500;
}


.form-title{
    color: #1B2D59;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
}

.form-subtitle{
    color: #74707D;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 70px;
}

.submenu-wrapper{
    display: flex;
    align-items: center;
    background-color: #ffffff;
    position: absolute;
    top: 50px;
    left: -20px;
    border-radius: 12px;
    padding: 10px 0 10px 40px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.submenu-wrapper.hovered{
    opacity: 1;
    pointer-events: all;
}
.submenu-wrapper .title{
    font-weight: 800;
    font-size: 24px;
    color: #20315b;
    margin: 0 20px;
}

.submenu{
    display: flex;
    align-items: center;
    list-style-type: none;
}

.sub-menu li{
  display: flex;
  align-items: center;
}

.header .sub-menu li:after{
    height: 12px;
    width: 2px;
    content: '';
    background-color:#20315b;
}

.sub-menu li:last-child:after{
    display: none;
}

.header .thb-full-menu .sub-menu a{
    font-size: 18px;
    padding: 0 20px;
    font-weight: 600;
    color: #1b2d58;
}

.header .current-menu-parent .sub-menu .current-menu-item a{
    color: #F0B940;
}
.submenu-wrapper .caret{
    max-width: 10px;
}

.header .thb-full-menu .sub-menu{
    opacity: 1;
    visibility: visible;
    display: flex;
    position: relative;
    box-shadow: unset;
    background: none;
    padding: 15px 0;
}

.header_container{
    margin-bottom: 20px;
}

#menu-main-menu .current-menu-parent > a, #menu-main-menu .current-menu-ancestor > a{
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    background-color: #F0B940;
    border-radius: 8px;
    padding: 0 10px;
    line-height: 1.6;
    margin: 0 10px;
}

.header .thb-full-menu li.menu-item-has-children{
    display: flex;
    align-items: center;
}

.header{
    padding: 15px 0;
}

.header svg{
    max-width: 130px;
    transition: all 0.5s ease-in-out;
}


.services-landing-wrapper .title-huge {
    font-size: 86px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -5px;
    margin-bottom: 40px;
}

.services-landing-wrapper .title-big {
    font-size: 62px;
    line-height: 1.1;
    font-weight: 800;
    margin-bottom: 0;
}

.services-landing-wrapper .desc {
    font-size: 20px;
    color: #333;
    line-height: 1.3;
    margin-top: 40px;
}

.services-landing-wrapper .desc.c-white {
    color: #fff;
}

.services-landing-wrapper .section-bg-gray{
    background-color: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 100px;
}

.services-landing-wrapper .section-bg-gray.small-pad{
    padding-top: 50px;
    padding-bottom: 50px;
}

.service-menu-item{
    border-bottom: 1px solid #24335B;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; 
    transition: all 0.5s ease-in-out;
}

.service-menu-item:hover{
    opacity: 0.6;
}

.service-menu-item:hover span{
    color: #EDBC4B;
    transition: all 0.3s ease-in-out;
}

.service-menu-item svg{
    transform: translateX(-20px);
    transition: all 0.3s ease-in-out;
    margin-left: 50px;
}

.services-left-menu h2{
    padding: 20px 0;
    font-size: 20px;
    color: #24335B;
    font-weight: 800;
    display: block;
    transition: all 0.5s ease-in-out;
    max-width: 16.667vw;
    margin-bottom: 0;
}

.service-menu-item.active h2{
    color: #EDBC4B;
}

.service-menu-item.active svg{
    transform: translateX(0);
    fill: #EDBC4B;
}

.services-wrapper .service .subtitle{
    font-size: 50px;
    line-height: 1.2;
    font-weight: 800;
    color: #24335B;
}

.services-wrapper .service .description{
    padding: 40px 0;
}

.services-wrapper .service{
    padding-bottom: 40px;
    padding-top: 7.292vw;
}

.services-wrapper .service .link , .service-link{
    font-size: 20px;
    font-weight: 800;
    position: relative;
}
 
.services-wrapper .service .link:hover, .service-link:hover{
    color: #f5a61b;
}

.service .link:after, .service-link:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
    display: block;
    height: 2px;
    width: 100%;
    content: "";
    transition: 0s;
    background: #f5a61b;
}

.c-white.service-link:after {
    background: #ffffff;
}

.c-white.service-link:hover {
    color: #f1f1f1;
}

.service-link{
    margin-top: 40px;
    display: inline-block;
}

.service-image-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 50px -20px;
}

.service-image-grid .service-img{
    flex: 0 0 50%;
    padding: 0 20px;
}

.service-image-grid .service-img img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.service .description p{
    font-weight: 500;
    font-size: 18px;
}

.services-left-menu-wrapper{
    position: relative;
}


.services-left-menu{
    position: absolute;
    padding-right: 30px;
}


.services-left-menu.issticky {
    position:fixed;
    top: 0;
    padding-top: 200px;
    /* left: unset; */
}


.services-left-menu.bottom {
    bottom: 0;
    top: unset;
    position: absolute;
}

.services-section .row{
    position: relative;
}

.services-video-section video{
    width: 100%;
}

.content-with-link-wrapped{
    max-width: 750px;
}

.services-landing-wrapper .title-beast {
    font-size: 96px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0;
    padding: 50px 0;
}

.services-landing-wrapper .icon-img{
    width: auto;
}

.services-list-item{
    position: relative;
}

.services-list h2{
    padding: 20px 0;
    font-size: 20px;
    color: #24335B;
    font-weight: 800;
    display: block;
    transition: all 0.5s ease-in-out;
    max-width: 320px;
    margin-bottom: 0;
}

.service-list-item:hover h2{
    color: #EDBC4B;
}

.service-list-item svg{
    transform: translateX(-20px);
    transition: all 0.3s ease-in-out;
    margin-left: 50px;
}

.service-list-item:hover svg{
    transform: translateX(0);
    fill: #EDBC4B;
}

.service-list-item{
    border-bottom: 1px solid #24335B;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; 
    transition: all 0.5s ease-in-out;
}

.square-img {
    padding-right: 70px;
}

.square-img img{
    border-radius: 20px;
}

.align-middle{
    align-items: center;
}

.bg-gradient{
    background: linear-gradient(128deg, rgba(207,144,0,1) 0%, rgba(242,205,120,1) 100%);
    padding: 100px 0;
    z-index: 99;
}

.brands-section {
    display: flex;
    /* flex-wrap: wrap; */
    background-color: #f7f7f7;
    padding: 100px 0;
}

.brands-section.grid-style {
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 10px 0;
}

.brands-section .client-img-wrapper{
    box-shadow: 0px 0px 8px rgba(0,0,0, 0.2);
    margin: 0 20px;
    background-color: #ffffff;
    flex: 0 0 220px;
}

.brands-section.grid-style .client-img-wrapper{
    margin: 5px;
    padding: 10px 0; 
    border-radius: 10px;
}

.img-rounded{
    border-radius: 20px;
}

.call-to-action{
    background: linear-gradient(120deg, rgba(207,144,0,1) 0%, rgba(242,205,120,1) 100%);
    padding: 50px 0;
    display: flex;
}

.call-to-action .text{
    font-size: 50px;
    font-weight: 800; 
    margin: 0 20px;
    line-height: 1.2;
}

.call-to-action .button{
    background-color: #ffffff;
    color: #f5a61b;
    margin: 0 20px;
}

.images-with-revealing-text.image-toleft{
    flex-direction: row-reverse; 
}

.images-with-revealing-text .title-beast{
    font-size: 120px;
}

.blog-carousel .swiper-container{
    width: 100%;
    height: 400px;
}

.blog-carousel .swiper-wrapper{
    max-height: 100%;
    height: 100%;
    display: flex;
    width: 100%;
}

.blog-carousel .swiper-slide{
    flex: 0 0 33.333%;
}

.blog-carousel .swiper-slide img{
    border-radius: 20px;
}

.blog-carousel{
    width: 100%;
}

.js-blog-carousel{
    overflow: visible;
}

.blog-carousel .swiper-slide .post-title{
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

.blog-carousel .swiper-slide .post-category{
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    padding: 20px 0;
} 

.swiper-wrapper{
    transition-timing-function: linear;
  }

.swiper {
    width: 100%;
    height: 100%;
}

.fade-1 {
    transition: all .5s ease-in-out;
}

.fade-2 {
    transition: all 1s ease-in-out;
}

.fade-3 {
    transition: all 1.5s ease-in-out;
}
  
.fadeOut {
    opacity: 0;
    transform: translateY(10px);
}
  
.fadeIn {
    opacity: 1;
    transform: translateY(0px);
}
  

.header.headroom--unpinned{
    transform: translateY(0%);
}

.header.header-has-bg .main-menu-wrapper .contact-info{
    transform: translateY(-100px);
}

.header.header-has-bg svg{
    transform: scale(0.6);
}

.header.header-has-bg .thb-full-menu a{
    font-weight: 400;
}

.header.header-has-bg{
    padding: 0;
    box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.2);
}

.header.header-has-bg .menu-main-menu-container{
    padding: 0;
    border: 0;
    transform: translateY(-20px);
}

.footer-flex-items{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer .medium-text-right p{
    margin-left: 20px;
    margin-top: 0;
}

.grid-portfolio-btn{
    display: flex;
    justify-content: center;
}

.portfolio-grid-wrapper .row{
    max-width: 117rem!important;
}

.portfolio-grid-wrapper .portfolio{
    margin-bottom: 60px;
}

.portfolio-grid-wrapper .portfolio .category{
    color: #000000;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.portfolio-grid-wrapper .section-title.fixedMe{
    position: fixed;
    top: 150px;
    left: 50%;
    z-index: 999;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

.portfolio-grid-wrapper .portfolio .title{
    color: #000000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.portfolio-grid-wrapper .portfolio .title:hover{
    opacity: 0.6;
}

.portfolio-grid-wrapper .portfolio .tags{
    display: flex;
}

.portfolio-grid-wrapper .portfolio .tags li{
    color: #858585;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.1;
    margin-bottom: 15px;
    margin-right: 25px;
}

.portfolio-grid-wrapper .portfolio .featured-image{
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
    height: 100%;
	position:relative;
}

.portfolio-grid-wrapper .portfolio .featured-image a{
    cursor: pointer;
}

.portfolio-grid-wrapper .portfolio .featured-image:hover img{
    transform: scale(1.1);
}

.portfolio-grid-wrapper .portfolio .featured-image img{
    width: 100%;
    height: 100%;
/*     object-fit: cover; */
/*     min-height: 360px; */
    transition: all 0.5s ease-in-out;
    transform: scale(1);
}

.icons-gallery{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.icons-gallery figure {
    background: #fff;
    border-radius: 40px;
    position: relative;
    box-shadow: 0 30px 80px rgba(0,0,0,.1);
    min-height: 230px;
    display: flex;
    align-items: center;
}

.icons-gallery figure img{
    margin: 30px;
}

.lightbox-content{
    max-width: 80vw;
    max-height: 80vh;
    height: 100%;
    margin: 0 auto;
}

.lightboxWrapper{
    display: none;
    opacity: 0;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.5s ease-in-out;
}

.lightboxWrapper.active{
    z-index: 9999;
    display: block;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}

.lightboxWrapper .swiper-wrapper{
    border-radius: 40px;
}

.lightboxWrapper .swiper-slide{
    height: 90vh;
    border-radius: 40px;
}

.lightboxWrapper.active .swiper{
    z-index: 9999;
    overflow: hidden;
    border-radius: 40px;
}

.lightboxWrapper .close-btn{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.btn a{
    color: #ffffff!important;
}

.btn:hover{
    background-color: #1b2d58;
}

.posts-list-wrapper .title-big{
    font-weight: 700;
}

.posts-list-wrapper .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.posts-list-wrapper .article{
    flex: 0 0 33.33333%;
    padding: 10px;
    margin-bottom: 30px;
    position: relative;
}

.posts-list-wrapper .article img{
   border-radius: 20px;
}

.posts-list-wrapper .post-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

.posts-list-wrapper .post-category {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    padding: 20px 0;
}

/* MEDIA SCREEN */

@media screen and (max-width:1600px){
    .square-boxes-wrapper.only-hover .box-wrapper{
        min-width: 20%;
        max-width: 20%;
    }

    .header .thb-full-menu a{
        padding: 10px;
    }
}
@media screen and (max-width:1500px){
    
    .header-row{
        padding: 0 2rem;
    }

    .thb-full-menu a{
        font-size: 18px;
    }

    .services-landing-wrapper .title-beast{
        font-size: 90px;
    }

    .square-boxes-wrapper.only-hover .box-wrapper{
        min-width: 33.333%;
        max-width: 33.333%;
    }
    .intro-with-video-wrapper .title, .v2-main-title{
        font-size: 70px;
    }

    .v2-main-title.sm{
        font-size: 55px;
    }  

    .about-us-wrapper .service-title{
        font-size: 45px;
    }

    .fullwidth-slider-wrapper .section-title, .portfolio-grid-wrapper .section-title{
        font-size: 160px;
    }

    .fullwidth-slider .swiper-slide{
        height: 600px;
    }

    .square-boxes-with-bg-image-wrapper .title{
        font-size: 80px;
    }

    .square-boxes-with-bg-image-wrapper .box{
        min-width: 250px;
        min-height: 250px;
        max-width: 250px;
        max-width: 250px;
    }

    .hero-with-bg .h1{
        font-size: 60px;
    }

    .hero-with-bg .desc{
        font-size: 25px;
    }

    .footer-menu-wrapper .footer-text{
        font-size: 100px;
    }

    .footer-menu-wrapper .questionmark svg{
        max-width: 300px;
    }

    .footer-menu > li a{
        font-size: 18px;
    }

    .footer-menu > li{
        padding-right: 20px;
    }

    .vertical-boxes-wrapper .box-desc{
        padding: 10px 40px 40px 40px;
        font-size: 18px;
    }

    .vertical-boxes-wrapper .box-title{
        font-size: 25px;
        padding: 10px 40px;
    } 

    .vertical-boxes-wrapper .box-number{
        padding: 40px 40px 10px 40px;
    }

    .vertical-boxes-wrapper .box-inner {
        min-height: 650px;
    }

    .promo-text-with-bg-wrapper .text{
        font-size: 40px;
        padding: 100px 80px;
    }
}

@media screen and (max-width:1300px){
    .header .thb-full-menu a{
        letter-spacing: -1px;
    }
}

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

    .services-landing-wrapper .title-huge {
        font-size: 45px;
        letter-spacing: -1px;
    }

    .services-wrapper .service .subtitle{
        font-size: 30px;
        letter-spacing: -1px;
    }

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

    .header .thb-full-menu a{
        padding: 10px 6px;
    }

    .header svg{
        max-width: 100px;
    }

    .main-menu-wrapper .contact-info {
        font-size: 16px;
    }

    .space-bottom{
        margin-bottom: 70px;
    }

    .space-top{
        margin-top: 70px;
    }

    .services-landing-wrapper .title-beast{
        font-size: 70px;

    }

    .promo-text-with-bg-wrapper .number{
        font-size: 60px;
    }

    .colorful-boxes-wrapper .box .title{
        font-size: 25px;
    }

    .colorful-boxes-wrapper .box .desc{
        font-size: 20px;
        line-height: 1.3;
    }

    .intro-with-video-wrapper .title, .v2-main-title{
        font-size: 55px;
    }

    .intro-with-video-wrapper .desc{
        font-size: 25px;
    }  

    .fullwidth-slider-wrapper .section-title, .portfolio-grid-wrapper .section-title{
        font-size: 110px;
    }

    .fullwidth-slider .swiper-slide{
        height: 500px;
    }

    .promo-text{
        padding: 6rem 0;
    }

    .promo-text p{
        font-size: 40px;
    }

    .square-boxes-with-bg-image-wrapper .title{
        font-size: 60px;
    }

    .square-boxes-with-bg-image-wrapper .pre-title{
        font-size: 35px;
        line-height: 1.4;
    }

    .square-boxes-with-bg-image-wrapper .desc{
        font-size: 26px;
        padding: 20px 0;
    }

    .square-boxes-with-bg-image-wrapper .box{
        min-width: 220px;
        min-height: 220px;
        max-width: 220px;
        max-width: 220px;
        font-size: 40px;
        margin-bottom: 100px;
    }

    .digital-slider__service h3{
        font-size: 42px;
    }

    .digital-slider__services .digital-slider__progress:after{
        height: 6px;
    }

    .digital-slider__service-description li{
        font-size: 28px;
    }

    .digital-slider__caption svg{
        width: 150px;
    }
    
    .hero-with-bg .h1{
        font-size: 52px;
    }

    .hero-with-bg .desc{
        font-size: 22px;
    }

    .hero-with-bg .row{
        padding: 70px 20px 70px 80px;
    }

    .people .person-wrapper{
        flex: 0 0 33.3333%;
    }
    
    .small-text-with-title .title-big{
        font-size: 50px;
    }

    .text-with-left-border .title{
        font-size: 28px;
    }

    .small-text-with-title .content{
        font-size: 22px;
    }

    .after-form-contact-info .text{
        font-size: 20px;
    }

    .decoration-wrapper .content{
        font-size: 500px;
    }

    .services-landing-wrapper .title-big{
        font-size: 52px;
    }
}

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

    .posts-list-wrapper .article{
        flex: 0 0 50%;
    }

    .text-with-left-border .btn-wrapper a{
        font-size: 16px;
    }

    .services-left-menu-wrapper{
        display: none;
    }

    .services-left-menu h2{
        max-width: 18vw;
    }

    .main-menu-wrapper .contact-info{
        display: none;
    }

    .thb-mobile-menu li.current-menu-item>a, .thb-mobile-menu li.sfHover>a, .thb-mobile-menu li a:hover{
        color: #F0B940;
    }

    .main-menu-wrapper{
        display: none;
    }

    .small-text-with-title .title-normal{
        font-size: 30px;
    }

    .call-to-action .text {
        font-size: 40px;
    }

    .services-landing-wrapper .title-beast{
        font-size: 55px;
        padding: 10px 0;
    }

    .square-img{
        padding-right: 0;
    }

    .promo-text-with-bg-wrapper .counter{
        max-width: 50%;
        margin-bottom: 20px;
        border-right: 0;
    }

    .square-boxes-wrapper .title{
        font-size: 25px;
    }
    
    .desc.with-pad-right{
        margin-bottom: 30px;
    }

    .desc.with-pad-right br{
        display: none;
    }

    .intro-with-video-wrapper video{
        margin-left: 0;
    }

    .intro-with-video-wrapper{
        padding: 80px 0;
    }

    .about-us-wrapper{
        padding: 80px 0;
    }

    .about-us-wrapper .mob-hr3{
        display: block;
    }

    .clients-pre-title{
        font-size: 30px;
    }

    .v2-main-title br{
        display: none;
    }

    .fullwidth-slider-wrapper .section-title, .portfolio-grid-wrapper .section-title{
        font-size: 90px;
    }

    .fullwidth-slider .swiper-slide{
        height: 400px;
    }

    .wordpress-digital-slider .digital-slider__caption{
        margin-bottom: 10px;
    }
    
    .digital-slider__services-content{
        margin-top: 20px;
    }

    .digital-slider__service h3{
        font-size: 35px;
    }

    .digital-slider__service-description li{
        font-size: 24px;
    }

    .digital-slider__service-description li:before{
        top: 12px;
    }

    .hero-with-bg .row{
        padding: 70px 80px 40px;
    }

    .hero-with-bg .desc{
        margin-bottom: 30px;
    }

    .people .person-wrapper{
        flex: 0 0 50%;
    }

    .after-form-contact-info{
        flex-wrap: wrap;
        padding: 90px 50px 0px 50px;
        text-align: center;
    }

    .after-form-contact-info > div{
        flex: 0 0 50%;
        margin-bottom: 30px;
    }

    .form-title{
        font-size: 30px;
    }

    .form-subtitle{
        font-size: 20px;
        margin-bottom: 50px;
    }

    .simple-text, .with-outline{
        display: none;
    }

    .footer-menu-wrapper{
        padding-top: 6rem;
    }

    .footer-menu-wrapper .footer-text{
        padding-top: 0;
    }

    .footer-menu > li{
        margin-bottom: 60px;
    }

    .vertical-boxes-wrapper .section-title {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .vertical-boxes{
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
    }

    .vertical-boxes-wrapper .box{
        width: 100%;
        margin-bottom: 50px;
    }

    .stylished-text .title{
        font-size: 45px;
    }

    .stylished-text .desc{
        font-size: 20px;
        line-height: 1.4;
    }

    .text-with-left-border .desc li, .text-with-left-border .desc p{
        font-size: 20px;
    }

    .promo-text-with-bg-wrapper .text{
        font-size: 35px;
        padding: 80px 60px;
    }

    .parallax-horizontal .parallax-img, .parallax-vertical .parallax-img{
        position: unset;
        width: 100%;
        background-size: cover;
        background-position: center;
    }

    .parallax-vertical{
        height: 500px;
        margin-bottom: 30px;
    }

    .parallax-vertical.to-left .parallax-img {
        background-position: center;
        width: 100%;
    }

    .mob-pad-0{
        margin-bottom: 0;
    }
    .mob-pad-50{
        margin-bottom: 50px!important;
    }

}

@media screen and (max-width:900px){
	.wordpress-blog-content {
		padding: 10vh 0px 5vh;
	}
    .is-layout-flex.wp-block-columns{
        flex-wrap: wrap!important;
        padding: 0;
    }

    .call-to-action .row {
        flex-direction: column;
    }

    .call-to-action .text{
        margin: 10px;
    }

    .is-layout-flow.wp-block-column{
        flex-basis: 100%!important;
    }

    .colorful-boxes-wrapper .box{
        padding: 40px;
        margin: 10px;
    }
    .colorful-boxes-wrapper .box .title{
        font-size: 20px;
    }

    .colorful-boxes-wrapper .box .desc{
        font-size: 18px;
    }

    .stylished-text.text-right{
        width: 100%;
        text-align: center;
    }

    .stylished-text{
        padding-bottom: 0;
    }
    
}

@media screen and (max-width: 767px){
    
    .posts-list-wrapper .article{
        flex: 0 0 100%;
    }

    .about-us-wrapper .service-title{
        font-size: 25px;
    }

    .about-us-wrapper .desc{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .about-us-wrapper hr, .about-us-wrapper .mob-hr3{
        display: none;
    }

    .parallax-horizontal .parallax-img, .parallax-vertical .parallax-img{
        background-attachment: unset;
    }

    .parallax-horizontal{
        margin: 40px 0;
    }

    .call-to-action .text{
        font-size: 30px;
    }

    .call-to-action .button {
        font-size: 18px;
    }

    .after-form-contact-info{
        padding: 40px 0 0 0;
    }

	.portfolio-grid-wrapper .keepHeight {
		height: 100px;
	}
	
	.about-us-wrapper.title-on-top {
		padding-top: 50px;
		padding-bottom: 50px;
	}
    .mob-pad{
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-carousel .swiper-slide{
        flex: 0 0 50%;
    }

    .blog-carousel .swiper-slide img{
        width: 300px;
    }

    .call-to-action .text{
        text-align: center;
    }

    .brands-section .client-img-wrapper{
        flex: 0 0 130px;
    }

    .services-landing-wrapper .section-bg-gray{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .promo-text-with-bg-wrapper .counters-wrapper{
        margin-bottom: 70px;
    }

    .promo-text-with-bg-wrapper .number{
        font-size: 50px;
    }

    .promo-text-with-bg-wrapper .desc{
        font-size: 18px;
    }

    .small-text-with-title .content p{
        line-height: 1.3;
    }

    .border-only-on-title{
        margin: 0 20px;
    }

    .text-with-left-border .title{
        font-size: 20px;
    }

    .small-text-with-title .content{
        font-size: 18px;
    }

    .hero-with-bg{
        margin: 0 20px 60px;
    }

    .decoration-wrapper .content{
        font-size: 300px;
    }

    .centered-text .title{
        font-size: 30px;
    }

    .centered-text .desc{
        font-size: 18px;
    }

    .centered-text .subtitle, .text-with-left-border .desc li, .text-with-left-border .desc p{
        font-size: 18px;
    }

    .text-with-left-border .btn-wrapper .btn a{
        font-size: 16px;
    }

    .text-with-left-border .btn-wrapper{
        margin-top: 40px;
    }

    .space-bottom{
        margin-bottom: 50px;
    }

    .space-top{
        margin-top: 50px;
    }

    .promo-text-with-bg-wrapper .text{
        font-size: 30px;
        padding: 60px 40px;
    }

    .promo-text{
        padding: 4rem 20px;
    }

    .square-boxes-wrapper.only-hover .box-wrapper{
        min-width: 50%;
        max-width: 50%;
    }

    .services-landing-wrapper .title-big{
        font-size: 28px;
    }
	
	.services-landing-wrapper .title-beast {
		font-size: 30px;
	}
}

@media screen and (max-width:660px){
	.icons-gallery{
    justify-content: center;
}
	
	.space-normal{
		margin-bottom: 20px;
	}

	.space-large{
		margin-bottom: 50px;
	}
	
	.space-small {
		margin-bottom: 10px;
	}
	
	.promo-text-with-bg-wrapper .text {
		font-size: 18px;
		padding: 24px!important;
		line-height: 1.6em;
	}
	
	.small-text-with-title .title-big {
    	margin-bottom: 10px;
	}
	.wp-container-23 .wp-block-column,
	.wp-container-27 .wp-block-column {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.footer-flex-items{
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	
    .text-with-left-border .btn-wrapper .btn a{
        font-size: 18px;
        line-height: 1;
    }

    .fullwidth-slider-wrapper .section-title, .portfolio-grid-wrapper .section-title{
        font-size: 70px;
    }

    .fullwidth-slider-wrapper .section-btn-wrapper, .portfolio-grid-wrapper .section-btn-wrapper{
        text-align: center;
    }

    .fullwidth-slider-wrapper .section-btn, .portfolio-grid-wrapper .section-btn{
        font-size: 16px;
        padding: 20px 25px;
        margin-right: 0;
    }

    .bullets-wrapper{
        margin-left: 20px;
    }
    
    .bullets-wrapper span{
        height: 4px;
        width: 4px;
    }

    .people .person-wrapper{
        flex: 0 0 100%;
        text-align: center;
    }

    .after-form-contact-info{
        flex-direction: column;
        align-items: center;
    }

    .after-form-contact-info > div{
        flex: 0 0 100%;
    }

    .footer-menu > li{
        width: 50%;
    }

}

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

    .decoration-wrapper .content{
        font-size: 80px;
        line-height: 1;
        top: 40px;
    }

    .centered-text .title{
        text-align: left;
        padding-left: 14.5%;
        font-size: 28px;
    }

    .square-boxes-with-bg-image-wrapper .box .letter{
        font-size: 80px;
    }

	.square-boxes-with-bg-image-wrapper .box{
        min-width: 150px;
        min-height: 120px;
        font-size: 32px;
        margin-bottom: 80px;
    }

    .fadeOut {
        opacity: 1;
        transform: translateY(0px);
    }

	.btn{
		padding: 10px 30px;
	}
	
	.btn a{
		font-size:15px;
        line-height: 1;
	}
	
	.brands-section.grid-style {
		justify-content: center
	}

    .after-form-contact-info .text{
        font-size: 15px; 
        line-height: 1.1;
        margin-bottom: 15px;
    }

    .after-form-contact-info .address img{
        max-width: 25%;
        margin-bottom: 8px;
    }

    .after-form-contact-info img{
        max-width: 40%;
        margin-bottom: 8px;
    }

    .contact-form{
        padding: 80px 40px 10px 40px;
    }

    .after-form-contact-info svg{
        max-width: 100px;
    }

    .vertical-boxes-wrapper .box{
        padding: 0;
    }

    .blog-carousel .swiper-slide{
        flex: 0 0 80%;
    }

    .small-text-with-title .title-normal{
        font-size: 25px;
    }

    .promo-text-with-bg-wrapper .counter{
        max-width: 100%;
    }

    .square-boxes-wrapper .boxes{
        flex-direction: column;
        align-items: center;
    }

    .square-boxes-wrapper.only-hover .box-wrapper{
        min-width: 100%;
        max-width: 100%;
    }

    .vertical-boxes-wrapper{
        padding-left: 20px;
        padding-right: 20px;
    }
    .intro-with-video-wrapper .title, .v2-main-title{
        font-size: 46px;
        letter-spacing: -2px;
    }

    .intro-with-video-wrapper .desc{
        font-size: 20px;
    }

    .v2-main-title.sm{
        font-size: 38px;
        line-height: 1;
    }  

    .clients-pre-title{
        font-size: 26px;
    }

    .wordpress-clients{
        padding: 100px 0 50px 0;
    }

    .wordpress-slider-header .txt{
        font-size: 26px;
    }

    .fullwidth-slider-wrapper .section-title, .portfolio-grid-wrapper .section-title{
        font-size: 50px;
    }

    .fullwidth-slider .swiper-slide{
        height: 300px;
    }

    .square-boxes-wrapper .section-btn{
        font-size: 16px;
        padding: 20px 25px;
        margin-top: 10px;
        text-align: center;
    }

    .square-boxes-wrapper .bullets-wrapper{
        margin-left: 15px;
    }

    .square-boxes-wrapper{
        padding: 80px 0;
    }

    .bullets-wrapper span{
        height: 4px;
        width: 4px;
    }

    .square-boxes-wrapper .section-btn-wrapper{
        text-align: center;
    }
    
    .promo-text p{
        font-size: 32px;
    }

    .square-boxes-with-bg-image-wrapper .title{
        font-size: 48px;
        padding: 15px 0;
    }

    .square-boxes-with-bg-image-wrapper .pre-title{
        font-size: 30px;
    }

    .square-boxes-with-bg-image-wrapper .desc{
        font-size: 22px;
    }

    .square-boxes-with-bg-image-wrapper .boxes-wrapper{
        justify-content: center;
        margin: 90px 0 0 0;
    }

    .square-boxes-with-bg-image-wrapper{
        padding: 80px 0 30px 0;
    }

    .hero-with-bg .h1{
        font-size: 36px;
        margin-bottom: 30px;
        letter-spacing: 0;
    }

    .hero-with-bg .desc{
        font-size: 18px;
    }

    .hero-with-bg .row{
        padding: 70px 20px 40px;
    }

    .small-text-with-title .title-big{
        font-size: 40px;
    }

    .text-with-left-border-inner{
        padding: 2px 10px 2px 50px;
    }

    .text-with-left-border-inner:after{
        width: 10px;
    }

    .contact-form h5{
        font-size: 22px;
        margin-bottom: 0;
    }

    .contact-form .wpcf7 h5+p{
        line-height: 1.2;
    }

    input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], textarea, .select-wrapper{
        margin-bottom: 40px;
    }

    .wpcf7-form .wpcf7-radio label{
        font-size: 18px;
    }

    .wpcf7-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before{
        width: 20px;
        height: 20px;
    }

    .contact-form .extra-space{
        padding: 10px 0;
    }

    .wpcf7-form .wpcf7-radio{
        margin-bottom: 40px;
    }

    .footer-menu > li{
        width: 100%;
    }
/* 
    .portfolio-grid-wrapper .portfolio .featured-image img{
        min-height: 260px;
    } */

    .hero-with-bg{
        background-attachment: unset;
    }

    .page-template-template-contact .hero-with-bg{
        background-color: #f4a0ac;
        background-image: none!important;
    }

    .square-boxes-with-bg-image-wrapper{
        background-color: #2f3c79;
        background-image: none!important;
    }

    .mob-neg-space{
        margin-top: -60px;
    }
}

.page-id-4386 #wrapper [role="main"] {
	max-width: 70%;
    margin: auto;
}

 span.title-big {
                    font-size:2.5rem;
                    line-height:1;
                }
@media screen and (min-width: 66.75em) {
                span.title-big {
                    font-size:3.75rem;
                    line-height:1;
                }
}