*{transition:all .3s;}
/*header*/
html {
  scroll-behavior: smooth;
}
body{position:relative;}
/*body:before{content:'';position:absolute;background:url('/assets/images/body-bg.svg');background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 768px;top: 0;z-index: -1;}*/
header{position:absolute;width:100%;top:45px;}
.logo{width: 100%;max-width: 300px;}
.logo a{display:block;}

/*hero-banner-sec*/
.hero-banner-sec {padding: 150px 0 106px;background:url('/assets/images/body-bg.svg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.content-wrap h2{font-weight: 600;font-size: 64px;line-height: 110.00000000000001%;letter-spacing: -4%;margin:0 0 50px;color:#01081b;}
.content-wrap p{font-size:18px;font-weight:400;line-height:150%;margin:0 0 24px;color:#706E87;}
.hero-banner-sec .content-wrap-btn {background: black;padding: 17px 40px;display: inline-flex;gap: 10px;align-items: center;border-radius:45px;}
.hero-banner-sec .content-wrap-btn span:first-child {font-weight: 400;color: white;font-size: 16px;line-height: 100%;}
.hero-banner-sec .img-wrap-text{background:url('/assets/images/banner-content-img-text.png');background-position: right;background-repeat: no-repeat;background-size: cover;padding: 35px 33px 40px;border-radius: 20px;margin-top: 20px;}
.img-wrap-text h3 { font-weight: 500; font-size: 28px; line-height: 124%; letter-spacing: 0%; max-width: calc(100% - 235px); }

/*what we do*/
.what-we-do{margin:120px 0 80px;}
.what-we-do h2{font-size:40px;font-weight:600;line-height:120%;color:#01081b;}
.what-we-do p{font-size:20px;line-height:150%;font-weight:500;color:#706E87;}

/*portfolio*/
.portfolio-sec .container-fluid{}
.portfolio-sec{padding:80px 0;background: rgba(247, 249, 252, 1);margin:0 0 60px;}
.portfolio-sec-heading{font-weight: 600; font-size: 40px; line-height: 120%; letter-spacing: 0%; text-align: center;margin:0 15px 60px;}
.portfolio-lists{margin-bottom:60px;margin-left:115px;}
.portfolio-block{margin:0 20px;}
.portfolio-block .img-wrapper{position:relative;}
.img-wrapper h3{font-weight: 600; font-size: 30px; line-height: 120%; letter-spacing: 0%;position:absolute;bottom:35px;left:35px;color:#FFF;right:35px}
.port-text{font-weight: 500; font-size: 20px;line-height: 150%;flex: 0 0 70%;margin:0 0 0 15px;}
.port-slider-btn{display:flex;gap:16px;margin-left:auto;margin:0 15px 0 auto;}
.port-slider-btn button{padding:16px 32px;border-radius:70px;border: 1px solid rgba(1, 2, 5, 1);font-size:0;background:transparent;}
.port-slider-btn button:hover{background: rgba(1, 2, 5, 1);}
.port-slider-btn button:hover svg path{stroke:#fff}
.port-slider-btn button span{font-size:0;}

/*how-we-deliver*/
.how-we-deliver{margin:0 0 100px;}
.how-we-deliver h2{font-size:40px;font-weight:600;line-height:120%;text-align:center;width:100%;margin:0 0 60px;color:#01081b;}
.how-we-deliver .content-block{background: linear-gradient(189.83deg, rgba(243, 247, 255, 0) 26.88%, #F7F9FC 46.97%);padding:30px 75px 30px 30px;border: 1px solid #E6E6E6;border-radius:24px;height:100%;}
.how-we-deliver .content-block-icon{font-size:0;margin:0 0 24px;} 
.how-we-deliver .content-block-text h3,.how-we-deliver .outcomes-content-text h3{font-size:26px;font-weight:600;line-height:120%;margin:0 0 13px;color:#01081b;}
.how-we-deliver .content-block-text p{font-size:16px;line-height:150%;font-weight:400;color:#706E87;}
.outcomes{background: linear-gradient(243.67deg, rgba(243, 247, 255, 0) 23.61%, #F3F7FF 58.71%);border-radius:24px;border: 1px solid #E6E6E6;display:flex;padding: 30px 105px 30px 80px;justify-content:space-between;margin:25px 0 0;align-items: center;}
.outcomes-left-wrap{flex: 0 0 319px;}
.how-we-deliver .outcomes-content-icon{font-size:0;margin:0 0 10px;} 
.outcomes-hightlights-lists{padding:45px;background:url('/assets/images/outcomes-highlights.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.outcomes-hightlights-list:not(:last-child){margin:0 0 10px;}
.outcomes-hightlights-list{border: 1px solid #278EDB4D;background: #FFFFFF;padding:8px 23px;text-align:center;border-radius:32px;font-size:16px;line-height:160%;font-weight:600;color: rgba(112, 110, 135, 0.8);
;}
.outcomes-hightlights-list:hover{transform:scale(1.2);background: rgba(255, 255, 255, 1);border: 2px solid rgba(1, 8, 27, 0.7);color: rgba(1, 8, 27, 1);}

/*partner with us*/
.partners-with-us-wrap{margin:0 0 60px;}
.partners-with-us-wrap h2{font-size:40px;font-weight:600;line-height:120%;text-align:center;width:100%;margin:0 0 20px;color:#01081b;}
.partners-with-us-wrap p{font-weight: 500; font-size: 20px;line-height: 150%; letter-spacing: 0%; text-align: center;}

/*get-in-touch-wrap*/
.get-in-touch-wrap{background:url('/assets/images/get-in-touch.png');background-position: center;background-repeat: no-repeat;background-size: cover;padding: 100px 270px;text-align: center;border-radius:16px;}
.get-in-touch-wrap h2{font-weight: 600; font-size: 63px; line-height: 124%; letter-spacing: 0%;margin:0 0 10px;}
.get-in-touch-wrap p{font-weight: 500; font-size: 16px; line-height: 150%; letter-spacing: 0%;margin:0 0 40px;}
.get-in-touch-mail{padding:16px 40px;display:inline-block;color:#FFF;background: rgba(1, 8, 27, 1);border-radius:45px;font-size:16px;font-weight:600;line-height:100%;}
.get-in-touch-mail:hover{text-decoration:underline;}
/*footer*/
footer{margin:50px 0;}
footer .logo-wrap{max-width:275px;}
ul.quick-links {margin-left: auto;display: flex;margin-right: 15px;}
ul.quick-links li:first-child{margin-right:30px;}
ul.quick-links a:hover{text-decoration:underline;}
/*media quiers*/


@media screen and (min-width:1441px){
 .portfolio-lists{margin:0 115px 60px;}   
}
@media screen and (min-width:1800px){
.portfolio-sec .container-fuild{max-width:1180px;margin:0 auto;}
 .portfolio-lists{margin:0 0px 60px;}   
}

@media screen and (max-width:1181px){
    .portfolio-lists{margin-left:0px;}
}

@media screen and (max-width:1025px){
    .img-wrap-text h3{max-width: calc(100% - 175px);}
    header{top:20px;}
    .hero-banner-sec {padding:100px 0 100px;}
    .portfolio-lists{margin-bottom:40px;}
    .hero-banner-sec .content-wrap h2{font-size:45px;margin:0 0 25px;}
    .portfolio-sec .row{margin:0;}
    .outcomes{padding:30px;flex-wrap:wrap;}
    .outcomes-left-wrap{flex-basis:100%;margin:0 0 10px;}
    .outcomes-hightlights-lists{padding:10px;}
    .how-we-deliver{margin:0 0 50px;}
    .get-in-touch-wrap{padding:60px;}
    .get-in-touch-wrap h2{font-size:36px;}
    .get-in-touch-wrap p{margin:0 0 20px;}
    .img-wrapper h3{font-size:24px;bottom:15px;left:15px;right:15px;}
    .outcomes-right-wrap{width:100%;}
    .how-we-deliver .content-block{padding:30px;}
}
@media screen and (max-width:899px){
        .img-wrap-text h3{max-width: 255px}
    .get-in-touch-wrap{padding:80px 50px;}
    .hero-banner-sec .content-wrap h2{font-size:34px;margin:0 0 25px;}
    .partners-with-us-wrap{margin:0 0 30px;}
    .outcomes-hightlights-list{font-size:14px;}
    .outcomes-hightlights-list:hover{transform:scale(1.05);}
    .how-we-deliver h2{margin:0 0 30px;font-size:24px;}
    .portfolio-sec{padding:40px 0;}
    .port-text{font-size:16px;flex:1;}
    .portfolio-block{margin:0 10px;}
    .portfolio-sec-heading{font-size:24px;text-align:center;margin:0 15px 25px;}
    .what-we-do h2{font-size:24px;}
    .hero-banner-sec{padding:100px 0 50px;}
    .how-we-deliver .col-md-4{margin:0 0 20px;}
    .how-we-deliver .content-block{padding:30px;}
    .what-we-do{margin:30px 0 30px;text-align:center;}
    .how-we-deliver .content-block-text h3, .how-we-deliver .outcomes-content-text h3{font-size:18px;}
    .how-we-deliver .content-block-text p{font-size:14px;}
    .content-wrap{margin:0 0 15px;}
}
@media screen and (max-width:767px){
    .port-slider-btn{display:none;}
    .img-wrap-text h3{font-size:18px;max-width:175px;}
    .get-in-touch-wrap{padding:80px 25px;}
    .partners-with-us-wrap h2{font-size:24px;}
    .content-wrap p{font-size:16px;}
    .partners-with-us-wrap p{font-size:16px;}
    .what-we-do h2{margin:0 0 15px;}
    .portfolio-sec-heading{font-size: 24px; margin:0 15px 24px;}
    .hero-banner-sec {padding:100px 0 55px;}
    .content-wrap h2{font-size: 36px;margin:0 0 16px;}
    .port-text{flex:1;}
    .content-wrap{margin:0 0 35px;}
    footer{margin:20px 0;}
    footer .row{justify-content:center;gap:5px}
    .img-wrapper h3{font-size:17px;bottom:15px;left:15px;right:15px;}
        .quick-links{margin:0 auto;width: 100%;text-align: center;justify-content: center;}
.get-in-touch-mail{padding:10px;font-size:12px;}
.outcomes{padding:30px;flex-wrap:wrap;margin:0;}
header .logo{max-width:200px;}
footer .logo-wrap{max-width:200px;}
ul.quick-links{margin:0;}
}
    
@media screen and (max-width:450px){
    .outcomes-hightlights-lists{text-align:center;}
    .outcomes-hightlights-list{display:inline-block;padding:8px 15px;}
}