@import "fonts.css";
/********************* Header Css ******************/
.header-area{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    z-index: 99;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-area.fixed_header{
    position: fixed;
    top:0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px #00000040;
    padding-top: 0px;
    padding-bottom: 0px;
}
.header-area::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 284px;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.header-area.fixed_header::after{
    display: none;
}
.menu-area ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}
.menu-area > ul > li{
   margin-right: 34px;
}
.menu-area > ul > li.active{
    margin-right: 120px;
}
.menu-area > ul > li.active a{
    color: #FFE45C;
}
.menu-area ul li a{
    font-family: "Gilroy", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #fff;
    text-transform: uppercase;
    	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.menu-area ul li a:hover{
     color: #FFE45C;  
     	transition:all 0.5s;
	-webkit-transition:all 0.5s; 
}
.header-right{
    display: flex;
    align-items: center;
}
.header-right h4{
     font-family: "Gilroy", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #fff;
    text-transform: uppercase;   
    margin-right: 20px;
}
.header-right h4 strong{
    font-weight: 400;
    margin-right: 30px;
}
.header-slider{
    padding-top: 14px;
    padding-bottom: 14px;
    overflow: clip;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.swiper-partner .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
    display: flex;
    align-items: center;
}
.swiper-partner .swiper-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    padding: 0 35px;
}
.header-slider-each p{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0px;
	color: #fff;
    margin-bottom: 0px;
}
.header-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 48px;
    border-top: 1px solid rgba(255, 255, 255, .06);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.header-area.fixed_header .header-logo a img{
   filter: invert(1)
}
.header-area.fixed_header .header-right h4{
    color: #000;
}
.header-area.fixed_header .menu-area ul li a{
    color: #000;
}
.header-area.fixed_header .header-slider-each p{
    color: #000;
}
.mobile-menu{
    display: none;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Banner Area %%%%%%%%%%%%%%%%%%%%%%%%%% */
.banner-area{
    position: relative;
}
.banner-wrapper-image {
    height: 100%;
    min-height: 1165px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* display: none; */
}
.banner-video-area video {
    height: 1165px;
    width: 100%;
    object-fit: cover;
}
.banner-area::before{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% - 7px);
    content: '';
    background-color: #000;
    opacity: 0.7;
}
.banner-wrapper{
   position: absolute;
    z-index: 1;
    max-width: 1585px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0px 25px;
}
.banner-from-area{
    background-color: #fff;
    padding: 40px;
	padding-bottom: 30px;
    border-radius: 20px;
    max-width: 591px;
    margin-left: auto;
}
.banner-content h1{
    margin-bottom: 50px;
}
.banner-content h1 span{
    color: #FFD900;
}
.banner-content p{
    color: #fff;
}
.banner-content ul{
    list-style: none;
    padding: 0px;
    margin-bottom: 50px;
    margin-top: 45px;
}
.banner-content ul li{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #fff;
    margin-bottom: 15px;
    background: url(../images/banner-wright-arrow.svg) 0% no-repeat;
    padding-left: 38px;
    margin-top: 15px;
    background-position: left center;
}
.banner-content ul li img{
    margin-right: 10px;
}
.banner-content h6{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0px;
    color: #fff;
    margin-bottom: 40px;
}
.banner-mobile-number h5{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0px;
    color: #FFD900;
}
.banner-mobile-number h5 a{
    color: #FFD900;    
    	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.banner-mobile-number h5 a:hover{
    color: #4da3ff;
    	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.banner-mobile-number{
    display: flex;
    align-items: center;
    gap: 9px;
     margin-bottom: 57px;
}
.banner-content .common-button{
  margin-bottom: 19px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Banner Bottom Area %%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Footer Area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-area{
    padding-top: 73px;
    padding-bottom: 50px;
}
.social-icon ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-top: 25px;
}
.social-icon ul li{
    background-color: #FFE45C;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
        transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.social-icon ul li a i{
    color: #3A3F47;
    font-size: 20px;
        transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.social-icon ul li:hover{
     background-color: #4da3ff;  
         transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.social-icon ul li:hover a i{
    color: #fff;
        transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.footer-left-content h4,
.footer-each h4{
	font-family: "Gilroy", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #3A3F47;
    margin-bottom: 25px;
}
.footer-left-content p,
.footer-each p{
    color: #3A3F47;
}
.footer-each ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-each ul li{
    margin-bottom: 15px;
}
.footer-each ul li a{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0px;
    color: #3A3F47;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.footer-each ul li a:hover{
    color: #4da3ff;
    	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.footer-top-area{
    text-align: center;
    margin-bottom: 100px;
}
.footer-top-area h2{
    font-family: "Gilroy", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;
    letter-spacing: 0px;
    color: #4DA3FF;
    margin-bottom: 18px;
}
.footer-top-area p{
   color: #666666;
   margin-bottom: 39px;
}
.footer-wrapper{
    padding-top: 25px;
    border-top: 1px solid #3A3F47;
}
.footer-bottom-area{
    border-bottom: 1px solid #3A3F47;    
}
.footer-bottom-area p{
    color: #666666;
    line-height: 21px;
    margin-bottom: 13px;
}
.footer-right-content{
    display: flex;
    justify-content: space-between;
    margin-left: 100px;
}
.footer-email-area{
    max-width: 600px;
    margin: 0 auto;
    background-color: #F8F8F8;
    border-radius: 62px;
    border: 2px solid #5A6C7D1A;
    position: relative;
}
.footer-email-area input{
    width: 100%;
    border: 0px;
    background-color: transparent;
    height: 64px;
    padding: 10px 25px;
    color: #3A3F47;
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}
.footer-email-area input:focus{
    outline: none;
}
.footer-email-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% project-slider-area %%%%%%%%%%%%%%%%%%%%%%%%%% */
.project-slider-area{
    margin-top: 36px;
    margin-bottom: 42px;
    position: relative;
}
.project-slider-each{
   padding: 30px 26px;
   background-color: #fff;
   border-left: 6px solid #FFE45C;
   border-radius: 24px;
   box-shadow: 0px 4px 24px 0px #0000000F;
   margin-top: 20px;
    margin-bottom: 20px;
}
.project-slider-each-icon{
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #4DA3FF 0%, #4BA0FC 7.14%, #489DF8 14.29%, #469BF5 21.43%, #4498F2 28.57%, #4295EF 35.71%, #3F93EC 42.86%, #3D90E8 50%, #3B8DE5 57.14%, #398AE2 64.29%, #3688DF 71.43%, #3485DC 78.57%, #3282D8 85.71%, #2F80D5 92.86%, #2D7DD2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.project-slider-each h2{
    background: linear-gradient(90deg, #4DA3FF 0%, #4BA0FC 7.14%, #489DF8 14.29%, #469BF5 21.43%, #4498F2 28.57%, #4295EF 35.71%, #3F93EC 42.86%, #3D90E8 50%, #3B8DE5 57.14%, #398AE2 64.29%, #3688DF 71.43%, #3485DC 78.57%, #3282D8 85.71%, #2F80D5 92.86%, #2D7DD2 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));   
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
	font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
    margin-bottom: 15px;
}
.project-slider-each p{
    color: #364153;
    margin-bottom: 0px;
}
.project-slider-wrapper{
    margin-left: -58px;
    margin-right: -58px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% finished-area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.finished-area{
    padding-top: 116px;
    padding-bottom: 77px;
}
.finished-left-content h2{
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 65px;
    letter-spacing: 0px;
    color: #3A3F47;
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.finished-left-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 96px;
    background: linear-gradient(to bottom, #FFE45C, #FFD900);
    border-radius: 555px;
}
.finished-left-content h2::before {
    content: "";
    position: absolute;
    left: 108px;
    bottom: 0;
    height: 6px;
    width: 48px;
    background: linear-gradient(to bottom, #4DA3FF, #398AF9);
    border-radius: 555px;
}
.finished-left-content p{
    color: #3A3F47;
    max-width: 644px;
}
.finished-right-content-each{
    background: #4DA3FF1A;
    border: 1px solid #fff;
    box-shadow: 0px 1px 2px -1px #0000001A;
    box-shadow: 0px 1px 3px 0px #0000001A;
    padding: 33px 24px 23px;
    border-radius: 14px;
    margin-bottom: 34px;
	min-height: 254px;
}
.finished-right-content-each-icon{
    background-color: #FFE45C;
    width: 60px;
    height: 60px;
    border-radius: 7500px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 4.5px -3px #0000001A;
    box-shadow: 0px 7.5px 11.25px -2.25px #0000001A;
    margin-bottom: 13px;
}
.finished-right-content-each h3{
    color: #000;
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 11px;
}
.finished-right-content-each p{
    margin-bottom: 0px;
}
.finish-right-content-frist{
    margin-top: 44px;
}
.finish-right-content-frist h3{
     color: #000;
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
    letter-spacing: 0px;
    margin-bottom: 14px;   
}
.finished-mobile-slider{
    display: none;
}
.finished-left-content{
    padding-top: 78px;
    max-width: 707px;
}
.finished-right-content{
    padding-left: 30px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% arrives-area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.arrives-area{
    padding-top: 118px;
    padding-bottom: 100px;
    position: relative;
}
.arrives-area::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #000;
    opacity: 0.7;
    pointer-events: none;
}
.arrives-each{
    padding: 30px 42px 34px;
    box-shadow: 0px 4px 24px 0px #0000000F;
    background-color: #fff;
    border-radius: 24px;
    text-align: center;
    margin-bottom: 21px;
    margin-top: 20px;
	min-height: 296px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.arrives-each h3{
    font-family: "Gilroy", sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #1E3A5F;
}
.arrives-each p{
    color: #5A6C7D;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.arrives-each-icon{
    width: 60px;
    height: 60px;
    background-color:#4DA3FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2.73px 4.09px -2.73px #0000001A;
    box-shadow: 0px 6.82px 10.23px -2.05px #0000001A;
    margin: 0 auto;
    margin-bottom: 20px;
}
.arrives-bottom-content{
    background:linear-gradient(0deg, #FFF8D9, #FFF8D9);
    padding: 16px 64px 14px;
    border-radius: 14px;
    border: 1px solid #FFD900;
    position: relative;
    z-index: 1;
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 80px;
}
.arrives-bottom-content p{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 40px;
    letter-spacing: 0px;   
    color: #3A3F47;
    max-width: 1275px;
    margin-bottom: 0px; 
}
.arrives-bottom-content p strong{
    font-weight: 700;
}
.arrives-slider-area{
    position: relative;
    z-index: 1;
    max-width: 1500px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.arrives-heading{
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}
.arrives-heading h2{
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
    letter-spacing: 0px;   
    color: #fff;   
    position: relative; 
    padding-bottom: 26px;
    margin-bottom: 27px;
}
.arrives-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 200px;
    background: #FFE45C;
    border-radius: 555px;
    transform: translateX(-50%);
}
.arrives-heading p{
    color: #fff;
	margin-bottom: 10px;
}
.arrives-each.arrives-frist-each{
    min-height: 296px;
    position: relative;
    clip-path: polygon(
        40px 0%,         /* top-left cut */
        100% 0%,
        100% calc(100% - 40px), /* bottom-right cut */
        calc(100% - 43px) 100%,
        0% 100%,
        0% 40px
    );
    border-radius: 0px;
    background-color: transparent;
}
.arrives-each.arrives-frist-each::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/arrives-overlay.png');
    clip-path: polygon(
        40px 0%,         /* top-left cut */
        100% 0%,
        100% calc(100% - 40px), /* bottom-right cut */
        calc(100% - 43px) 100%,
        0% 100%,
        0% 40px
    );
    bottom: 0px;
    left: 0px;
    z-index: 1;

}
.arrives-each.arrives-frist-each h2{
     font-family: "Gilroy", sans-serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 100%;
    letter-spacing: 0px;   
    color: #fff;  
    position: absolute;
    bottom: 36px;
    left: 0px;
    width: 100%;
    text-align: center;  
    z-index: 2;
}
.partner-area{
    padding-top: 100px;
    padding-bottom: 140px;
}
.partner-heading h2{
     font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
    letter-spacing: 0px;   
    color: #3A3F47;     
    padding-bottom: 33px;
    max-width: 1014px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.partner-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 200px;
    background: #FFE45C;
    border-radius: 555px;
    transform: translateX(-50%);
}
.partner-slider .arrives-each {
    padding: 35px 42px 5px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% process-area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.process-area{
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
}
.process-area:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #000;
    opacity: 0.7;
    pointer-events: none;
}
.process-heading{
    position: relative;
    z-index: 1;
    text-align: center;
}
.process-heading h2{
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
    letter-spacing: 0px;
    color: #fff;
    position: relative;
    padding-bottom: 38px;
    margin-bottom: 32px;
}
.process-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 200px;
    background: #FFE45C;
    border-radius: 555px;
    transform: translateX(-50%);
}
.process-slider-each{
    padding: 61px 25px 34px;
    background-color: #fff;
    box-shadow: 0px 4px 24px 0px #0000000F;
    border-radius: 24px;
    margin-bottom: 20px;
	min-height: 470px;
}
.process-slider-each h3{
    font-family: "Gilroy", sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
    letter-spacing: 0px;
    color: #1E3A5F;
    text-align: center;
    margin-bottom: 12px;
}
.process-slider-each p{
    color: #5A6C7D;
    text-align: center;
}
.process-slider-each-logo{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 32px 0px #0000001F;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}
.process-slider-each-logo::after{
    position: absolute;
    content: '';
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: .2;
    border-radius: 50%;
    pointer-events: none;
}
.process-slider-each-logo-number{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 4px 6px -4px #0000001A;
    box-shadow: 0px 10px 15px -3px #0000001A;
    position: absolute;
    top: -14px;
    right: -10px;
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
    z-index: 1;
}
.process-slider .swiper-wrapper .swiper-slide:nth-child(odd) .process-slider-each .process-slider-each-logo{
    background-color: #4DA3FF;
}
.process-slider .swiper-wrapper .swiper-slide:nth-child(odd) .process-slider-each .process-slider-each-logo img{
  filter: brightness(0) invert(1);
}
.process-slider .swiper-wrapper .swiper-slide:nth-child(odd) .process-slider-each .process-slider-each-logo .process-slider-each-logo-number{
       background-color: #FFE45C;
       color: #4DA3FF; 
}
.process-slider .swiper-wrapper .swiper-slide:nth-child(even) .process-slider-each .process-slider-each-logo{
    background-color: #FFE45C;
}
.process-slider .swiper-wrapper .swiper-slide:nth-child(even) .process-slider-each .process-slider-each-logo .process-slider-each-logo-number{
       background-color: #4DA3FF;
       color: #fff; 
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% footer up from area %%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-up-from {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    max-width: 654px;
    margin-left: auto;
}
.footer-up-from-area{
    margin-top: 58px;
    margin-bottom: 56px;
}
.footer-up-from-wrapper{
    background: linear-gradient(108.32deg, #4DA3FF 37.56%, #2E6299 97.94%);
    margin-left: -50px;
    margin-right: -50px;
    border-radius: 20px;
    padding: 38px;
}
.footer-up-from-content h2{
    font-family: "Gilroy", sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
    letter-spacing: 0px;
    color: #fff;   
    position: relative;
    padding-bottom: 48px;
    margin-bottom: 45px;
}
.footer-up-from-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 96px;
    background: linear-gradient(to bottom, #FFE45C, #FFD900);
    border-radius: 555px;
}
.footer-up-from-content h2::before {
    content: "";
    position: absolute;
    left: 108px;
    bottom: 0;
    height: 6px;
    width: 48px;
    background: #fff;
    border-radius: 555px;
}
.footer-up-from-content p{
    color: #fff;
    line-height: 24px;
    max-width: 653px;
}
.footer-from-up-content-list{
    margin-top: 50px;
}
.footer-up-from-content{
    padding-left: 36px;
    padding-top: 70px;
}
.footer-from-up-content-list ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-from-up-content-list ul li{
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #fff;
        display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.footer-from-up-content-list ul li img{
    margin-right: 12px;
}
.footer-from-up-content-list ul li a{
    color: #fff;
        transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.footer-from-up-content-list ul li a:hover{
    color: #FFD900;    
    	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.footer-from-up-content-list ul li a:hover{
     color: #3A3F47;  
    transition: all 0.5s;
    -webkit-transition: all 0.5s;    
}
.finished-mobile-slider-controals .swiper-pagination-bullet,
.process-slider-controals .swiper-pagination-bullet,
.partner-slider-controals .swiper-pagination-bullet,
.arrives-slider-controals .swiper-pagination-bullet,
.project-slider-controals .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    background-color: #4DA3FF;
    opacity: .52px;
}
.finished-mobile-slider-controals .swiper-pagination-bullet.swiper-pagination-bullet-active,
.process-slider-controals .swiper-pagination-bullet.swiper-pagination-bullet-active,
.partner-slider-controals .swiper-pagination-bullet.swiper-pagination-bullet-active,
.arrives-slider-controals .swiper-pagination-bullet.swiper-pagination-bullet-active,
.project-slider-controals .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1px;
}
.banner-from-area .input-wrapper p span input{
    width: 100%;
    color:#1E3A5F80;
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0px;
    border: 1px solid #E5E9F2;
    border-radius: 10px;
    background-color: #F8F9FC;
    margin-bottom: 26px;
    padding: 13px 18px;
    height: 61px;
}
.banner-from-area .input-wrapper p span input:focus{
    outline: none;
}
.banner-from-area .input-wrapper p span textarea{
    width: 100%;
    color:#1E3A5F80;
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0px;
    border: 1px solid #E5E9F2;
    border-radius: 10px;
    background-color: #F8F9FC;
    margin-bottom: 26px;
    padding: 13px 18px;
    height: 150px !important;
}
.banner-from-area .input-wrapper p span textarea:focus{
	outline: none;
}
.banner-from-area .input-wrapper p label{
    color: #1e3a5f;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
	font-family: "Gilroy", sans-serif;
	margin-bottom: 11px;
}
.banner-from-area select{
    width: 100%;
    color:#1E3A5F80;
    font-family: "Gilroy", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0px;
    border: 1px solid #E5E9F2;
    border-radius: 10px;
    background-color: #F8F9FC;
    margin-bottom: 26px;
    padding: 13px 18px;
    height: 61px;
    background: url('/wp-content/uploads/2026/05/drop-down-arrow.svg') 96% no-repeat #F8F9FC;
	appearance: none;
}
.banner-from-area select:focus{
	outline: none;
}
.banner-from-area button{
      display: block;
    padding: 18px;
     background: #ffe45c;
     color: #4da3ff;
    font-size: 16px;
    line-height: 14px;
    text-decoration: none;
    -webkit-clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 1s;
    -webkit-transition: all 1s;  
    width: 100%;
    border: 0px;
    margin-top: 0px;
	margin-bottom: 0px;
	 display: flex;
    justify-content: center;
    align-items: center;
	column-gap: 6px;
}
.banner-from-area button:hover{
    color: #fff;
	background-image: none;
    background-color: #4da3ff;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.banner-from-area button img{
	    transition: all 1s;
    -webkit-transition: all 1s;	
}
.banner-from-area button:hover img{
	filter: brightness(0) invert(1); 
	    transition: all 1s;
    -webkit-transition: all 1s;
}
.banner-from-content span.wpcf7-spinner{
	display: none;
}
.banner-from-area h6,
.footer-up-from h6{
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    text-transform: capitalize;
    color: #1E3A5F80;
    text-align: center;
    margin-top: 25px;
}
.banner-from-area h6 img,
.footer-up-from h6 img{
    margin-right: 5px;
}
.banner-from-area h2{
    color: #3A3F47;
    font-size: 32px;
    line-height: 100%;
    	font-family: "Gilroy", sans-serif;
	font-weight: 700;
        margin-bottom: 22px;
}
.banner-from-area p{
    max-width: 100%;
    margin-bottom: 0px;
    line-height: 100%;
}
.banner-from-content p{
	max-width: 100%;
	margin-bottom: 0px;
}
.mobilisation_wrapper .boder-button
{
    width: 472px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Marge page %%%%%%%%%%%%%%%%%%%%%%%% */
.mobilisation_sec {
    background: linear-gradient(180deg, #E9F4FF 0%, #FFFFFF 50%, #FFF8D9 100%);
    padding: 90px 0 29px;
}
.mobilisation_wrapper{
    max-width: 1480px;
    width: 100%;
    margin: 0px auto;
}
.mobilisation_wrapper h2{
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    color: #3A3F47;
    margin-bottom: 40px;
}
.mobilisation_wrapper p{
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #3A3F47;
    max-width: 1127px;
    width: 100%;
    margin: 0 auto 53px;
}
.mobilisation_wrapper ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    column-gap: 34px;
    margin: 0 0 19px;
    padding: 0;
}
.mobilisation_wrapper li:last-child,
.mobilisation_wrapper li a:not(.common-button){
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #3A3F47;
    text-transform: uppercase;
}
.mobilisation_wrapper li a:not(.common-button):hover{
    color: #4da3ff;
}
.mobilisation_wrapper h6{
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #3A3F47;
}
.real-project-sec{
    padding-top: 78px;
    padding-bottom: 100px;
}
.real-project-sec::after{
    background: #000000B2;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.real-project-wrapper{
    position: relative;
    z-index: 1;
}
.real-project-heading-area{
    margin-bottom: 45px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    column-gap: 30px;
}
.real-project-heading h2{
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 23px;
}
.real-project-heading h2::after{
    left: 0;
    bottom: 0;
    background-color: #FFE45C;
    height: 4px;
    max-width: 200px;
    width: 100%;
    content: "";
    position: absolute;
    border-radius: 30px;
}
.real-project-heading p{
    color: #FFFFFF;
    margin: 0;
}
.real-project-heading-area a{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-right: 17px;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.real-project-heading-area a:hover{
    color: #4da3ff;
}
.real-project-heading-area a::after{
    position: absolute;
    content: "";
    background-image: url("../images/real-project-img.svg");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 11px;
    width: 12px;
    height: 14px;
    right: 0;
    top: 7px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.real-project-heading-area a:hover::after{
    transform: rotate(54deg);
    filter: brightness(0) saturate(100%) invert(51%) sepia(93%) saturate(1659%) hue-rotate(192deg) brightness(105%) contrast(101%);
}
.each-real-project {
    background-color: #FFFFFF;
    padding: 22px 22px 76px;
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
}
.real-project-img h5{
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 2px 20px;
    position: absolute;
    left: 23px;
    top: 23px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
}
.real-project-img{
    margin-bottom: 45px;
    border-radius: 20px;
    overflow: hidden;
}
.each-real-project h3{
    color: #000000;
    font-weight: 700;
    font-size: 32px;
    line-height: 28px;
    margin-bottom: 26px;
}
.each-real-project p{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3A3F47;
    margin-bottom: 6px;
}
.each-real-project ul{
    margin: 0 0 17px;
    padding: 0;
    list-style: none;
    display: flex;
}
.each-real-project li{
    color: #4DA3FF;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 0 10px;
    position: relative;
}
.each-real-project li:not(:last-child):after{
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 60%;
    content: "";
    background-color: #4DA3FF;
}
.each-real-project li:first-child{
    padding-left: 0;
}
.real-project-table{
    padding-top: 14px;
    border-top: 1px solid #0000001A
}
.real-project-table table{
    width: 100%;
}
.real-project-table tr{
    display: flex;
    column-gap: 30px;
    justify-content: space-between;
}
.real-project-table h6{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3A3F47;
    margin-bottom: 11px;
}
.real-project-table h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #000;
}
.real-project-slider{
    overflow-x: clip;
}
.real-project-slider .swiper-slide{
    height: auto;
}
.real-project-slider .swiper-pagination {
    position: inherit;
    margin-top: 36px;
}
.real-project-slider .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    background-color: #4DA3FF;
    opacity: .5;
    margin: 0px 7px !important;
}
.real-project-slider .swiper-pagination-bullet-active{
    opacity: 1;
}
.mobilisation-self-sec{
    background: linear-gradient(180deg, #E9F4FF 0%, #FFFFFF 50%, #FFF8D9 100%);
    padding: 102px 0 82px;
}
.mobilisation-self-heading{
    margin-bottom: 51px;
}
.mobilisation-self-heading h2{
    font-weight: 700;
    font-size: 59px;
    line-height: 100%;
    color: #1E3A5F;
    padding-bottom: 38px;
    position: relative;
    margin-bottom: 26px;
}
.mobilisation-self-heading h2::after{
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #FFE45C;
    height: 4px;
    max-width: 200px;
    width: 100%;
    content: "";
    position: absolute;
    border-radius: 30px;
}
.mobilisation-self-heading p{
    color: #3A3F47;
}
.mobilisation-self-table{
    max-width: 1293px;
    width: 100%;
    margin: 0px auto;
    border: 1px solid #4DA3FF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 8px 0px #00000040;
    -webkit-box-shadow: 0px 4px 8px 0px #00000040;
    background-color: #fff;
}
.mobilisation-self-table table{
    width: 100%;
}
.mobilisation-self-table th {
    background-color: #4DA3FF1A;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    padding: 27px 36px 32px;
    text-align: center;
}
.mobilisation-self-table th:first-child{
    padding-left: 49px;
    text-align: left;
}
.mobilisation-self-table th:nth-child(2){
    border: 1px solid #FFD900;
    border-bottom: none;
    position: relative;
}
.mobilisation-self-table td{
    background-color: #4DA3FF1A;
    padding: 23px 36px 18px;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}
.mobilisation-self-table tr:nth-child(even) td{
    background-color: transparent;
}
.mobilisation-self-table td:first-child{
    text-align: left;
    padding-left: 42px;
}
.mobilisation-self-table td:nth-child(2){
    border: 1px solid #FFD900;
    border-bottom: none;
    border-top: none;
    position: relative;
    color: #4DA3FF;
}
.mobilisation-self-table th:nth-child(2)::after,
.mobilisation-self-table td:nth-child(2)::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFD900;
    opacity: 0.1;
    content: "";
	pointer-events: none;
}
.mobilisation-self-table tr:last-child td:nth-child(2){
    border-bottom: 1px solid #FFD900;
}
.client-testimonials-sec{
    margin-top: 70px;
    margin-bottom: 100px;
    overflow-x: clip;
}
.tean-heading h2,
.faq-heading h2,
.client-testimonials-heading h2{
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    color: #3A3F47;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 30px;
}
.tean-heading h2::after,
.faq-heading h2::after,
.client-testimonials-heading h2::after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #FFE45C;
    height: 4px;
    max-width: 200px;
    width: 100%;
    content: "";
    position: absolute;
    border-radius: 30px;
}
.each-client-testimonial{
    box-shadow: 0px 8px 30px 0px #00000014;
    -webkit-box-shadow: 0px 8px 30px 0px #00000014;
    border-left: 6px solid #FFE45C;
    border-radius: 32px;
    padding: 0 40px 56px;
}
.test-samiclone {
    background: #4DA3FF;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    box-shadow: 0px 10px 15px -3px #0000001A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -18px;
    margin-bottom: 10px;
}
.testi-star-area {
    width: 124px;
    position: relative;
    margin-bottom: 21px;
}
.testi-star-area img{
    max-width: initial;
}
.testi-star{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.each-client-testimonial p{
    color: #5A6C7D;
}
.testi-footer{
    display: flex;
    column-gap: 16px;
    align-items: center;
    padding-top: 17px;
    border-top: 1px solid #E5E9F2;
    margin-top: 30px;
}
.testi-footer h4{
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4DA3FF;
    border-radius: 100%;
    margin: 0;
    text-transform: uppercase;
}
.testi-footer h5{
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #1E3A5F;
}
.testi-footer h6{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #4DA3FF;
}
.client-testimonials-heading{
    margin-bottom: 52px;
}
.client-testimonials-slider{
    overflow-x: clip;
    padding: 0px 28px;
}
.client-testimonials-slider .swiper-pagination {
    position: inherit;
    margin-top: 36px;
}
.client-testimonials-slider .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    background-color: #4DA3FF;
    opacity: .5;
    margin: 0px 7px !important;
}
.client-testimonials-slider .swiper-pagination-bullet-active{
    opacity: 1;
}
.faq-area{
    margin-top: 100px;
    margin-bottom: 280px;
}
.faq-wrapper{
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}
.faq-heading{
    margin-bottom: 49px;
}
.faq-wrapper .accordion {
    list-style: none;
    padding: 0px;
}
.faq-wrapper .accordion>li {
    display: block;
    list-style: none;
    margin-bottom: 20px;
    box-shadow: 0px 4px 20px 0px #0000000F;
    -webkit-box-shadow: 0px 4px 20px 0px #0000000F;
    padding: 28px 32px;
    border-radius: 24px;
    background-color: #FFFFFF;
}
.faq-wrapper .accordion>li>span {
    display: flex;
    align-items: center;
    background: url("../images/arrow-down.svg") no-repeat 100%;
    cursor: pointer;
    text-transform: capitalize;
    background-size: 46px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #3A3F47;
    padding-right: 49px;
}
.faq-wrapper .accordion>li>span strong{
    width: 53px;
    height: 53px;
    background-color: #F0F4F8;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #4DA3FF;
    margin-right: 22px;
}
.faq-wrapper .accordion>li>span.active strong {
    background-color: #4DA3FF;
    color: #FFFFFF;
}
.faq-wrapper .accordion>li>div {
    margin-top: 29px;
    list-style: none;
    padding: 8px 40px 8px 100px;
    display: none;
    overflow: auto;
    position: relative;
}
.faq-wrapper .accordion>li>div::after{
    position: absolute;
    left: 75px;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #FFE45C;
    content: "";
}
.faq-wrapper .accordion>li>div p:last-child{
    margin-bottom: 0;
}
.faq-wrapper .accordion>li>div p{
    color: #5A6C7D;
}
.faq-wrapper .accordion li>span.active {
    background: url("../images/arrow-top.svg") no-repeat 100%;
    background-size: 46px;
    color: #4DA3FF;
}
.team-sec{
    padding: 100px 0 77px;
    background:  linear-gradient(180deg, #E9F4FF 37.13%, #FFFFFF 65.27%, #FFF8D9 100%);

}
.tean-heading{
    max-width: 916px;
    width: 100%;
    margin: 0px auto 66px;
}
.team-sliders{
    max-width: 1274px;
    width: 100%;
    overflow-x: clip;
    margin: 0px auto;
}
.team-img{
    max-width: 165px;
    width: 100%;
    margin: 0px auto 25px;
    border-radius: 100%;
    border: 1px solid #006FFF;
}
.team-sliders .swiper-slide.swiper-slide-active .team-img{
    border: 2px solid #006FFF;
}
.tean-heading h2{
    padding-bottom: 41px;
    margin-bottom: 23px;
}
.each-team {
    max-width: 258px;
    width: 100%;
    margin: 0px auto;
}
.each-team h3{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 3px;
}
.each-team h6{
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #4DA3FF;
    margin-bottom: 14px;
}
.each-team p:last-child{
    margin-bottom: 0;
}
.team-sliders .swiper-pagination {
    position: inherit;
    margin-top: 30px;
}
.team-sliders .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    background-color: #4DA3FF;
    opacity: .5;
    margin: 0px 3.5px !important;
}
.team-sliders .swiper-pagination-bullet-active{
    opacity: 1;
}
.free-strategy-call-sec{
    margin-bottom: 58px;
    padding: 85px 0 51px;
}
.free-strategy-call-sec::after{
    background: #000000B2;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.free-strategy-call-wrapper{
    position: relative;
    z-index: 1;
}
.free-strategy-call-wrapper h2{
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    color: #fff;
    padding-bottom: 39px;
    position: relative;
    margin-bottom: 39px;
    text-align: center;
}
.free-strategy-call-wrapper h2 strong{
    font-weight: 700;
}
.free-strategy-call-wrapper h2::after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #FFE45C;
    height: 4px;
    max-width: 200px;
    width: 100%;
    content: "";
    position: absolute;
    border-radius: 30px;
}
.free-strategy-call-wrapper ul{
    max-width: 1272px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 33px;
    padding: 0;
    list-style: none;
}
.free-strategy-call-wrapper li{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    width: 100%;
}
.free-strategy-call-wrapper li strong{
    font-weight: 400;
    position: relative;
    padding-left: 29px;
}
.free-strategy-call-wrapper li strong::after{
    background-image: url("../images/free-strategy-call-icon.svg");
    background-position: 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
}
.free-strategy-call-wrapper li:nth-child(odd){
    max-width: 40%;
    width: 100%;
    text-align: right;
    padding-right: 37px;
}
.free-strategy-call-wrapper li:nth-child(even){
    max-width: 60%;
    width: 100%;
}
.free-strategy-call-wrapper li:last-child{
    text-align: center;
    padding-right: 0;
    max-width: 100%;
	padding-right: 165px;
}
.project-slider-area{
    overflow-x: clip;
}
.finished-area{
     overflow-x: clip;   
}
.arrives-area{
      overflow-x: clip;    
}
.partner-area{
      overflow-x: clip;      
}
.process-area{
      overflow-x: clip;     
}
.banner-from-content .form-control:focus{
	box-shadow: none;
}
.arrives-desktop-slider-area{
    position: relative;
    z-index: 1;
}
.arrives-desktop-slider-area .arrives-each.arrives-frist-each {
    min-height: 630px;
    margin-right: 10px;
}
.arrives-desktop-slider-area .arrives-each.arrives-frist-each::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/arrives-overlay.png);
    clip-path: polygon(40px 0%, /* top-left cut */ 100% 0%, 100% calc(100% - 40px), /* bottom-right cut */ calc(100% - 43px) 100%, 0% 100%, 0% 40px);
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-up-from-area + footer{
	padding-top: 80px;
}
.desktop-menu .sub-menu li{
	margin-bottom:10px !important;
}