@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&display=swap');


:root{
    --sorafamily: "Sora", sans-serif;
    --manropefamily: "Manrope", sans-serif;
    --primarycolor:#f11b27;
    --linear: linear-gradient(87deg, #002060 -9.97%, #0048DE 111.35%);
    
    --light-bg: #FFFFFF;
  --dark-black: #111111;
  --text-color-dark: #333333;
  --highlight-blue: #0048DE;
  --light-grey: #6A6A6A;
  --steady-rabbit-grey: #CCCCCC;
  --other-grey: #C9C9C9;
  --section-title-blue: #225a8a;
  --card-border-color: #DDDDDD;
  --dark-blue: #010B21;
  --grey-one: #4A4A4A;
}

body{font-family: "Manrope", sans-serif;}
ul{margin: 0; padding: 0; list-style: none;}
.container-fluid{padding: 0px 51px 0px;}
h1{
font-family: "Sora", sans-serif;
font-size: 80px;
color: #000;
font-style: normal;
font-weight: 400;
line-height: 90px;
letter-spacing: -2.4px;
}
h2{
color: #111;
font-family: var(--sorafamily);
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 70px;
letter-spacing: -3px;
}
h3{
color: #111;
font-family:  var(--sorafamily);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 125% */
letter-spacing: -1.2px;
}
h4{
color: #111;
font-family:var(--sorafamily);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 70px;
letter-spacing: -1.5px;
}
h5{
color: #111;
font-family: var(--sorafamily);
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 35px; 
}
h6{
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 35px;
}
p{
color: #333;
font-family:  var(--manropefamily);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; 
}
.small, small {
    font-size: .675em;
    font-weight: 200;
}
.load-item{display:none;}

.decrease_size{font-size:20px;}
.decrese_margin{ margin-top: -190px;}
.decrese_padding{ padding-top: 45px!important}
.faq-center h2{text-align:center!important;}
.faq-center h6{padding: 0px 180px 0px!important;}
.right-mrgin{float: right;margin-top: 20px;}
.single-bgchnage{background: #F0F2F4;border-radius: 20px;padding: 40px;margin-bottom: 20px;}
.recent-wins a{text-decoration: none!important;}
.default-btn{
    background:var(--primarycolor);
    padding:18px 35px;
    border-radius: 100px;
    color: #fff;
    display: inline-flex;
    column-gap: 25px;
    align-items: center;
    text-decoration: none;
    margin-bottom: 50px;
}

.default-btn:hover{color: #fff;}
.outlinebtn{
border-radius: 50px;
border: 1px solid var(--Linear, #002060);
color: #333;
font-size: 14px;
font-weight: 500;
line-height: 27px;
display: inline-flex;
column-gap: 10px;
align-items: center;
text-decoration: none;
    padding: 11px 29px;
}
.white_bdr{border-color: #fff; color: #fff;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px;}
.pt-40{padding-top: 40px;}
.pb-40{padding-bottom: 40px;}
.bglightgrey{background: #F5F5F5;}
.bglightbule{background: #F1F7FC;}
.bg1{background: #F5F5F5 url(../images/codes.svg) bottom right no-repeat;  background-position: right 40px bottom 20px;}
.bg2{background: #F1F7FC url(../images/hearts.svg) bottom right no-repeat; background-position: right 40px bottom 20px; }
.section-subtitle{color: #333;font-size: 14px;font-style: normal;font-weight: 500;line-height: 30px;letter-spacing:0.1px;}
.txthighlight span{color: var(--primarycolor); font-weight: 700;}
.engagementbox .fixed_height{height:95px!important;}


#mobileMenu{display: none;}

/* Header CSS Start */
header{position: fixed;width: 100%; top: 20px; z-index: 999; left: 0;}
.headerbox{display: flex;  align-items: center;    justify-content: space-between; background: #fff; border-radius: 25px;  padding: 21px 15px; box-sizing: border-box;}
.headerlft{display: flex;column-gap: 40px; align-items: center;}
.navmenu ul{display: flex;column-gap: 15px; align-items: center; margin: 0;padding: 0;}
.navmenu ul li{list-style: none;}
.navmenu ul li.activenav a{background:var(--primarycolor);border-radius: 50px; color: #fff;}
.navmenu ul li.dropmenu{position: relative;}
.navmenu ul li.dropmenu>a:after{content: ""; display: inline-block; background: url(../images/dropdown-menu-icon.svg) no-repeat; width: 9px; height: 7px;margin-left: 3px;}
.navmenu ul li.dropmenu .sub-menu{display: none;}
.navmenu ul li.dropmenu .sub-menu{position: absolute;top: 24px; left: 0; background: #333; width: 280px; padding: 20px 10px 20px 10px; text-align: left; border-radius: 6px; opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.navmenu ul li.dropmenu .sub-menu li>a{color: #fff;word-wrap: break-word; padding: 0;  text-align: left;  text-transform: capitalize;font-weight: 500; padding: 4px 10px; display: block; background: transparent;}
.navmenu ul li.dropmenu:hover > .sub-menu,.navmenu ul li.dropmenu .sub-menu:hover {display: block;opacity: 1; visibility: visible;}
.navmenu ul li.dropmenu:hover > .sub-menu,.navmenu ul li.dropmenu .sub-menu:hover {display: block;}

.navmenu ul li a{color: #333;font-size: 14px;font-style: normal;font-weight: 700;line-height: 27px;text-transform: uppercase; text-decoration: none; padding: 5px 21px;}
.headerrgt{display: flex;column-gap: 30px;align-items: center;  }
.headerrgt .searchicon{display: block;}
.headerrgt .getintouch{border-radius: 50px;border: 2px solid #002060; color: #111;text-align: center;font-size: 16px;font-weight: 600;line-height: 27px;display: block; text-decoration: none;padding: 14px 35px;}

/* Header CSS End*/

/* Footer CSS Start */

.contlist h6{color: white;}
.contlist h2{color: white;}
.contlist p{color: white;}
.contact-address{padding-top: 152px;padding-top: 152px;display: flex; column-gap: 73px;}
.flagtitle{color: #fff; font-size: 18px; letter-spacing: -0.54px; line-height: 40px; font-weight: 700;padding-bottom: 10px; display: flex;column-gap: 5px; align-items: baseline;}
.addresslist p{color: #F5F5F5; margin-bottom: 14px;}
.addresslist a{color: #F5F5F5; font-size: 16px;line-height: 28px; text-decoration: none;}
.emailiconfooter{text-decoration-line: underline !important;}
.social-icon ul{display: flex; column-gap: 29px; align-items: center;}
.footerinner{border-radius: 25px;background: #010B21; padding: 51px 51px 51px 246px;box-sizing: border-box;padding-bottom: 100px;}
.footerform{border-radius: 25px;background: #FFF; padding: 174px 123px 108px 208px; box-sizing: border-box;}
.footerform h4{color: #111;font-family:  var(--sorafamily);font-size: 30px;font-style: normal;font-weight: 400;line-height: 40px;letter-spacing: -0.9px;}
.footerform p{color: #333;font-family:var(--manropefamily);font-size: 16px;font-weight: 500;line-height: 30px;}
.footerform form{margin-top: 50px;}
.footerform form input,.footerform form textarea{font-size: 14px;font-weight: 400;border: 0; border-bottom: 1px solid #ADADAD;width: 88%;    padding: 10px 10px 20px 0px;}
.footerform form .form-group{margin-bottom: 29px;}
.footerform form input[type=submit]{padding: 11px 21px;width: 225px;max-width: 100%;}
.divider-footer{background-color: #CBCBCB; margin-top: 141px; margin-bottom: 127px;    width: 86%;}
.footerbottom h2{color: #00B0F0; padding-top: 38px;}
.footerlinks h4{color: #F5F5F5;font-size: 20px;font-weight: 600;line-height: 30px;}
.footerlinks ul li a{color: #F5F5F5;font-size: 16px;line-height: 30px; text-decoration: none;}

.copyrightbox{width: 51%; margin: -30px auto 30px; display: flex;justify-content: space-between; background: #fff; border-radius: 25px 25px 25px 25px;padding: 14px 20px; position: relative;}
.copyrightbox:before{content: ""; display: inline-block; background: url(../images/copy-lft.svg); background-size: 20px 20px; width:20px; height: 20px;position: absolute;left: -18px;}
.copyrightbox:after{content: ""; display: inline-block; background: url(../images/copy-rgt.svg); background-size: 20px 20px; width:20px; height: 20px; position: absolute;right: -18px;}
.copyrightbox p{margin-bottom: 0;color: #6B6B6B; line-height: 24px; font-size: 14px;}
/* Footer CSS End */


.hero-banner{background: url(../images/about_hero.png) center center no-repeat; background-size: cover; padding-top: 230px; padding-bottom: 97px; }
.herosection{display: flex; justify-content: space-between; column-gap: 50px;}
.herosection h1{flex: 0 0 65%;}
.herosection {flex: 0 0 33%;}
.hero-right p{color: #333;}
.hero-right p span{color: var(--primarycolor); font-weight: 700;}

.hero-services{background: url(../images/hero-ser-bg.svg) lightgray 50% / cover no-repeat; padding: 71px 20px 47px 46px;border-radius: 25px; position: relative;}
.hero-services h4{color: #FFF;font-family: var(--sorafamily);font-size: 25px;font-weight: 400;line-height: 35px;letter-spacing: -0.75px; margin-bottom: 35px;}
.hero-services ul{display: flex;column-gap: 40px;}
.hero-services ul li{color: #00B0F0;font-size: 43px;font-weight: 700;line-height: 30px;}
.hero-services ul li span{color: #FFF;font-size: 20px;line-height: 30px;    display: block;    margin-top: 15px;}
.hero-services ul li.whitetxt{color:#fff}
.hero-services .sericon{width: 82px; height: 82px; background: #fff; border-radius: 100%;text-align: center; line-height: 82px;    position: absolute; right: 21px; top: 20px;}
.readmore{background: #fff6f6; border-radius: 30px 0 0px 0; width: 57px; height: 57px; padding: 9px 9px 0px 5px;position: absolute;right: 0;bottom: 0px;}
.readmore a{display: block; width: 48px; height: 48px; line-height: 48px; background: #F11B27; border-radius: 100%; text-align: center;}
.readmore .beforesvg{position: absolute; top: -22px;right: -1px;}
.readmore .aftersvg{bottom: -2px;left: -17px; position: absolute;}
.readmore.readcard-grey{background: #ebedef;}
.readmore.readcard-grey1{background: #f1f2f4;}
.readmore.readcard-grey2{background: #fcfcfc;}
.readmore.readcard-white{background: #ffffff;}


.roadmap{padding: 104px 0px 157px;}
.roadmap h2{line-height: 75px; letter-spacing: -3px;margin-bottom: 28px;}
.roadmap p{color: #333;    margin-bottom: 28px;}


.whyslip{padding: 54px 0px 133px; background: #F0F2F4;     box-shadow: -3px -18px 30px 0 rgba(0, 0, 0, 0.24);clip-path: polygon(0 100%, 100% 95%, 100% 0, 0 0); }
.threesuspects{display: flex; column-gap: 80px; align-items: center; margin-bottom: 50px; padding-top: 30px}
.uspectbiox{border-bottom: 1px solid #333;    padding-bottom: 30px;    width: 100%;}


.micro-gcc{overflow: hidden;}
.micro-gcc .micro01{color: #FFF;font-family:var(--sorafamily);font-size: 80px;font-weight: 400;line-height: 60px;letter-spacing: -2.4px; background: var(--primarycolor); padding: 35px 0px; text-align: center;    transform: rotate(1.83deg);    margin-left: -10px;}
.micro-gcc .micro02{color: #FFF;font-family:var(--sorafamily);font-size: 80px;font-weight: 400;line-height: 60px;letter-spacing: -2.4px; background: #0048DE; padding: 35px 0px; text-align: center; transform: rotate(-2.0deg);    margin-top: -56px;width: 101%;margin-left: -10px;} 

.riskaction{padding: 232px 0px 83px; background: #F0F2F4;    margin-top: -30px;}
.riskaction .section-subtitle + h2{margin-bottom: 52px;}
.riskaction .col-md-3{padding-left: 20px; padding-right: 20px;}
.riskbox .riskicon{width: 56px; height: 56px; line-height: 56px; background: #E9EBED; text-align: center; border-radius: 15px; margin-bottom: 10px;}
.riskbox h5{margin-bottom: 33px;}
.riskbox h6{color: #000;font-size: 14px;font-weight: 600;line-height: 30px;}
.riskbox p{color: #4C4C4C;}
.riskbox hr{background-color: #333; margin: 24px 0px 28px;}

.minfaq{padding: 62px 0px 83px;background: #F0F2F4; position: relative;}
.minfaq:after{content: ""; display: block; background: url(../images/minifaq-bg.png) bottom right no-repeat; width: 503px; height: 474px; position: absolute; right: 0; bottom: 0;}
.minifaqbox{padding-top: 59px;}


.microgcc{padding: 133px 0px 120px;}
.microbtn{text-align: right;}
.antidotebox.bg01{background: linear-gradient(0deg, rgba(0, 15, 47, 0.40) 0%, rgba(0, 15, 47, 0.40) 100%), url(../images/antidotebox-bg-1.jpg) lightgray 50% / cover no-repeat;}
.antidotebox.bg02{background: linear-gradient(0deg, rgba(0, 15, 47, 0.40) 0%, rgba(0, 15, 47, 0.40) 100%), url(../images/antidotebox-bg-2.jpg) lightgray 50% / cover no-repeat;}
.antidotebox.bg03{background: linear-gradient(0deg, rgba(0, 15, 47, 0.40) 0%, rgba(0, 15, 47, 0.40) 100%), url(../images/antidotebox-bg-3.jpg) lightgray 50% / cover no-repeat;}
.antidotebox-full.bg04{background: linear-gradient(0deg, rgba(0, 15, 47, 0.40) 0%, rgba(0, 15, 47, 0.40) 100%), url(../images/antidotebox-bg-4.jpg) lightgray 50% / cover no-repeat;}

.antidotebox{padding: 30px;padding-bottom: 86px; border-radius: 40px; min-height: 561px;display: flex; flex-direction: column; justify-content: flex-end; position: relative;}
.antidotebox img{width: 63%; margin-left: -20px;}
.antidotebox h5{color: white; margin-top: 27px;}
.antidotebox p{color: white; margin-bottom: 0;}
.antidotebox .readmore,.antidotebox-full .readmore{background: white;}
.antidotebox-full{ position: relative;border-radius: 40px; padding: 30px;}
.antidotebox-full h5{color: white; margin-top: 27px; margin-bottom: 47px;}
.antidotebox-full ul{display: inline-flex; justify-content: space-between;}
.antidotebox-full ul li{border-left: 1px solid #fff; padding-left: 56px; padding-right: 51px;}
.antidotebox-full ul li:first-child{border-left: 0; padding-left: 0;}
.antidotebox-full li h5{color: #00B0F0;font-size: 40px;font-weight: 500;line-height: 30px; margin-bottom: 17px;}
.antidotebox-full li h6{color: #FFF;font-size: 30px;font-weight: 500;line-height: 30px;}
.antidotebox-full li span{color: #FFF;font-size: 20px;font-weight: 500;line-height: 30px;}

.industries{padding: 70px 0px 194px;}
.folder-image{background: url(../images/folderbg.png) center center no-repeat; background-size: cover; padding: 90px 30px 30px;}
.folder-image img{width: 100%;}

.industriesbox h2{margin-bottom: 57px;}
.industryterms{display: flex; column-gap: 50px; align-items: flex-start;padding-bottom: 30px;}
.industryterms .transheading{-webkit-text-stroke: 1px var(--primarycolor);font-family: var(--sorafamily), sans-serif; font-size: 60px;font-weight: 600;line-height: 50px; color: transparent;}
.industryterms h6{color: #111;font-size: 20px;font-weight: 600;line-height: 35px;}
.industryterms p{    margin-bottom: 0;}

.faqlist{background: #F0F2F4; padding: 153px 244px 120px; border-radius: 10px;}
.faqlist .section-title{width: 500px;margin: 0px auto;}
#steadtfaq button{color: #111;font-family:var(--sorafamily);font-size: 30px;font-weight: 400;line-height: 25px; letter-spacing: -0.9px; background: transparent; border: 0;box-shadow: none; display: flex;column-gap: 20px;}
#steadtfaq{margin-top: 54px;}
#steadtfaq .accordion-item{background: transparent;border: 0;border-bottom: 1px solid #333;border-radius: 0;margin-top: 29px; padding-bottom: 20px;}

.webuildbox{background: #010B21; padding: 164px 0px 51px; margin-bottom: 100px; border-radius: 10px;}
.webuild-top{align-items: center;}
.webuild-top h6{color: white;}
.webuild-top h2{color: white; margin-bottom: 43px;}
.webuild-top a{color: white; border-color: white;}
.webuild-top h3{-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; font-family: var(--sorafamily);font-size: 150px;font-weight: 600;line-height: 150px;letter-spacing: -7.5px; color: transparent;}
.webuild-top h5{color: #FFF;font-size: 34px;font-weight: 600;line-height: 30px; letter-spacing: -1.02px;}

.build4row{padding: 75px 20px 0; }
.build4box{border-radius: 25px;border: 1px solid #4A4A4A; padding: 65px 31px 51px 42px;position: relative;}
.build4box h5{color: #fff; padding-top: 79px;}
.build4box p{color: #fff; padding-top: 45px;}
.build4box a{ margin-top: 44px; color: #fff;    position: relative;z-index: 2;}
.build4box:hover:after{content: ""; display: block;     background: url(../images/webuild-hover-bg.png) center center / cover repeat-x; /*background: url(../images/webuild-hover-bg.png) center center no-repeat;*/ width: 100%; height: 127px;    border-radius: 0px 0px 24px 24px; position: absolute;bottom: 0; left: 0; z-index:1;cursor: pointer;}


.pageheader{background:url(../images/bradcrumb-bg-01.jpg) center center no-repeat; background-size: cover; padding: 187px 0px 42px;}
.pageinner{background: linear-gradient(0deg, rgba(0, 15, 47, 0.60) 0%, rgba(0, 15, 47, 0.60) 100%), url(../images/bradcrumb-bg.jpg) lightgray 50% / cover no-repeat; min-height: 499px; border-radius: 25px; display:flex; flex-direction: column; justify-content: center; padding-left: 246px; position: relative;}
.pageinner img{width: 100px;}
.pageinner h2{color: #FFF;font-family: var(--sorafamily);font-size: 80px;font-weight: 400;line-height: 90px;letter-spacing: -2.4px;}
.transparent-heading{-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFF; font-family: var(--sorafamily);font-size: 100px;font-weight: 600;line-height: 100px;letter-spacing: -5px;    color: transparent; transform: rotate(-90deg);position: absolute;right: -180px;}



/* Service Inner Page  Start*/

.breadcrumb-panel{background: url(../images/about_hero.png) center center/cover no-repeat, linear-gradient(269.18deg, rgba(255, 255, 255, 0) -16.65%, rgba(255, 255, 255, 0.616) 80.6%);padding: 194px 0 40px;margin-bottom: -18px;/*box-shadow: 0px 4px 30px 0px #0000003D;*/border-radius: 0 0 25px 25px;}
.breadcrumbbox{}
.breadcrumbbox ul{list-style: inside; margin-bottom: 47px;}
.breadcrumbbox ul li{color: #000;font-size: 20px;font-weight: 500;line-height: 30px;}
.breadcrumbbox a{background: var(--primarycolor);}


.tabletype-01{padding: 148px 0px 78px; background: #F0F2F4;}
.tablebox{margin-top: 33px;}
.tablebox .tableinner{display: flex;column-gap: 24px; align-items: center;}
.tablebox .tableinner .table-th{border-radius: 10px;background: var(--primarycolor);box-shadow: 0 10px 50px 0 rgba(34, 47, 62, 0.10); padding: 17px 41px; text-align: center; color: #fff; font-family: Poppins;font-size: 21px;font-weight: 500;line-height: 38px;    flex: 0 0 32%; margin-bottom: 13px;}
.tablebox .tableinner .table-td{border-radius: 20px; background: #fff; font-family: Poppins;font-size: 20px;font-weight: 400;line-height: 35px; flex: 0 0 32%; padding-left: 32px; min-height: 180px;   display: flex; flex-direction: column; justify-content: center; margin-top: 13px;    padding-right: 50px;}

.tabletype-02{padding: 124px 0px 78px; background: #010B21;}
.tabletype-02 h2{color: #fff;}
.tabletype-02 .miniplaybook{background: #232E46; border-radius: 10px; padding: 34px 30px 33px 38px; display: flex; column-gap: 20px; align-items: center; margin-top: 30px;}
.tabletype-02 .miniplaybook p{color: #fff;margin-bottom: 0;}
.tabletype-02  p{color: #fff;}
.tabletype-02 .tableinner .table-th:nth-child(1),.tabletype-02 .tableinner .table-td:nth-child(1){flex:0 0 18%;}
.tabletype-02 .tableinner .table-th,.tabletype-02 .tableinner .table-td{flex: 0 0 40%;}

.engagement-option{background: #F0F2F4; padding: 108px 0px 73px;}
.engagement-option.version-v3 .engagementbox p b{display: block; color: #111;font-size: 20px;font-weight: 600;line-height: 35px;}
.engagement-option.version-v3 .engagementbox .picture-image{margin-top: 40px;}

.techstake{padding: 148px 0px 202px;}
.stakebox{padding: 42px 0px 20px;}
.stakebox h5{padding-top: 24px; font-family: var(--manropefamily);font-weight: 600;}
.stakebox p{color: #333;}
.stakehelp{padding-top: 46px;}
.stakebox .outlinenumber{color: transparent; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--primarycolor);font-family: var(--sorafamily);font-size: 80px;font-weight: 600;line-height: 50px; margin-bottom: 40px;}
 .squad-govern{padding:0px 0px 80px; margin-top:-60px;}
 

.engagementbox{padding-top: 34px;}
.engagementbox h5{font-family: var(--manropefamily);}

.outcome-snapshot{padding: 87px 0px 40px;}

.outcome-box.outbg-01{background: url(../images/outcome-snapshot-bg-1.png) center center no-repeat;}
.outcome-box{background-size: cover; padding: 40px 50px 40px 40px; margin-top: 40px; border-radius: 10px; position: relative;}
.outcome-box .outimage{display: flex; align-items: center; column-gap: 43px;}
.outcome-box .outimage h6{color: #FFF;font-family: var(--sorafamily);font-size: 42px;font-weight: 400;line-height: 35px;letter-spacing: -1.26px;}
.outcome-box .out-bottom{padding-top: 143px;}
.outcome-box .out-bottom li{color: #00B0F0;font-size: 43px;font-weight: 700;line-height: 45px;}
.outcome-box .out-bottom li span{color: #FFF;font-size: 26px;font-weight: 400;line-height: 30px; display: block;}
.outrgt{position: absolute;right: 40px; bottom: 122px; text-align: right;}
.outrgt img{width: 70%;}


.divider-services {background-color: #464646;margin-top: 80px;margin-bottom: 80px; width: 100%;}
.three_pillars ul{list-style-type: disc !important;padding: 0px 0px 0px 25px;}
.stakebox ul{list-style-type: disc !important;padding: 0px 0px 0px 25px;}
.stakebox .fixed_height{height: 120px!important;}
.outline-bottom{padding: 11px 0px!important;border-radius: 0px; border-bottom: 1px solid #002060!important;border: 0px;}
.solutions hr{margin-top: 85px;}

/* Service Inner Page  End*/



/* Case Study Start */
.casestudy{padding-top: 174px;}
.casebio{background: #1F1F1F; border-radius: 25px; padding: 39px 40px 64px;}
.casebio img{margin-bottom: 16px;}
.casebio .clientpanel{margin-bottom: 19px;}
.casebio .clientpanel span{color: #838383;font-size: 14px;font-weight: 500;line-height: 30px; display: block;}
.casebio .clientpanel h5{color: #FFF;font-size: 25px;font-weight: 600;line-height:50px;letter-spacing: -0.75px;}
.casebio .clientpanel p{color: #FFF;font-size: 18px;font-weight: 600;line-height: 24px;letter-spacing: -0.54px;}
.isb-img {margin-bottom: 30px;}
.explore-cs-01 {margin-bottom: 50px;}
.outcome-box.outbg-01.cs-success-stories {background: url(../images/case-study010.webp) center center/cover no-repeat;animation: runProgress .4s linear forwards; }
@keyframes runProgress {
	0%	{ 
    opacity: 0;
   transform:  translateY(-20px);  
  }
	100% { 
     opacity: 1;
    transform:  translateY(0);  
  }
}
.col-md-5.offset-md-1.micro-gcc-adapts {display: flex;align-items: center;}
.industries.microgcc-adapts01 {padding: 70px 0px 50px 0px;}
.recent-wins-section.rsw-cs-01 {padding: 50px 0px 50px 0px;}
.industryterms.cs-deep-dive {column-gap: 70px;}
.two-column.bg-img.cs-dais-secure {margin-bottom: 50px;}
.col-md-5.text-center.card91-cltprfl {display: grid;justify-items: center;gap: 50px;}
.col-md-4.simp-mony-cntr { text-align: center;}

.case-panel{background: url(../images/casebg.jpg) center center no-repeat; background-size: cover; border-radius: 25px; padding: 72px 42px 150px ; position: relative;}
.casecleint{display: flex; align-items: center; column-gap: 10px; padding-bottom: 60px;}
.casecleint img{width: 65px; height: 65px;}
.casecleint h5{color: #FFF;font-family:"Poppins", sans-serif;font-size: 35px;letter-spacing: -1.75px;}
.case-panel h2{color: #FFF;font-family: var(--sorafamily);font-size: 45px;line-height: normal;letter-spacing: -2.25px;}
.case-hybrid p{color: #9B9B9B;font-size: 14px;font-weight: 500;line-height: 30px; margin-bottom: 0;}
.case-panel .viewclient{position: absolute; top: 0; right: 0; }
.case-panel .case-hybrid{background: #fff; border-radius: 25px 25px 0px 0px;padding: 7px 21px 3px 21px; position: absolute; bottom: 0; left: 4px;}
.case-panel .case-hybrid::after{content: ""; display: inline-block; background: url(../images/hybrid-arrow.png); width: 20px; height: 21px; position: absolute; right: -20px; bottom: -1px;}
.client-summary{padding-top: 40px;}
.client-summary ul{list-style: disc;    padding-bottom: 30px; padding-left: 30px;}
.client-summary ul li{padding-bottom: 10px;}

.clientbottom{padding-top: 60px;}
.clientbottom .boxshadow{box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); border-radius: 100%; width: 40%;}
.clientbottom .boxshadows{border-radius: 100%; width: 40%;}
.clientbottom img{width: 100%;}
.clientbottom .row{    align-items: end;}
.clientbottom ul{padding-top: 46px;}
.clientbottom ul li{padding-bottom: 30px;}
.clientbottom ul h6{color: #111;font-size: 20px;font-weight: 600;line-height: 35px;}
.clientbottom ul span{color: #0048DE;font-size: 16px;font-weight: 700;line-height: 30px;}
.clientbottom ul p{}

.problem-statement{padding: 120px 0px 80px;}
.problem-statement h2{margin-bottom: 60px;}
.folder-graident{position: relative; background: url(../images/folder-bg-graident.png) center center no-repeat; background-size: cover; padding: 99px 56px 46px;  border-radius: 20px;}
.folder-graident::after{content: ""; display: inline-block; background: url(../images/folder-bg-graident-white.png) no-repeat; width: 216px; height: 63px;    position: absolute;top: -2px;right: -5px;}
.folder-graident img{width: 100%;}
.problem-type-01{align-items: center; padding-bottom: 50px;}
.problem-type-01 h2,.problem-type-01 p{padding-left: 75px;}
.problem-type-01 ul li{color: #111;font-size: 18px;line-height: 35px; padding-left: 75px;    padding-bottom: 30px;}

.problem-type-02{align-items: center; padding-bottom: 50px;}
.problem-type-02 h2,.problem-type-02 p{padding-left: 75px;}
.problem-type-02 ul li {color: #111;font-size: 18px;line-height: 35px;margin-left: 70px;padding-bottom: 30px;}

.problem-type-01 a.outlinebtn{ margin-left: 75px; margin-top: 20px;}

.problem-statement.type-v02 .problem-type-01 li b{display: block;}

.typev3{padding-left:51px; padding-right: 51px;}
.tableimage-box.bg-01{background-image: url(../images/antidotebox-bg-1.jpg) !important; background-size: cover !important; }
.tableimage-box.bg-02{background-image: url(../images/antidotebox-bg-2.jpg) !important; background-size: cover !important; }
.tableimage-box.bg-03{background-image: url(../images/antidotebox-bg-3.jpg) !important; background-size: cover !important; }
.tableimage-box img{width: 188px;}
.tableimage-box h5{color: #fff; font-size: 20px; font-family:"Poppins", sans-serif;font-weight: 700;line-height: 35px; padding-left: 20px;}
.typev3 .table-th:nth-child(1),.typev3 .table-th:nth-child(3),.typev3 .table-td:nth-child(1),.typev3 .table-td:nth-child(3){flex: 0 0 25%;}
.typev3 .table-th:nth-child(2),.typev3 .table-td:nth-child(2){flex: 0 0 48%;}
/*.typev3 .table-th:nth-child(1),.typev3 .table-th:nth-child(3),.typev3 .table-td:nth-child(1),.typev3 .table-td.cs-techbaseline:nth-child(3){flex: 0 0 50%;}*/

.tabletype-02.typev4 .table-th:nth-child(1),.tabletype-02.typev4 .table-td:nth-child(1){flex:0 0 18% !important;}
.tabletype-02.typev4 .table-th,.tabletype-02.typev4 .table-td{flex:0 0 25% !important;}

.table_darkblue{background: #010B21;}
.table_darkblue h2,.table_darkblue p{color: #fff;}

.techbase .table-td, .techbase .table-th{flex: 0 0 50%!important;}
/* Case Study End */



.mall91{display: flex;gap: 40px;background: #F0F2F4;  border-radius: 20px;   padding: 40px;   margin-bottom: 20px;}
.mall91s{display: flex; gap: 2px;background: #F0F2F4; border-radius: 20px; padding: 40px; margin-bottom: 20px;}
.mall911{display: flex; gap: 40px;padding: 40px;}
.mall91 p,.mall911 p {padding-left :0px;}

.two-column{padding: 53px 0px;}
.twocolumn h2{color: #111;font-family: var(--sorafamily);font-size: 54px;font-weight: 400;line-height: 70px;letter-spacing: -1.2px; margin-bottom: 34px;}
.twocolumn{padding: 61px 37px 59px 93px; border-radius: 25px;display: flex; flex-direction: column; justify-content: flex-start; height: 100%; align-items: flex-start;}
.twocolumn ul li{color: #000;font-size: 16px;font-weight: 400;line-height: 40px;    padding-bottom: 15px;}
.twocolumn p{}
.twocolumn  ul{list-style-type: disc!important;padding: 0px 0px 0px 25px; }

.client-testimonial {padding: 90px 0px 202px; }
.client-testimonial  h1{color: #ECECEC;font-family: var(--sorafamily);font-size: 100px;font-style: normal;font-weight: 600;line-height: 50px;letter-spacing: -7.5px;text-align: right;}
.img-testimonial{border-radius: 288.448px;background: #FFF;margin: 30px; box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.25);width: 288.448px;height: 288.448px;flex-shrink: 0;}
.client-testimonial-box{border-radius: 16px;background: #FFF;box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.11);padding: 40px;line-height: 50px; margin:60px 14px;}
.client-testimonial-text { margin: 30px 0px;height: 100px;}
.text-testimonial{padding: 40px;line-height: 50px;}
.text-testimonial h3{color: #111;font-family: var(--sorafamily);font-size: 24px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -1.2px;}
.text-testimonial p{color: #333;font-size: 24px;font-style: normal;font-weight: 500;line-height: 30px;}
.text-testimonial span{color: #787878;font-family: var(--sorafamily);font-size: 20px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -1px;}
.text-testimonial p svg:first-of-type {display: block; margin-bottom: 12px;}
.text-testimonial p svg:not(:first-of-type) {display: inline; margin-bottom: 0;}
.test-inert{color: var(--primarycolor);}
/*.two-column .row{margin: 30px;}*/

.tabletype-021{padding: 124px 0px 78px; background: #F0F2F4;}
.tabletype-021 h2{color: #111111;}
.tabletype-021 .miniplaybook{background: #232E46; border-radius: 10px; padding: 34px 30px 33px 38px; display: flex; column-gap: 20px; align-items: center; margin-top: 30px;}
.tabletype-021 .miniplaybook p{color: #111111;margin-bottom: 0;}
.tabletype-021  p{color: #111111;}
.tabletype-021 .tableinner .table-th:nth-child(1),.tabletype-021 .tableinner .table-td:nth-child(1){flex:0 0 22%;}
.tabletype-021 .tableinner .table-th,.tabletype-021 .tableinner .table-td{flex: 0 0 23.5%;}

.bg-img{background:url('../images/Graphic_ElementsN.webp') no-repeat right  bottom; background-size: contain;}
.srl-footer-text {color: var(--primarycolor);font-family: var(--sorafamily); font-size: 146px; font-style: normal;font-weight: 600;line-height: 100px;letter-spacing: -4.38px;margin-top: 120px;}


/* Industry CSS Start */

.outcome_whitebg{background: #fff;}
.quickstartup{padding: 89px 0px;}
.quickstartup h2{margin-bottom: 40px;}
.quickbox{min-height: 561px; display: flex; flex-direction: column; justify-content: center; padding-left: 49px; padding-right: 49px; border-radius: 25px;}

.quickbox.qb-bg01{background: url(../images/quick-bg-01.png) center center no-repeat; background-size: cover; }
.quickbox.qb-bg02{background: url(../images/antidotebox-bg-2.jpg) center center no-repeat; background-size: cover; }
.qb-bg03{background: url(../images/quick-bg-03.png) center center no-repeat; background-size: cover; border-radius: 25px; min-height: 315px; margin-bottom: 30px;}
.qb-bg04{background: url(../images/antidotebox-bg-3.jpg) center center no-repeat; background-size: cover; border-radius: 25px; min-height: 181px;}
.quickbox h3,.quickbox-03 h3{color: #00B0F0;font-family: var(--sorafamily);font-size: 4vw;font-weight: 400;line-height: 35px;letter-spacing: -2.16px; padding-bottom: 30px;}
.quickbox p,.quickbox-03 p{color: #FFF;font-size: 18px;font-weight: 500;line-height: 27px;}
.quickbox.qb-bg05{background: url(../images/antidotebox-bg-4.jpg) center center no-repeat; background-size: cover; border-radius: 25px;min-height: 210px; margin-top: 30px;padding: 100px;}
.quickbox-03{padding: 50px;}

/* Industry CSS END */

/* Why Micro Gcc CSS Start */
.bg-color{background-color: #F0F2F4;}
.bg-color h2{color: #111;font-weight: 400;margin-bottom: 6px;}
.bg-color p{color: #111;font-weight: 400;margin-bottom: 6px;}
.tabletype-04{padding: 148px 0px 78px; background: #F0F2F4;}
.tabletype-04 .tablebox{margin-top: 33px;}
.tabletype-04 .tablebox .tableinner{display: flex;column-gap: 24px; align-items: center;}
.tabletype-04 .tablebox .tableinner .table-th{border-radius: 10px;background: var(--primarycolor);box-shadow: 0 10px 50px 0 rgba(34, 47, 62, 0.10); padding: 17px 41px; text-align: center; color: #fff; font-family: Poppins;font-size: 21px;font-weight: 500;line-height: 38px;    flex: 0 0 19.5%; margin-bottom: 13px;}
.tabletype-04 .tablebox .tableinner .table-td{border-radius: 20px; background: #fff; font-family: Poppins;font-size: 20px;font-weight: 400;line-height: 35px; flex: 0 0 19.5%; padding-left: 32px; min-height: 180px;   display: flex; flex-direction: row; justify-content: center; margin-top: 13px;   align-items: center;  padding-right: 50px;}
.heading h2{color: #fff;font-weight: 400;margin-bottom: 6px;}

.microroi-col{border-right: 2px solid #C2C2C2;}
.stakebox-pad{padding: 0px 20px 20px 20px;}
.stakebox-pad1 {padding: 0px 13px 20px 13px;}
.stakebox-pad1 h5{font-size: 20px!important;}
.techstake-decrease{padding: 148px 0px 20px;}
.build4row-decrease{ padding: 75px 80px 0;}
/* Why Micro Gcc CSS END */


/* Services  Page CSS Start */
.outcome-box  .rowspan-01 {
    padding-top: 143px;
    display: flex;
    gap: 60px;
}
.twocolumn h3{
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--primarycolor);
    font-family: var(--sorafamily);
    font-size: 150px;
    font-weight: 600;
    line-height: 150px;
    letter-spacing: -7.5px;
    color: transparent;
}
.services{
  background: url('../images/left_services.png') left no-repeat;
}
.services-footer-text {
    color: var(--primarycolor);
    font-family: var(--sorafamily);
    font-size: 165px;
    font-style: normal;
    font-weight: 600;
    line-height: 100px;
    letter-spacing: -4.38px;
    margin-top:0px;
}

.serices-pillers{
      padding: 157px 0px 202px;
    background: #F0F2F4;
    margin: 120px 0px 120px 0px;
}

/* Services  Page CSS END */

/* Contact Us Page Css Start*/
.contactinner{background: #FFF; padding: 51px 51px 51px 246px;box-sizing: border-box; margin: 0px 51px 0px;padding-bottom: 100px;}

.contact h6{color: #000;}
.contact h2{color: #000;}
.contact p{color: #000;}
.contact-addressLeft{padding-top: 152px;padding-top: 152px;display: flex; column-gap: 73px;}
.cflagtitle{color: #000!important; font-size: 18px; letter-spacing: -0.54px; line-height: 40px; font-weight: 700;padding-bottom: 10px; display: flex;column-gap: 5px; align-items: baseline;}
.addresslists p{color: #000000; margin-bottom: 14px;}
.addresslists a{color: #000;
font-family:var(--manropefamily);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
text-decoration-line: none !important;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}
.emailiconfooter{text-decoration-line: underline !important;}
.social-icon ul{display: flex; column-gap: 29px; align-items: center;}



.contactform{border-radius: 25px;background: #F5F5F5; margin-top:260px; padding: 174px 123px 108px 208px; box-sizing: border-box;}
.contactform h4{color: #111;font-family:  var(--sorafamily);font-size: 30px;font-style: normal;font-weight: 400;line-height: 40px;letter-spacing: -0.9px;}
.contactform p{color: #333;font-family:var(--manropefamily);font-size: 16px;font-weight: 500;line-height: 30px;}
.contactform form{margin-top: 50px;}
.contactform form input,.contactform form textarea{font-size: 14px;font-weight: 400;border: 0; border-bottom: 1px solid #ADADAD;width: 88%;    padding: 10px 10px 20px 0px; background: #F5F5F5;}
.contactform form .form-group{margin-bottom: 29px;}
.contactform form input[type=submit]{padding: 11px 21px;width: 225px;max-width: 100%;background: var(--primarycolor);}

.map-responsive{
  overflow:hidden; margin:20px auto; position:relative;border-radius: 25px;
}


.default-btn.contactbtn {
  display: inline-flex;       /* align text and image */
  align-items: center;
  gap: 0.5rem;                /* space between arrow and text */
  padding: 0.75rem 1.5rem;
  background-color: var(--primarycolor);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.default-btn.contactbtn:hover .btn-arrow {
  transform: translateX(3px); /* arrow slides slightly on hover */
  transition: transform 0.3s ease;
}

.btn-arrow {
  width: 16px;   /* adjust size of your SVG */
  height: 16px;
}

/* Contact Us Page Css End*/


/* ----------------About us Css section 1 Start------------------ */


.headingblue{color: #00B0F0!important;font-family: var(--sorafamily);font-weight: 400; font-size:72px!important;line-height: 35px!important;letter-spacing: -3%;}
.paragraphblues{font-family:  var(--manropefamily);color: #fff!important;font-weight: 500;font-size: 18px !important;line-height: 27px;letter-spacing: 0%;}

.text-color{color:#87899B!important;}
.text-color span{color:#fff!important;font-weight: 800!important;}
.subheding{ font-family:var(--sorafamily); color:#818181 !important;font-size: 20px;font-weight: 400;line-height: 35px;padding-top: 5px !important; }
.outpadd{padding: 18px 35px;}
.about {
    padding: 54px 0px 133px;
    background: #F0F2F4;
    box-shadow: -3px -18px 30px 0 rgba(0, 0, 0, 0.24);
    clip-path: polygon(0 97%, 100% 100%, 100% 0, 0 0);
}

.about-shadow{ position: relative;z-index: -10;}

.steady-rabbit-text {
    font-family:var(--sorafamily);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 142px;
  font-weight: 700;
  color: var(--other-grey);
  margin-left: -20px;
  letter-spacing: -0.05em;
  transform: rotate(180deg);
  line-height: 1;
  opacity: 0.9;
}
.aboutstady h4 { font-size: 35px !important;}

.engineers-count {
  text-align: left;
 margin-top: 217px;
  font-size: 5.5vw;
  font-weight: 700;
  color: var(--highlight-blue);
  line-height: 1;
}

.engineers-text {
    display: block;
  font-family:var(--manropefamily);
  font-size: 34px;
  font-weight: 600;
  color: var(--dark-black);
  line-height: 30px;
}

/* Content Area: Main Story Blocks */
.content {
  padding-top: 20px;
}

.story-section {
  margin-bottom: 60px;
  font-family:var(--sorafamily);
}

/* Section Header (Blue Box or plain text) */
.section-header {
  /* background-color: var(--section-title-blue); */
  padding: 10px 20px;
  margin-bottom: 30px;
  display: inline-block;
  white-space: nowrap;
  color: var(--dark-black);
  font-weight: 400;
  font-size: 1.5em;
}

/* Highlight numbers within the header */
.section-header .highlight-numbers {
  /* background-color: var(--highlight-blue); */
  padding: 2px 8px;
  margin-left: 10px;
  border-radius: 3px;
  font-weight: 500;
  color: var(--light-bg);
}

.story-block {
  padding: 20px;
  font-family:var(--sorafamily);
  margin-bottom: 30px;
}

.story-block-title {
    font-family:var(--sorafamily);
  font-size: 30px;
  font-weight: 400;
  color: var(--text-color-dark);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.story-block-subtitle {
  font-size: 1em;
  font-weight: 600;
  color: var(--dark-black);
  font-family: "Manrope", sans-serif;
}

/* Styling for the new Font Awesome icon in the block title */
.story-block-title .fa-angle-right {
  color: var(--highlight-blue);
  font-size: 1.2em;
  margin-right: 10px;
}

/* REMOVED: story-block-title::before pseudo-element */

.story-description {
         color: #333;
    font-family: var(--manropefamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;

  margin-top: 10px;
}

.story-description strong {
  color: var(--dark-black);
  font-weight: 600;
}

/* Custom List Styling */
.list-style-none {
  list-style-type: none;
  padding-left: 0;
  margin-top: 10px;
}

.list-style-none li {
  font-family: "Manrope", sans-serif;
  position: relative;
  margin-bottom: 5px;
  color: var(--text-color-dark);
  font-size: 0.95em;
  font-weight: 400;
  padding-left: 15px;
}


/* Styling for the new Font Awesome icon in list items */
.list-style-none li .fa-angle-right {
  position: absolute;
  left: 0;
  color: var(--highlight-blue);
  font-size: 1.1em;
  line-height: 1.5;
  /* Adjusted to align better with text */
}

/* REMOVED: list-style-none li::before pseudo-element */

.numbered-list li {
  font-weight: 400;
  margin-bottom: 15px;
}

.small-text {
  color: var(--light-grey);
  font-weight: 400;
  font-size: 0.9em;
  display: block;
}


/*----------------section 1 end------------------*/

/* ----------------------------Section 2------------------------------- */
.enterprices{margin: 150px 0px 50px;}

.bottom-section {
  width: 100%;
  background: #ffffff;
  padding: 60px 0;
}

.bottom-grid {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  /* box-shadow: 0 2px 16px rgba(0,0,0,0.06); */
  /* border-radius: 24px; */
  overflow: hidden;
  background: #fff;
}

.bottom-left {
  flex: 1;
  margin-top: -10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bottom-left h2 {
  font-family:var(--sorafamily);
  font-size: 52px;
  font-weight: 400;
  color: #111;
  margin-bottom: 24px;
  line-height: 70px;
 letter-spacing: -5%;
}

.bottom-left p {
   font-family:var(--manropefamily);
  font-size: 16px;
  line-height:30px;
  color: var(--text-color-dark);
  margin-bottom: 16px;
}


.intro-text {
  font-size: 0.95em;
  color: #666666;
  /* --medium-text */
  margin-bottom: 40px;
  max-width: 500px;
}

/* --- Timeline Item Styling --- */
.timeline-item {
  margin-bottom: 25px;
  display: flex;
}

.timeline-year {
      font-family:var(--sorafamily);
 font-size: 30px;
  font-weight: 400;
  color: var(--dark-black);
  /* --timeline-year-color */
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  line-height: 40px;
 letter-spacing: 0%;

  
}

.timeline-year::before {
  content: '›';
  /* The arrow icon */
  font-size: 1.2em;
  color: #007bff;
  /* --blue-highlight */
  margin-right: 10px;
  line-height: 1;
}

.timeline-title {
      font-family:var(--manropefamily);
  font-size: 20px;
  font-weight: 600;
  color: var(--dark-black);
 line-height: 35px;
 letter-spacing: 0%;
  margin-bottom: 5px;
  margin-left: 50px;
}

.timeline-description {
     font-family:var(--manropefamily);
  font-size: 16px;
  color:var(--text-color-dark);
  line-height: 30px;
 letter-spacing: 0%;
}

.timeline-description strong {
  color: #222222;
  /* --dark-text */
}

/* --- Footer Text --- */
.bottom-abt-text {
  font-size: 0.85em;
  color: #888888;
  /* --footer-text-color */
  /* margin-top: 20px; */
  /* padding-top: 20px; */
}

.bottom-abt-text strong {
  color: #222222;
  /* --dark-text */
}


/* end */



.bottom-right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: #F0F2F4; */
  background-image: url('../images/grey box.png'); background-size: contain; background-repeat: no-repeat; background-position: center;
}

.bottom-right img {
  max-width: 90%;
  /* border-radius: 16px; */
  /* box-shadow: 0 2px 12px rgba(0,0,0,0.08); */
  padding: 60px 10px 40px 10px;
}


/* ------------Section 2 End--------------- */


/* ----------------Section 3----------------- */
 .about_mission{padding: 154px 0px 133px;
    background: #F0F2F4;
    box-shadow: -3px -18px 30px 0 rgba(0, 0, 0, 0.24);
    clip-path: polygon(0 100%, 100% 95%, 100% 0, 0 0);
    background-image: url(../images/ring_about.svg);
    background-repeat: no-repeat;
    background-position: top right;}
.mission-values {
  background: #f4f5f7;
  padding: 80px 8%;
  font-family: "Inter", sans-serif;
  color: #111;
}


.mission-values-container {
  /* display: flex; */
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 60px;
}

.mission {
  flex: 1;
  min-width: 520px;
  /* width: 100%; */
}

.mission-core-container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

.mission h2 {
  font-size: 2.8em;
  font-weight: 400;
  margin-bottom: 30px;
  font-family: 'Sora', sans-serif;
}

.mission-content {
  align-items: center;
  gap: 30px;
}

.mission-img {
  width: 400px;
  height: 300px;
  object-fit: contain;
}

.mission-text h3 {
  font-size: 1.8em;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
}

.mission-text p {
  font-size: 1em;
  color: #333;
  line-height: 1.5;
  margin-top: 8px;
  width: 50%;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.mission-stats {
  margin-top: 115%;

}

.stat {
  margin-bottom: 50px;
}

.stat h3 {
  font-size: 5rem;
  color: #0057ff;
  margin-bottom: 30px;
  font-weight: 600;
  font-family: 'Sora', sans-serif;

}

.stat p {
  font-size: 1.2rem;
  color: var(--dark-black);
  font-family: "Manrope", sans-serif;
  font-weight: 600;
}

.core-values {
  flex: 1;
  min-width: 320px;
  /* margin-top: 60px; */
}

.core-header {
  /* display: flex; */
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}

.core-img {
  width: 300px;
  height: 300px;
  object-fit: contain;
}

.core-header h3 {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
}

.values-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.value-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.value-icon {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.value-item h4 {
  font-size: 1rem;
  margin-bottom: 5px;
  font-weight: 500;
}

.value-item p {
  font-size: 0.85rem;
  color: #444;
}


/* ------------Section 3 End--------------- */

/* --------------Section 4------------------ */

.section4 {
  /* background: #284785; */
  padding: 80px 5%;
}

.section4 h1 {
  font-family: "Sora", sans-serif;
  font-size: 3.7em;
  font-weight: 400;
  color: #111;
  margin-bottom: 60px;

}

.team-card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 250px;
  /* background: #fff; */
  /* border-radius: 18px; */
  /* box-shadow: 0 2px 16px rgba(0,0,0,0.06); */
  padding: 32px 0px;
  display: flex;
  flex-direction: column;
  align-items: left;
  min-height: 320px;
}


.team-card-img {
  width: 80px;
  height: 80px;
  background: #e0e3e6;
  border-radius: 12px;
  margin-bottom: 24px;
  /* You can add background-image here for real images */
}

.team-card-title {
  font-family: "Manrope", sans-serif;
  font-size: 1em;
  letter-spacing: 0.2px;
  font-weight: 600;
  line-height: 2.1em;
  color: var(--dark-black);
  margin-bottom: 12px;
  text-align: left;
}

.team-card-desc {
  font-family: "Manrope", sans-serif;
  font-size: 1em;
  color: #333;
  text-align: left;
}

.team-grid {
  display: flex;
  flex-direction: row;
  gap: 32px;
  /* max-width: 1500px; */
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: nowrap;
  /* Prevents wrapping, keeps all 5 cards in a single row */
}





/* --------------Section 4 End---------------- */

/* --------------------Section 4.1----------------- */

.impact-section {
  font-family: 'Inter', sans-serif;
  /* background-color: #0b1a38;  */
  padding: 0px 20px 80px 20px;
  min-height: 600px;
}

/* Header */
.impact-header {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.impact-title {
  font-size: 2.5em;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--dark-black);
}

/* Card Grid Layout */
.impact-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  /* Defines 3 columns for the top row, and one full width for the bottom row */
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  /* Two rows */
  gap: 20px;
}

/* Individual Card Styles */
.impact-card {
  border-radius: 12px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  /* Clips the background graphics */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Pushes content and icon to ends */
  background-color: #0d2046;
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-height: 150px;
}

/* Background Graphics for Cards (Abstract Digital Waves/Grids) */
.impact-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  /* Allows clicks to go through to content */
  z-index: 1;
}

/* Card 1: 45+ (Wavy Network Graphic) */
.impact-card.card-45 {
  /* background-image: url('images/Impact no.1.webp'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* width: 420px; */
  height: 561px;
}

/* Card 2: 40% (Concentric Circles Graphic) */
.impact-card.card-40 {
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3Ccircle cx='50' cy='50' r='30' stroke='%23ffffff' stroke-width='0.8' fill='none'/%3E%3Ccircle cx='50' cy='50' r='20' stroke='%23ffffff' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
    background-position: center; */
  /* width: 420px; */
  height: 561px;
}




/* Card 3 (Top Right - $210M+): Concentric Circles Graphic */
.impact-card.card-210 {
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3Ccircle cx='50' cy='50' r='30' stroke='%23ffffff' stroke-width='0.8' fill='none'/%3E%3Ccircle cx='50' cy='50' r='20' stroke='%23ffffff' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
    background-position: center; */
  height: 561px;
}

/* Card 5 (Bottom Full Width - 98%): Geometric Grid Graphic */
/* .impact-card.card-98::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='10' x2='100' y2='10' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='0' y1='30' x2='100' y2='30' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='0' y1='50' x2='100' y2='50' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='0' y1='70' x2='100' y2='70' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cpath d='M50 0 L100 50 L50 100 L0 50 Z' stroke='%23ffffff' stroke-width='0.8' fill='none'/%3E%3C/svg%3E");
    background-position: center bottom;
    background-size: 150%;
} */

.impact-card.card-98 {
  height: 294px;
}


/* Content inside the card (needs higher z-index than ::before) */
.impact-card-content {
  z-index: 2;
  position: relative;
}

.impact-metric {
  /* font-size: 2.8em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    color: #ffffff; */
  color: #00B0F0;
  font-family: Sora;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 48.611% */
  letter-spacing: -2.16px;
}

/* Special styling for the large monetary value */
.impact-card.card-210 .impact-metric {
  font-size: 2.2em;
}

.impact-description {
  /* font-size: 0.9em;
  color: #b0c4e7;
  line-height: 1.4;
  max-width: 90%; */
  color: #FFF;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  margin-top: 30px;
}

/* Card Sizing and Positioning on the Grid */
.impact-card.card-98 {
  grid-column: 1 / span 3;
  /* Full width for the bottom card */
}

/* Split Card Container (Top Right: $210M+ and 0) */
.impact-split-container {
  display: flex;
  /* grid-template-columns: 70% 30%; */
  flex-direction: column;
  gap: 20px;
  grid-column: 3 / span 1;
  /* Occupies the third column */
}

/* Ensure the grid area spans correctly for the third column content */
.impact-card.card-210,
.impact-card.card-0 {
  flex: 1;
  /* Makes them fill the available height in the split container */
  min-height: 140px;
}

.impact-card.card-0 {
  flex: 1;
  /* Makes them fill the available height in the split container */
  min-height: 140px;
}


/* Arrow Button */
.impact-arrow-button {
  z-index: 3;
  /* Always on top */
  align-self: flex-end;
  /* Align to the bottom right of the card flex container */
  margin-top: 15px;
  /* Space between text and button */
  width: 36px;
  height: 36px;
  background-color: #007bff;
  /* Bright blue for contrast */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4);
}

.impact-arrow-button:hover {
  background-color: #0056b3;
}

.impact-arrow-button svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
  transform: translateX(1px);
}




/* -------------------Section 4.1 End----------------- */



/* ---------------section 5------------------- */

.lbd-header-bg * {
  box-sizing: border-box;
}

/* --- Container and Header Layout --- */
.lbd-header-bg {
  background: var(--dark-blue);
  /* Dark Background */
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-family: 'Inter', sans-serif;
  /* Apply font and color locally */
  color: #f3f4f6;
  /* Light Text */
  margin: 1%;
  border-radius: 25px;
}



.lbd-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* --- Top Header Section --- */
.lbd-top-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4rem;
}

/* Title Group */
.lbd-title-group {
  margin-bottom: 2rem;
}

.lbd-subtitle {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--light-bg);
  margin-bottom: 0.5rem;
  font-family: "Manrope", sans-serif;
}

.lbd-main-title {
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: white;
  line-height: 1.1;
  font-family: "Sora", sans-serif;
}

/* Metrics Group */
.lbd-metrics-group {
  text-align: right;
}

.lbd-metric-count {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #193D85;
  font-family: Sora;
  font-size: 86px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
  /* 58.14% */
  letter-spacing: -4.3px;
  color: transparent;
}

.lbd-metric-support {
  color: #FFF;

  font-family: Manrope;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  /* 129.412% */
  letter-spacing: -1.02px;
}

/* --- Founder Cards Section --- */
.lbd-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.lbd-card {
  /* background-color: #0f172a; */
  /* Card Background */
  padding: 1.5rem;
  border-radius: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--grey-one);
  transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

/* .lbd-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
} */

.lbd-card:hover:after {
  content: "";
  display: block;
  background: url(../images/webuild-hover-bg.png) center center no-repeat;
  width: 100%;
  height: 127px;
  border-radius: 0px 0px 24px 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}


.lbd-profile-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* Aligns image, name, and role to the left */
}

.lbd-profile-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 16px;
  align-self: flex-start;
  /* Ensures image is left-aligned */
}

.lbd-leader-name,
.lbd-leader-role {
  margin: 0 0 8px 0;
  text-align: left;
  align-self: flex-start;
  /* Ensures text is left-aligned */
}


.lbd-profile-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
}

.lbd-profile-image {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 1rem;
  border: 4px solid rgba(113, 113, 122, 0.5);

}

.lbd-leader-name {
  color: #FFF;

  font-family: Sora;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 140% */
  letter-spacing: -0.75px;
}

/* .lbd-leader-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
  align-items: left;
  letter-spacing: 1px;
} */

.lbd-leader-role {
  font-weight: 400;
  color: #a1a1aa;
  /* Medium Text */
  font-size: 0.875rem;
}

.lbd-bio-section {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lbd-leader-bio {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #a1a1aa;
  /* Medium Text */
}

.lbd-leader-bio strong {
  color: #f3f4f6;
  /* Light Text */
  font-weight: 600;
}

/* Blue Glow Effect for Card 2 */
.lbd-glow-effect {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25%;
  background-color: rgba(59, 130, 246, 0.1);
  /* Based on Highlight Blue: #3b82f6 */
  filter: blur(25px);
  opacity: 0.2;
  pointer-events: none;
}

.error-text {
    color: #e74c3c;
    font-size: 13px;
    margin-top: 4px;
    display: block !important;
}


/* ---------------section 5 End------------------- */
.clientstext{margin-top:-17px;}
.clients4row {padding: 75px 73px 0;}
.txtDecorations{text-decoration: none!important;}
.txtDecorations:hover{text-decoration: underline!important;    color: var(--primarycolor);}
 .whytxt{background: none!important; text-decoration: none!important; color: var(--primarycolor);}
 .whytxt:hover{text-decoration: underline!important;    color: var(--primarycolor);}
.fixed_height{height:165px;}
.whitetext{color:#fff!important;}
.tableinnergap {column-gap: 42px!important;}
.outlinenumberspace{margin-top: 35px!important;}
.engagement-option1  {background: #fff;padding: 108px 0px 73px;}
.engagementbox1 li{list-style: disc;line-height: 44px;}
.engagementbox1 .fixed_height { height: 250px !important;}

/* REMOVE DEFAULT BOOTSTRAP ICON */
.accordion-button::after {
    content: "" !important;
    background-image: none !important;
    transform: rotate(-23.61deg);
}

.accordion-button::after {
    content: "";
    background-image: url("../images/faq.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-left: auto;
    transition: transform 0.3s ease;
    transform: rotate(-23.61deg) !important;
}
.accordion-button[aria-expanded="true"]::after {
    transform: rotate(-23.61deg)!important;
}
.accordion-button.collapsed::after {
   
    transform: rotate(-23.61deg)!important;
}

.accordion-button:not(.collapsed)::after {
      transform: rotate(-80deg) !important;
}


#roiModal .modal-content {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

/* Header */
#roiModal .modal-header {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 24px;
}

#roiModal .modal-title {
    font-weight: 700;
    font-size: 20px;
    color: #0c63e4;
}

/* Body */
#roiModal .modal-body {
    padding: 24px;
}

#roiModal .form-label {
    font-weight: 600;
    color: #333;
}

#roiModal input.form-control {
    border-radius: 10px;
    padding: 12px;
    border: 1px solid #dcdcdc;
    transition: 0.25s ease;
    font-size: 15px;
}

#roiModal input.form-control:focus {
    border-color: #0c63e4;
    box-shadow: 0 0 0 3px rgba(12, 99, 228, 0.2);
}

/* Results */
#roiModal h6 {
    margin-top: 20px;
    font-weight: 700;
    color: #222;
}

#roiModal p strong {
    color: #0a58ca;
    font-weight: 700;
}

#roiModal span {
    font-weight: 600;
    color: #111;
}

/* Footer */
#roiModal .modal-footer {
    border-top: 1px solid #e8e8e8;
    padding: 18px 24px;
}

/* Buttons */
#roiModal .btn-primary {
    background: linear-gradient(135deg, #0c63e4, #0a52c9);
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 6px 20px rgba(12,99,228,0.25);
    transition: 0.2s ease;
}

#roiModal .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(12,99,228,0.32);
}

#roiModal .btn-secondary {
    background: #f3f4f6;
    border: none;
    padding: 10px 18px;
    border-radius: 12px;
    font-weight: 600;
    color: #333;
    transition: 0.2s ease;
}

#roiModal .btn-secondary:hover {
    background: #e6e7eb;
}

/* Close button */
#roiModal .btn-close {
    filter: brightness(0.4);
    transition: 0.2s ease;
}

#roiModal .btn-close:hover {
    filter: brightness(0.1);
}

/*Recent wins start */
.recent-wins-section {
      padding: 130px 0;
      position: relative;
    }

    .recent-wins-section .section-sub {
      font-size: 13px;
      color: var(--muted);
      margin-bottom: 8px;
      letter-spacing: .08em;
    }

    

    /* Pills row */
    .pills-row {
      display:flex;
      gap:14px;
      justify-content:center;
      align-items:center;
      flex-wrap:wrap;
      margin-bottom:28px;
    }

    .pill {
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:15px 13px;
      border-radius:999px;
      background:#fff;
      border:1px solid #B7B7B7;
      box-shadow: 0 2px 8px rgba(20,20,30,0.02);
      cursor:pointer;
      font-weight:500;
      font-size:14px;
      color:#222;
      transition:transform .12s ease, box-shadow .12s ease;
      width:305px;
      height:75px;
     justify-content: space-between;
    }

    .pill img.pill-icon {  object-fit:contain; }

    .pill:hover { transform:translateY(-3px); box-shadow: 0 10px 30px rgba(4,20,60,0.06); }

    .pill.active {
      background: #0048DE;
      color:#fff;
      border: none;
      box-shadow: 0 0px 40px rgba(0, 72, 222, 0.5);
      transform: translateY(-1px);
    }

    /* Cards grid */
    .case-study-grid { margin-top:6px; }

    .case-card {
      display:flex;
      gap:14px;
      align-items:flex-start;
      background:var(--card-bg);
      border-radius:12px;
      padding:18px;
      border: 1px solid #f0f0f3;
      min-height:110px;
      transition: box-shadow .15s ease, transform .12s ease;
    }

    .case-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(12,63,160,0.06); }

    .case-card .icon-wrap {
      min-width:56px;
      min-height:56px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      border:1px solid #f3f4f6;
      box-shadow: 0 6px 18px rgba(6,24,64,0.04);
    }

    .case-card .icon-wrap img { width:100%; height:auto; object-fit:contain; }

    .case-card h6 { margin:0; font-size:16px; font-weight:700; color:#111; }
    .case-card p { margin:6px 0 0; font-size:13.5px; color:var(--muted); }

    /* Right big number */
    .right-number {
      display:flex;
      align-items:center;
      justify-content:center;
      height:100%;
    }

    .right-number .big {
      font-size:96px;
      font-weight:800;
      color:var(--accent);
      line-height:1;
      margin-right:0;
      letter-spacing:-2px;
    }

    .right-number .vertical h5{
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      font-weight:600;
      color:#111111;
      font-size:18px;
      margin-left:8px;
      margin-top:0px;
    }

    /* Browse button */
    .browse-btn {
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 18px;
      border-radius:999px;
      border:1px solid #e6e7eb;
      background:#fff;
      font-weight:700;
      color:#111;
      transition:background .12s ease, transform .12s ease;
    }
    .browse-btn:hover { background:#f7f8fb; transform:translateY(-3px); }

    /* Responsive tweaks */
    @media (max-width:991.98px) {
      .right-number { margin-top:20px; }
      .recent-wins-section h2 { text-align:center; }
    }

    @media (max-width:575.98px) {
      .pill { min-width:100px; padding:8px 14px; font-size:13px; }
      .right-number .big { font-size:56px; }
      .right-number .vertical { font-size:12px; }
    }
.case-position{position: absolute; padding-left: 211px;margin-top: -30px;}
/*Recent Win End  */


/* Blog CSS Start*/
.blog-breadcrumb{box-shadow: none; margin-bottom: 141px;}
.blog-front-banner{background: url(../images/blog-01.svg) center center no-repeat; background-size: cover; min-height: 585px; display: flex; flex-direction: column; justify-content: end; padding: 0px 47px 47px 47px; border-radius: 25px;}
.blog-front-banner img{width: 182px; margin-bottom: 30px;}
.blog-front-banner h1{color: #ECECEC;font-family: var(--sorafamily);font-size: 89px;font-weight: 600;line-height: 89px; margin-bottom: 0;}

.blog-right-front{border-radius: 25px;background: #F0F2F4; padding: 31px 38px;}
.blog-right-front h2{font-size: 55px;}
.blog-search{border-radius: 25px;background: #010B21;background: linear-gradient(288deg,rgba(1, 11, 33, 1) 0%, rgba(6, 64, 186, 1) 50%); padding: 50px 63px;}
.blog-search form{position: relative;}
.blog-search form input[type=search]{width: 100%; background: #fff; border-radius: 100px; border: 0; padding: 14px 20px;}
.blog-search form input[type=submit]{color: #FFF;border: 0; background: var(--primarycolor);    padding: 14px 30px 14px 50px;   border-radius: 72px;}
.blogsearch-icon{position: absolute;right: 0; top: 0;}
.blogsearch-icon:before{content: ""; display: block; background: url(../images/suscribe-icon.svg) no-repeat; width: 20px; height: 20px;     position: absolute; top: 50%; left: 20px; margin-top: -7px;}

.blog-section{}
.blog-article{border-radius: 25px;border: 1px solid #E0E0E0; margin-bottom: 30px;}
.blog-article .blog-image {position: relative;}
.blog-article .blog-image img{border-radius: 25px; width: 100%;}
.blog-image .blog-unlist{background: #ffffff; padding: 10px 21px; border-radius: 25px 25px 0 0px; position: absolute; bottom: -19px;}
.blog-unlist .after-bu{position: absolute;right: -12px;bottom: 17px;}
.blog-front-content{padding: 53px 39px 45px;}
.blog-front-content h3{text-decoration: underline;margin-bottom: 20px;}
.blog-front-content h3 a{color: #111;}
.blog-front-content .blog-catgeory{color: #9B9B9B;font-size: 14px;font-weight: 500;line-height: 30px;}

.blog-sidebar{margin-left: 5%;}
.sidebar-category{background: #F0F2F4; padding: 46px 30px 53px 45px;border-radius: 25px;}
.sidebar-category ul{}
.sidebar-category ul li{color: #8A9199;font-size: 18px;font-weight: 600;line-height: 50px;}
.sidebar-category ul li a{color: #111;}
.sidebar-category ul li a.active:before{content:""; display: inline-block; background: url(../images/sidebar-cat-arrow.svg) center center no-repeat; width: 13px; height: 13px;    margin-right: 10px;}
.recent-post,.archive-sidebar{margin-top: 49px;}
.recent-post h5,.tags h5{color: #111; border-bottom: 1px solid var(--primarycolor); padding-bottom: 10px; position: relative;}
h5.heading-arrow:after{content: ""; background: url(../images/sidebar-cat-arrow.svg) center center no-repeat; width: 13px; height: 13px; display: inline-block; position: absolute; right: 0;top: 50%; margin-top: -6.5px;}

.recent-post-list{display: flex; column-gap: 16px; margin-top: 25px;}
.recent-post-list img{width: 75px; height: 80px; border-radius: 25px;object-fit: cover;}
.recent-post-list .rp-list{}
.recent-post-list .rp-list span{color: #9B9B9B; display: block;font-size: 14px;font-weight: 500;line-height: 30px;}
.recent-post-list .rp-list h6{color: #111;font-family: var(--sorafamily);font-size: 18px;font-weight: 400;line-height: 25px;    text-decoration: underline;}

.tags{ margin-top: 25px;}
.tags ul{display: flex; flex-wrap: wrap; gap: 9px;}
.tags ul li a{color: #333;font-size: 14px;font-weight: 500;line-height: 0; border-radius: 25px;background: #F0F2F4;    padding: 18px 15px; display: block;text-align: center;}

.blog-sidebar-cta{margin-top: 25px; background: url(../images/blog-ai-strategy.jpg) center center no-repeat; min-height: 386px; border-radius: 25px; display: flex;flex-direction: column;justify-content: end; padding: 0px 45px 30px;}
.blog-sidebar-cta h5{color: #FFF;font-family: var(--sorafamily);font-size: 25px;font-weight: 400;line-height: 35px;letter-spacing: -0.75px;}
.blog-sidebar-cta p{color: #FFF;}

.svg-icon{background: #E9EBED; border-radius: 15px; width: 56px;height: 56px; line-height: 56px;text-align: center;}


.blogs-newsletter{padding: 90px 0px;border-radius: 25px;background: #010B21;  margin: 30px 51px 93px;}
.newsletter-box h2{color: #F5F5F5;}
.newsletter-box p,.newsletter-box ul li{color: #F5F5F5;}
.newsletter-box ul{    list-style: inside;}
.newsletterform{background: #fff; padding: 70px 0px; border-radius: 25px;}
.newsletterform form{text-align: center;    width: 70%;  margin: 0px auto;  position: relative;}
.newsletterform input[type=search]{width: 100%; border: 0; border-bottom: 1px solid #adadad; padding-bottom: 15px; color: #898989; font-size: 14px;padding-right: 120px;  }
.newsletterform input[type=search]:focus-visible{outline: none; }
.newsletterform input[type=submit]{border-radius: 100px;background: #0048DE;    padding: 11px 21px 11px 40px;    border: 0;    color: #fff;    font-size: 14px;}
.newsletter-submit{position: absolute;    right: 0;    bottom: 10px;}
.newsletter-submit:before{ content: ""; display: block; background: url(../images/suscribe-icon.svg) no-repeat; width: 20px; height: 20px;     position: absolute; top: 50%; left: 20px; margin-top: -7px;}

.single-page{padding-top: 100px;}


/* Blog CSS END*/


/* Client Testimonial Start */

.client-testimonial{padding: 100px 0px;}
.client-testimonial .starbox{margin-bottom: 25px;}
.light-heading{color: #ECECEC;font-family: var(--sorafamily);font-size: 100px;font-weight: 600;line-height: 100px;letter-spacing: -7.5px;}
.client-testimonialbox{margin-top: 86px;}
.testi-box{border-radius: 16px;background: #FFF;box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.11); padding: 42px 49px 61px 29px;}
.client-image{display: flex;justify-content: space-between; margin-bottom: 35px;}
.client-image img{}
.client-message{color: #333;font-size: 18px;font-weight: 500;line-height: 30px;}
.client-name-review{padding-top: 25px; display: flex; justify-content: space-between;}
.client-name-review .client-name{color: #111;font-size: 17px;font-weight: 700; font-family: var(--sorafamily);}
.client-name-review .client-designation{color: #787878; font-size: 17px;}
.client-name-review .star-review svg{width: 22px;}
/* Client Testimonial End  */

/* Recents Wins CSS Start */

.recent-wins{padding:100px 0px}
.winsnumber{text-align: right; display: flex; align-items: end; justify-content: end;}
.winsnumber .big-number{}
.winsnumber h6{writing-mode: vertical-rl; transform: rotate(180deg);  font-weight: 600; color: #111111; font-size: 18px; margin-left: 8px; margin-top: 0px;}
.recent-wins-tab{padding-top: 80px;}
.recent-wins-tab ul{justify-content: center; gap: 40px;}
.recent-wins-tab ul li{}
.recent-wins-tab ul li button{border-radius: 100px; border: 1px solid #B7B7B7; background: #fff; width: 305px; display: flex; align-items: center; justify-content: space-between; padding: 9px 15px;}
.recent-wins-tab ul li button img{width: 55px;}
.recent-wins-tab ul li button:hover{background: #0048DE;box-shadow: 0 0 40px 0 rgba(0, 72, 222, 0.50); color:#fff; border-color:#0048de} 

.recentwinsbox{padding:70px 0px 0px ;}
.card-case{display: flex; column-gap: 30px; align-items: center;    margin: 35px 0px;}
.card-case .case-card-icon{}
.card-case .case-card-icon img{}
.card-case .case-card-content{}
.card-case .case-card-content h5{color: #111;font-size: 20px;font-weight: 600;line-height: 35px;margin-bottom: 0;}
.card-case .case-card-content p{color: #333;font-weight: 400;}
/* Recents Wins CSS End */