@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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&display=swap');
body, html {
    font-family: 'Poppins', sans-serif;   
}
body{
    background:  #fff;
}
.nopad{
    padding: 0;
}
.pad-left{
    padding-left: 0;
}
.pad-right{
    padding-right: 0;
}

a:hover, a:active  {
text-decoration: none!important;
}
* :focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0!important;
        text-decoration:none !important;
}
* a:hover{
    text-decoration:none !important;
}
 #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ffbf3d;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


nav.nav1 {
    display: none;
}

   /*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg {  position: fixed;top: 0px;left: 10px;width: 40px;height: 40px;z-index:9;text-align: center;color: white;display: none;transition: all ease-out 0.3s;}
a#hamburg i {position: relative;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nav1 {transition: all ease-out 0.3s; display:none;}
.nav1 a { color: #000; }
.nav1 ul {margin: 0;padding: 0;background-color: #303030;}
.nav1 ul li {display: inline-block;position: relative;    padding: 10px 20px!important;}
.nav1 ul li > a {display: inline-block;padding: 10px;}
.nav1 ul li > a > i {margin-left: 15px;transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.1s;}
.nav1 ul li ul {display: none;position: absolute;top: 38px;background:#222;width: 200px;text-align: left;}
.nav1 .search-nav,.nav1 .title{ display:none;}
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover > a {  color:#000; text-decoration:none; }
.nav1 ul li:hover > a > i { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);}
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;float: right;height: 0;margin:8px 0 0 8px;width: 0;}
.nav1 ul li.open  span.marrow {border-left: 5px solid transparent; border-top:0;border-right: 5px solid transparent;border-bottom: 5px solid #fff;}
@media screen and (max-width: 1024px) {
  
.slider .item .carousel-caption {    top: 80px; }  
  .slider-text h3 {font-size:40px; }
    .slider-text p {font-size:16px;     margin-bottom: 25px; }
  .slider-text .form-group label {font-size:12px; }
  
  }
  .open-menu .nav-cross:before {
    content: "X";
    position: absolute;
    z-index: -1;
    font-size: 25px;
}

  
  
  @media screen and (max-width: 767px) {
    nav.nav1 {
    display: block;
}
   .logo-bar nav {
    display: none!important;
    }
    a#hamburg { display: block; }
    main {  transition: all ease-out 0.3s;}
    .nav1 .row{ margin:0px;}
    .nav1 {background-color: #fff;box-shadow: -2px 0 10px #999 inset;display: block;height: 100%;left: 0;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;transform: translateX(-250px); -webkit-transform: translateX(-250px); width: 250px;}
    .nav1 .search-nav,.nav1 .title{ display:block;}
    .nav1 .search-nav input{ border:1px solid #2c313f; background-color:rgba(255,255,255,0.2);  padding:5px; width:100%; color:#000; margin:10px 0;  }
    .nav1 .search-nav input[type="submit"]{background:url("images/search-icon.png") no-repeat scroll center center; border:0; width:auto; font-size:0; height: 16px;    position: absolute;    right: 7px;    top: 8px;    width: 16px;  filter: invert(100%);}
    .nav1 .title{    background: #000 ;color: #fff;font-size: 14px;margin: 0 -15px;padding: 6px 15px 6px;}
    .search-nav > form {    position: relative;}
    .nav1 ul {  text-align: left;  background-color: transparent;}
    .nav1 ul li { display: block; border-bottom:1px solid #999; }
    .nav1 ul li a { display: block; padding:10px 0; }.nav1 ul li:hover > a { color:#000;  }
    .nav1 ul li a > i { float: right; }
    .nav1 ul li ul {  display: none;  position: static;  width: 100%;background-color:transparent; padding:0 10px;}
    .nav1 ul li:hover > ul { display: none; }
    .nav1 ul li:hover > a > i { transform: rotateZ(0); -webkit-transform: rotateZ(0); }
    .nav1 ul li.open > a { background-color: transparent; }
    .nav1 ul li.open > a > i { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);}
    .nav1 ul li.open > ul { display: block; }
    div#menuoverlay {display: block;visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;height: 100%;transition: all ease-out 0.3s;z-index: 1;opacity: 0;}
    html.open-menu { overflow: hidden; }
    html.open-menu div#menuoverlay {visibility: visible;background:rgba(0,0,0,0.5);min-height:100vh;width:100% !important;opacity: 1;width: calc(-150%);left: 250px;}
    html.open-menu a#hamburg{ transform: translateX(250px); -webkit-transform: translateX(250px); z-index:999; }
    html.open-menu main {transform: translateX(250px); -webkit-transform: translateX(250px);}
    html.open-menu nav.nav1 {z-index: 3;transform: translateX(0); -webkit-transform: translateX(0);}
    .menu-main-menu-container ul ul ul li a {padding:5px;}
    ul li.has-subnav .accordion-btn {color:#000; font-size:24px; width:20px !important; float:right; line-height: inherit !important; }
    .nav1 ul li:last-child {    border: 0 ;}
    .nav-cross.open > span {    background: #fff ;}
    /*---------------------Hamberg Icon --------------------------------------------- */
    .nav-cross {width: 24px;  height: 40px;  position: relative;  margin: 0px auto;  transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .5s ease-in-out;  cursor: pointer;}
    .nav-cross span {  display: block;  position: absolute;
        height: 2px;width: 100%;background: #000;opacity: 1;left: 0;transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out;}
.open-menu .nav-cross span {
    display:none;
}
    #nav-icon1 span:nth-child(1) {top: 0px;}
    #nav-icon1 span:nth-child(2) {top: 18px;}
    #nav-icon1 span:nth-child(3) {top: 36px;}
    #nav-icon1.open span:nth-child(1) {top: 18px;transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    #nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}
    #nav-icon1.open span:nth-child(3) {top: 18px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
    .nav-cross span:nth-child(1) {top: 12px;transform-origin: left center;-webkit-transform-origin: left center;}
    .nav-cross span:nth-child(2) {top: 20px;transform-origin: left center; -webkit-transform-origin: left center;}
    .nav-cross span:nth-child(3) {top: 28px;transform-origin: left center; -webkit-transform-origin: left center;}
    .nav-cross.open span:nth-child(1) {transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 11px;left: 4px;}
    .nav-cross.open span:nth-child(2) {width: 0%;opacity: 0;}
    .nav-cross.open span:nth-child(3) {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 28px;left: 4px;}
}

/* ------------------------------------Responsive Simple Menu------------------------------------------------------ */

.menu-header, .menu-header ul, .menu-header ul li, .menu-header ul li a, .menu-header #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu-header:after, .menu-header > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.menu-header #menu-button {display: none;}
.menu-header {background: transparent;}
.menu-header > ul > li {display:inline-block;transition: .3s ease;position: relative;padding: 5px 0;}
.menu-header.align-center > ul {font-size: 0;text-align: center;}
.menu-header.align-center > ul > li {display: inline-block;float: none;}
.menu-header.align-center ul ul {text-align: left;}
.menu-header.align-right > ul > li {float: right;}
.menu-header > ul > li > a {padding: 0 10px;font-size: 16px;letter-spacing: 0px;text-decoration: none;color: #000;font-weight: 400;text-transform: capitalize;transition: .3s all;}
.menu-header > ul > li:hover > a {color: var(--blue-normal);}
.menu-header > ul > li:hover > a > i {transform: rotate(180deg);}
.menu-header > ul > li > a > i {transition: .3s ease;}
/*.menu-header > ul > li.has-sub > a {padding-right: 30px;}
.menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}*/
.menu-header  ul  ul::before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 10px;
    content: "";
    left: 20px;
    position: absolute;
    top: -20px;
    display: none;
}
.menu-header  ul ul  ul::before { display:none;}
.menu-header > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
.menu-header ul ul {position: absolute;z-index: 999;background: rgba(255, 255, 255, 0.29);backdrop-filter: blur(35px);top: 35px;box-shadow: rgb(0 0 0 / 8%) 0px 0px 4px 0px inset, rgb(255 255 255 / 29%) 0px 0px 6px 1px inset;transition: .3s ease;visibility: hidden;opacity: 0;width: max-content;text-align: left;}
.menu-header.align-right ul ul {text-align: right;}
.menu-header ul ul li {/* height: 0; */transition: all .25s ease;}
.menu-header li:hover > ul {visibility: visible;opacity: 1;}
.menu-header.align-right li:hover > ul {left: auto;right: 0;}
.menu-header li:hover > ul > li {/* height: 35px; */}
.menu-header ul ul ul {margin-left: 100%;top: 0;}
.menu-header.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
.menu-header ul ul li a {padding: 15px 20px;font-size: 16px;text-decoration: none;color: #262128;font-weight: 400;}
.menu-header ul ul li:last-child > a, .menu-header ul ul li.last-item > a {border-bottom: 0;}
.menu-header ul ul li:hover > a, .menu-header ul ul li a:hover {color: var(--blue-normal);}
.menu-header ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;}
.menu-header ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';transition: all .25s ease;}
.menu-header.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
.menu-header ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}



/*Scroll css Start here*/


body::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 30px #000;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  outline: 1px solid var(--primary-color); 
  width: 5px;
  border-radius: 10px;
  opacity: 0.8;
}
/*Scroll css End here*/


/*************************** global css **************************/
:root{

  /* ---------- Main Color ---------- */
  --primary-color: #E358F0;
  --secondary-color: #4576DF;

  /* ---------- BLACK SCALE ---------- */
  --black-light: #E9E9EA;
  --black-light-hover: #DEDEDF;
  --black-light-active: #BCBABC;

  --black-normal: #262128;
  --black-normal-hover: #221E24;
  --black-normal-active: #020617;

  --black-dark: #1D191E;
  --black-dark-hover: #171418;
  --black-dark-active: #110F12;
  --black-darker: #0D0C0E;

  /* ---------- WHITE SCALE ---------- */
  --white-light: #FFFEFE;
  --white-light-hover: #FFFEFD;
  --white-light-active: #71706C;

  --white-normal: #FCF8F0;
  --white-normal-hover: #E3DFD8;
  --white-normal-active: #CAC6C0;

  --white-dark: #BDBAB4;
  --white-dark-hover: #979590;
  --white-dark-active: #71706C;
  --white-darker: #585754;

  /* ---------- BLUE SCALE ---------- */
  --blue-light: #E7ECF2;
  --blue-light-hover: #DBE3EC;
  --blue-light-active: #B6C5D7;

  --blue-normal: #12457E;
  --blue-normal-hover: #103E71;
  --blue-normal-active: #0E3765;

  --blue-dark: #0E345F;
  --blue-dark-hover: #103E71;
  --blue-dark-active: #0E3765;
  --blue-darker: #06182C;

  /* ---------- ACCENT COLORS ---------- */
  --accent-blue: #4f7df3;
  --accent-purple: #d946ef;
  --accent-navy: #0b3b91;
  --hubspot-orange: #ff5c35;

  /* ---------- SEMANTIC USAGE ---------- */
  --body-bg: var(--white-normal);
  --body-text: var(--black-normal);
  --text-muted: #6b7280;
  --border-color: var(--white-dark);
  --card-bg: var(--white-light);
}
h1{
    font-size: 80px;
}
h2{
    font-size: 61px;
}
h3{
    font-size: 47px;
}
h4{
    font-size: 36px;
}
h5{
    font-size: 27px;
}
.fs-large-body{
    font-size: 21px;
}
.fs-regular{
    font-size: 16px;
}
.fs-caption{
    font-size: 12px;
}
.blue-btn {
    padding: 0 20px;
    height: 37px;
    color: var(--blue-light);
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 16px;
    width: max-content;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    transition: .3s ease-in-out;
    border: 1px solid transparent;
    background-color: var(--blue-normal);
}
.blue-btn:hover{
    color: var(--blue-normal);
    border-color: var(--blue-normal);
    background-color: var(--blue-light-hover);
}
.blue-btn:focus{
    background-color: var(--blue-dark-hover);
}
.white-bd-btn {
    padding: 0 20px;
    height: 37px;
    color: var(--blue-normal);
    border: 1px solid #fff;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
    border-radius: 6px;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: .3s ease-in-out;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.white-bd-btn:hover{
    background: var(--blue-light);
    border-color: var(--blue-normal);
    color: var(--blue-normal);
}
.light-bg-btn{
    padding: 0 20px;
    height: 37px;
    border: 1px solid #fff;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
    border-radius: 6px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: .3s ease-in-out;
    letter-spacing: -0.02em;
    font-weight: 400;
    background: rgba(231, 236, 242, 0.21);
    border-radius: 6px;
    color: var(--blue-light);
}
.light-bg-btn:hover{
    background: rgba(231, 236, 242, 0.3);
    color: var(--blue-light);
}
.grad-purple-to-blue{
    background: linear-gradient(99.16deg, #E358F0 11.18%, #12457E 45%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.grad-blue-to-purple{
    background: linear-gradient(97.9deg, #12457E 48%, #E358F0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.blue-color{
    color: var(--blue-normal);
}
.slick-arrow {
    border: 0px;
    font-size: 0;
    left: 0;
    margin-top:-20px;
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex !important;
    width: max-content;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #000;
}
.slick-arrow::before{
    content: '\f104';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    font-size: 40px;
    color: #fff;
    transition: .3s ease-in-out;
}
.slick-arrow:hover::before {
    color: var(--primary-color);
}
.slick-next.slick-arrow {
    right: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: unset;
}
/* tabs */
.tabs-nav{
    display: flex;
    align-items: center;
    flex-flow: wrap;
    border-bottom: 2px solid #eee;
}
.tab{
    display: block;
    width: 100%;
    padding: 20px;
    border: none;
    background: none;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
    transition: .3s;
    border-bottom: 1px solid transparent;
}
.tab:hover{
    color: var(--blue-normal);
}
.tab.active{
    color: var(--blue-normal);
    font-weight: bold;
    border-color: var(--blue-normal);
}
.tab:focus{
    outline: none !important;
}
.tab-panel{
    display: none;
    transition: all .4s ease;
}
.tab-panel.active{
    display: block;
}
.tabs-content{
    padding: 20px 0;
}

.tabs.vertical .tabs-nav{
    border-right: 2px solid #eee;
    flex-direction: column;
    border-bottom: none;
}
.tabs.vertical .tab{
    border-bottom: none;
    border-right: 1px solid transparent;
}
/*************************** header css **************************/
.menu-header ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: start;
    gap: 20px;
    transition: .3s ease;
}
header.header .row {
    align-items: center;
}
header.header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 97%;
    top: 40px;
    z-index: 1;
    padding: 16px 0;
    border-radius: 36px;
    background: linear-gradient(-25deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.14) 35%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: inset 0 2px 6px rgb(255 255 255 / 29%), 0 0 45px rgba(0, 0, 0, 0.03);
}
/*************************** banner css **************************/
.tcs-main-sec{
    background-image: url(../images/hero-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.tcs-main-sec::before{
    content: '';
    position: absolute;
    width: 528px;
    height: 348px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../images/top-arrow-img.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.tcs-main-sec .main-inner {
    text-align: center;
}
.tcs-main-sec .main-inner h1{
    color: var(--blue-normal);
    margin: 20px 0 20px;
}
.tcs-main-sec .main-inner h1 span {
    color: var(--primary-color);
}
.tcs-main-sec .main-inner p {
    color: #000000;
    margin-bottom: 30px;
}
.tcs-main-sec .main-inner .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
/*************************** home sec2 css **************************/
.home-sec2{
    background-color: var(--blue-normal);
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-sec2 h1{
    opacity: 0.2;
    text-transform: capitalize;
    color: #fff;
}
/*************************** hubspot css **************************/
.hubspot-sec{
    padding: 80px 0;
    background-image: url('../images/Gradient-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hubspot-sec-left {
    padding: 0 90px;
} 
.hubspot-sec-top {
    display: flex;
    align-items: center;
    padding: 0 24px;
}
.hs-top-content {
    flex: 1;
}
.hubspot-sec-top .hs-top-content h4{
    color: var(--blue-normal);
    font-weight: 600;
}
.hubspot-sec-top .hs-top-content p{
    color: var(--white-darker);
    margin-bottom: 0;
}
.hs-top-img img {
    width: 190px;
}
.hubspot-sec-mid {
    margin: 35px 0 5px;
}
.hs-mid-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 15px;
}
.hs-foot-box {
    width: 100%;
    padding: 22px 40px;
    border-radius: 10px;
    background-image: url(../images/hubspot-card-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hs-foot-box p{
    color: var(--black-dark);
    text-transform: capitalize;
}
.hs-foot-box h4{
    color: var(--blue-normal);
    font-weight: 600;
}
.hs-right-card {
    background: rgba(255, 255, 255, 0.002);
    box-shadow: 0px 0.7px 0.7px -0.8px rgba(58, 68, 133, 0.06), 0px 2.4px 2.4px -1.6px rgba(58, 68, 133, 0.06), 0px 6.3px 6.3px -2.4px rgba(58, 68, 133, 0.06), 0px 20px 20px -3.25px rgba(58, 68, 133, 0.03);
    border-radius: 20px;
    padding: 42px;
    margin-bottom: 25px;
}
.hs-right-card img {
    margin-bottom: 30px;
    width: 224px;
    height: 174px;
    object-fit: contain;
}
.hs-right-card h6{
    font-weight: 600;
    color: var(--blue-normal);
}
.hs-right-card p {
    color: var(--black-dark);
    margin-bottom: 0;
}
/*************************** revenue sec css **************************/
.revenue-leak-sec{
    background-image: url(../images/gradient-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 50px;
}
.rl-sec-left {
    margin: 0;
    list-style: none;
    background: rgba(255, 255, 255, 0.52);
    box-shadow: 0px 0.8px 55.4px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 25px 30px;
}
.rl-sec-left li {
    box-shadow: 0px 0.8px 42.7px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    font-size: 41px;
    font-weight: 700;
    color: var(--blue-light);
    padding: 0 10px;
    margin-bottom: 20px;
    background-color: var(--hubspot-orange);
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rl-sec-left li:nth-child(2){
    background-color: var(--primary-color);
}
.rl-sec-left li:last-child{
    background-color: var(--blue-normal);
    height: 178px;
}
.rl-sec-right h3 {
    font-weight: 700;
    color: var(--black-normal);
    margin-bottom: 0;
}
.rl-sec-right {
    padding: 0 25px;
    max-width: 720px;
}
.rl-sec-right p {
    color: var(--black-normal);
    margin: 15px 0 20px;
}
/*************************** proof action sec css **************************/
.proof-action-sec{
    background-image: url('../images/proof-action-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 50px;
    position: relative;
}
.proof-action-sec::before {
    content: '';
    position: absolute;
    right: 250px;
    bottom: 0;
    background-image: url('../images/revenue-leak/proof-action-per2.png');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 567px;
    width: 621px;
}
.home-proof-sec.proof-action-sec::before{
    content: none;
}
.pa-sl-box {
    border-radius: 14px;
    padding: 32px;
    height: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient( -45deg, rgba(227, 88, 240, 0.35), rgba(227, 88, 240, 0.12) );
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px) saturate(175%);
    border: 1px solid rgba(255,255,255,0.4);
    box-shadow: 0px 1px 21.3px rgba(0, 0, 0, 0.06);
    position: relative;
}
.pa-sl-box span{
    color: var(--blue-light-hover);
    text-transform: uppercase;
}
.pa-sl-box h3 {
    font-weight: 700;
    color: #FEFDFA;
    margin: 15px 0 0;
    line-height: 1;
}
.pa-sl-box p {
    color: #FEFDFA;
    margin-bottom: 0;
}
.pa-sl-box-inner {
    display: flex;
    align-items: center;
    gap: 100px;
}
.pa-sr-top-bar {
    background-color: #F7F9FC;
    border-radius: 35px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px;
}
.pa-sr-top-bar span {
    background-color: var(--primary-color);
    color: #F7F9FC;
    border-radius: 35px;
    padding: 6px 10px;
    font-family: 'Inter';
}
.pa-sr-top-bar p {
    margin-bottom: 0;
    font-weight: 600;
    font-family: 'Inter';
    color: #1C1C1E;
}
.pa-sec-right h3 {
    font-weight: 700;
    color: #F7F9FC;
    margin: 20px 0;
}
.pa-sec-right p.fs-regular {
    color: #F7F9FC;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: 'Inter';
}
/*************************** find revenue sec css **************************/
.find-revenue-sec{
    background-image: url(../images/find-revenue-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 250px 0;
    position: relative;
    text-align: center;
}
.find-revenue-sec::before{
    content: '';
    position: absolute;
    background-image: url('../images/purple-up-right.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 320px;
    height: 320px;
    top: 60px;
    right: 290px;
}
.find-revenue-sec::after{
    content: '';
    position: absolute;
    background-image: url('../images/purple-c.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    bottom: 105px;
    left: 297px;
}
.find-revenue-sec h1{
    font-weight: 600;
    font-family: 'Inter';
    margin-bottom: 20px;
    color: #fff;
    padding: 0 20px;
    text-transform: capitalize;
}
.find-revenue-sec .light-bg-btn {
    margin: 40px auto 0;
}
/*************************** svg sec css **************************/
.svg-sec{
    padding: 100px 0 10px;
}
.svg-sec-head{
    text-align: center;
    margin-bottom: 30px;
}
.svg-sec-head h3{
    margin-bottom: 15px;
    font-weight: 700;
}
.svg-sec-head p{
    margin-bottom: 10px;
    color: #7A7A7A;
}
.svg-sec-head .blue-btn{
    margin: 0 auto;
    margin-top: 20px;
}
.svg-wrapper{
    position: relative;
}
.sw-content-left {
    position: absolute;
    top: 0;
    left: -20px;
    text-align: right;
}
.sw-content-right {
    position: absolute;
    top: 0;
    right: -50px;
}
.content-box{
    opacity: 0;
    visibility: hidden;
    transition:all .3s ease;
    width: 270px;
}
.content-box h6{
    margin-bottom: 8px;
    color: #0B2545;
}
.content-box p{
    color: #1C1C1E;
    margin-bottom: 0;
}
.content-box.active{
    opacity: 1;
    visibility: visible;
}
#content-layer2 {
    padding-right: 40px;
    margin-top: 80px;
}
#content-layer4 {
    margin-top: 70px;
    padding-left: 15px;
}
.svg-part path{
    opacity: .2;
    transition: all .35s ease;
    cursor: pointer;
}
.svg-part:hover path{
    opacity: 1;
}
.svg-content-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 150px;
    position: absolute;
    width: 100%;
    bottom: -5px;
}
/*************************** tcs busniess sec css **************************/
.tcs-busniess-sec {
    padding: 100px 0;
}
.tcs-bs-head h3 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}
.tcs-bs-card {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 50px 20px;
    text-align: center;
    position: relative;
    box-shadow: inset rgb(249 249 249 / 95%) 3px 3px 12px 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tcs-bs-card::before{
    content: '';
    position: absolute;
    top: 30px;
    right: 40px;
    width: 171px;
    height: 251px;
    background-image: url(../images/dot-pattern.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.tcs-bs-card span {
    color: var(--blue-normal);
}
.tcs-bs-card-img {
    margin: 50px 0;
}
.tcs-bs-card-contnt h6 {
    color: var(--blue-normal);
    font-weight: 600;
    margin-bottom: 5px;
}
.tcs-bs-card-contnt p {
    color: var(--blue-normal);
}
/*************************** our client sec css **************************/
.our-client-sec{
    background-image: url(../images/our-client-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.oc-sec-card {
    background: rgba(18, 69, 126, 0.11);
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    margin-bottom: 25px;
}
.our-client-sec h2 {
    color: var(--blue-normal);
    font-weight: 900;
    font-size: 64px;
}
.oc-sec-card img {
    width: auto;
    height: 57px;
    margin: 0 auto;
}
/*************************** reviews sec css **************************/
.reviews-sec{
    padding: 100px 250px 150px;
}
.reviews-sec-left h1{
    font-weight: 700;
    font-size: 140px;
    line-height: 1;
    width: max-content;
    font-family: 'Inter';
}
.reviews-sec-left h3.grad-blue-to-purple{
    font-weight: 700;
    line-height: 1;
    width: max-content;
}
.reviews-sec-left h3.blue-color{
    font-weight: 700;
}
.reviews-sec-left p{
    margin: 50px 0 55px;
}
.reviews-sec-right p.fs-regular {
    color: var(--white-darker);
    margin: 30px 0 90px;
}
.rs-rb-user {
    display: flex;
    align-items: center;
    gap: 10px;
}
.rs-rb-user img {
    border-radius: 50%;
    height: 54px;
    width: 54px;
    object-fit: contain;
}
.rs-rb-user-detail h6 {
    margin-bottom: 10px;
    color: var(--white-darker);
}
.rs-rb-user-detail p.fs-caption {
    margin-bottom: 0;
    color: var(--white-darker);
}
.reviews-sec-right .slick-arrow {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid var(--white-darker);
    bottom: -153px;
    top: unset;
    left: 42%;
    transition: .3s ease-in-out;
}
.reviews-sec-right .slick-arrow:hover{
    background-color: var(--white-darker);
}
.reviews-sec-right .slick-arrow::before {
    font-size: 22px;
    color: var(--white-darker);
}
.reviews-sec-right .slick-arrow:hover::before{
    color: #fff;
}
.reviews-sec-right .slick-next.slick-arrow {
    right: 42%;
    left: unset;
}
/*************************** blog sec css **************************/
.blog-sec {
    padding: 100px 0;
}
.blog-sec-top {
    padding: 0 30px;
}
.blog-sec-top h3 {
    font-weight: 700;
    margin-bottom: 0;
}
.blog-sec-top p {
    margin-bottom: 0;
}
.blog-sec .vert-blog-box {
    margin: 30px 0;
}
.vert-blog-box {
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 5px #F8F8FA, 0px 0.42px 1.26px -0.41px rgba(28, 70, 255, 0.01), 0px 1.6px 4.8px -0.83px rgba(28, 70, 255, 0.01), 0px 7px 21px -1.25px rgba(28, 70, 255, 0.03);
    backdrop-filter: blur(3px);
    background-color: var(--white-light);
}
.vb-box-img img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 16px;
}
.vb-box-content span {
    background-color: var(--blue-normal);
    color: var(--white-light);
    padding: 5px 15px;
    border-radius: 35px;
    text-transform: uppercase;
}
.vb-box-content h4 {
    color: var(--blue-darker);
    font-weight: 600;
    margin: 20px 0 7px;
    line-height: 1.1;
}
.vb-box-content p {
    margin-bottom: 20px;
    color: var(--blue-darker);
}
.vb-box-content {
    height: 100%;
    position: relative;
    padding: 20px 0;
}
.vb-box-content a {
    position: absolute;
    bottom: 20px;
}
.hori-blog-box{
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 5px #F8F8FA, 0px 0.42px 1.26px -0.41px rgba(28, 70, 255, 0.01), 0px 1.6px 4.8px -0.83px rgba(28, 70, 255, 0.01), 0px 7px 21px -1.25px rgba(28, 70, 255, 0.03);
    backdrop-filter: blur(3px);
    background-color: var(--white-light);
}
.hb-box-img img{
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 16px;
}
.hb-box-content {
    margin-top: 30px;
}
.hb-box-content span{
    background-color: var(--blue-normal);
    color: var(--white-light);
    padding: 5px 15px;
    border-radius: 35px;
    text-transform: uppercase;
}
.hb-box-content h6{
    color: var(--white-darker);
    font-weight: 600;
    margin: 15px 0 0;
}
/*************************** cta sec css **************************/
.cta-day-sec{
    background-image: url('../images/cta-day-bg.png');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    position: relative;
    height: 800px;
    display: flex;
    align-items: center;
}
.cta-day-sec::before{
    content: '';
    position: absolute;
    right: 80px;
    bottom: 0;
    background-image: url('../images/cta-day-person.png');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 689px;
    width: 733px;
}
.cta-day-sec h1{
    font-weight: 700;
    font-size: 90px;
    margin-bottom: 0;
    text-transform: capitalize;
}
.cta-day-sec p{
    color: #000000;
    margin: 15px 0 30px;
}
/*************************** footer sec css **************************/
.footer{
    padding: 100px 50px 0 50px;
    background-color: var(--black-normal);
    position: relative;
}
.footer::before{
    content: '';
    position: absolute;
    background-image: url(../images/footer-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1028px;
    height: 586px;
}
.footer-logo2 {
    text-align: end;
}

.footer-logo1 img {
    width: 337px;
}

.footer-logo2 img {
    width: 238px;
}

.footer-info {
    text-align: center;
}

.footer-info .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    gap: 25px;
}

.social-icon a {
    border: 1px solid #ffffff36;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}

.footer-info p {
    color: var(--white-dark-active);
    margin-bottom: 0;
    font-weight: 500;
}

.footer-cop-left p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
}

.foot-cop-pages {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
}

.foot-cop-pages a {
    color: #fff;
}

.footer-cop {
    padding: 50px 0;
    border-top: 1px solid var(--black-light-active);
    margin-top: 70px;
}
/*************************** inner pages css **************************/
.inner-banner{
    background-image: url('../images/inner-banner-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 105vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.inner-banner .inner-banner-content {
    text-align: center;
}
.inner-banner .inner-banner-content h1{
    color: var(--blue-dark);
    margin: 20px 0 20px;
    font-weight: 600;
    font-family: 'Inter';
}
.inner-banner .inner-banner-content h4{
    color: var(--hubspot-orange  );
    font-weight: 600;
    margin-bottom: 10px;
}
.inner-banner .inner-banner-content h1 span {
    color: var(--hubspot-orange);
}
.inner-banner .inner-banner-content p  {
    color: var(--white-darker);
    margin-bottom: 30px;
}
.inner-banner .inner-banner-content p  span{
    color: var(--hubspot-orange);
}
.inner-banner .inner-banner-content .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.inner-banner-boxes{
    margin-top: 60px;
}
.inner-banner-boxe {
    width: 100%;
    padding: 22px 60px;
    border-radius: 10px;
    background-image: url('../images/hubspot-card-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner-banner-boxe p{
    color: var(--black-dark);
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.2;
}
.inner-banner-boxe h4{
    color: var(--blue-normal);
    font-weight: 600;
    margin-bottom: 0;
}
/*************************** revenue leak page css **************************/
.inner-banner.rev-leak-banner{
    background-image: url('../images/revenue-leak/multi-gradient-bg.png');
}
.rl-video-sec{
    background-image: url('../images/revenue-leak/video-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 0;
}
.rl-video-sec .rl-video img{
    width: 100%;
    height: 573px;
    object-fit: cover;
    border-radius: 8px;
}
.rl-sec3 {
    padding: 150px 50px;
}
.rl-sec3-head {
    margin-bottom: 50px;
}
.rl-sec3-pill{
  position: relative;
  border-radius: 35px;
  padding: 1px;
  background: radial-gradient(circle at center, #E358F0 0%, #B6C5D7 100%);
  width: max-content;
}
.rl-sec3-pill span{
    background: #fff;
    border-radius: 35px;
    padding: 8px 20px;
    color: #000000;
    display: inline-block;
    text-transform: uppercase;
}
.rl-sec3-head h3{
    font-weight: 700;
    width: max-content;
    margin: 10px 0;
}
.rl-sec3-head p{
    color: #1C1C1E;
    margin-bottom: 0;
}
.rl-sec3-boxe {
    background-color: var(--blue-normal);
    color: #fff;
    width: 100%;
    height: 232px;
    box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-bottom: 20px;
}
.rl-sec3-boxe:nth-child(2){
    background-color: var(--hubspot-orange);
    opacity: 0.2;
}
.rl-sec3-boxe:last-child{
    background-color: var(--primary-color);
    opacity: 0.2;
}
.rl-sec3-boxe p {
    margin-bottom: 0;
}
.rl-svg-sec {
    padding: 0 0 100px;
}
.rl-svg-sec-head {
    text-align: center;
}
.rl-svg-sec-head h3 {
    margin: 0;
    font-weight: 700;
}
.rl-svg-sec-head p {
    margin: 0;
    color: #1C1C1E;
    margin: 20px 0 20px;
}
.rl-svg-sec-head a {
    margin: 0 auto;
}
.rl-sec4 {
    padding: 100px 100px;
}
.rl-sec4-content h3 {
    font-weight: 700;
    margin-bottom: 20px;
}
.rl-sec4-content p {
    color: var(--black-normal);
    margin-bottom: 0;
}
.rl-sec4-content p a {
    color: var(--black-normal);
    font-weight: 700;
}
.rl-sec4-big-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 450px;
    border-radius: 20px;
}
.rl-sec4-img-boxes {
    margin-top: 70px;
}
.rl-sec4-img-box img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}
.rl-sec5{
    background-image: url(../images/revenue-leak/sec5-img.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 150px 100px 100px;
}
.rl-sec5-content h3 {
    font-weight: 700;
    margin-bottom: 15px;
}
.rl-sec5-content p {
    color: var(--black-normal);
    margin-bottom: 30px;
}
.rl-sec5-content {
    padding-right: 450px;
}
.rl-sec5-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: max-content;
}
.rl-sec5-list li {
    background-color: rgb(18 69 126 / 12%);
    border-radius: 6px;
    padding: 32px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.rl-s5l-content h5 {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--blue-dark);
}
.rl-sec5-list li .rl-s5l-content p {
    margin-bottom: 0;
    color: #000;
}
.rl-sec5-list li img {
    width: 52px;
    height: 42px;
}
.rl-cta-sec.cta-day-sec::before{
    background-image: url(../images/hubspot-mng/cta-day-person.png);
    height: 550px;
    width: 820px;
    right: 250px;
}
.rl-cta-sec.cta-day-sec h1{
    font-size: 88px;
}
/*************************** contact page css **************************/
.contact-banner{
    background-image: url('../images/contact-img/contact-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.contact-detail h3 {
    font-weight: 700;
    color: var(--blue-dark);
    margin-bottom: 50px;
}
.contact-info {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid var(--white-dark);
}
.contact-info li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 35px;
}
.contact-info-icon {
    width: 44px;
    height: 44px;
    border: 1px solid var(--blue-normal);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info-icon img {
    width: 20px;
}
.contact-info-content {
    flex: 1;
}
.contact-info-content h5 {
    margin-bottom: 5px;
    font-weight: 400;
    color: var(--blue-dark);
}
.contact-info-content p {
    color: var(--white-darker);
    margin: 0;
    line-height: 1.3;
}
.contact-social-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 40px;
}
.contact-social-icon {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact-social-icon li {
    width: 44px;
    height: 44px;
    border: 1px solid var(--blue-normal);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form {
    padding: 50px 30px;
    border-radius: 20px;
    background: rgba(219, 227, 236, 0.4);
    backdrop-filter: blur(24px);
}
.contact-form h5 {
    font-weight: 400;
    color: var(--blue-darker);
}
.contact-social-icon-wrapper h6 {
    font-size: 24px;
    color: var(--blue-dark);
}
.contact-calendar{
    padding: 100px 80px;
}
.contact-calendar-wrapper{
    background-color: var(--blue-normal);
    color: #fff;
    border-radius: 30px;
    height: 548px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-faq{
    padding: 200px 0 150px;
}
.contact-faq-head{
    text-align: center;
}
.contact-faq-head h1{
    width: max-content;
    margin: 0 auto;
}
.contact-faq-wrapper{
    margin-top: 40px;
}
.contact-faq-wrapper .card{
    border: 1px solid #CAC6C0;
    border-radius: 14px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 20px;
}
.contact-faq-wrapper .card-header{
    background:#fff;
    padding:0;
    border:none;
}
.contact-faq-wrapper .accordion-btn{
    width: 100%;
    background: transparent;
    border: none;
    padding: 24px 0;
    font-size: 18px;
    font-weight: 400;
    color: #0B2545;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.contact-faq-wrapper .accordion-btn .icon{
    font-size:20px;
    transition:0.3s;
}
.contact-faq-wrapper .accordion-btn[aria-expanded="true"] .icon{
    transform:rotate(180deg);
}
.contact-faq-wrapper .accordion-btn[aria-expanded="true"] .fa-plus:before{
    content:"\f00d";
}
.contact-faq-wrapper .card-body{
    padding: 20px 0;
    border-top: 1px solid #cac6c075;
}
.contact-faq-wrapper .card-body p{
    color: var(--white-darker);
    margin-bottom: 0;
}
.contact-faq-wrapper button:focus{
    outline: none !important; 
}
/*************************** hupspot imp page css **************************/
.hubspot-common-sec{
    background-image: url('../images/hubspot-imp/hc-sec-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 200px 0 210px;
}
.hc-sec-head {
    padding: 0 210px;
    margin-bottom: 60px;
}
.hc-sec-head h3 {
    font-weight: 700;
    margin-bottom: 10px;
}
.hc-sec-head p {
    color: var(--white-darker);
    margin-bottom: 0;
    padding: 0 60px;
}
.hc-sec-cards {
    margin-bottom: 50px;
}
.hc-sec-cards h5 {
    color: var(--blue-normal);
    padding: 0 320px;
    margin-bottom: 25px;
    font-weight: 600;
}
.hc-sec-card {
    background: rgba(18, 69, 126, 0.12);
    border-radius: 6px;
    padding: 34px 20px;
    height: 100%;
}
.hc-sec-card p{
    margin-bottom: 0;
    color: var(--blue-normal);
}
.hc-sec-foot p{
    margin-bottom: 0;
    color: var(--white-darker);
}
.hc-sec-foot p span{
    font-weight: 600;
}

.hubspot-common-sec2 {
    padding: 100px 0;
}
.hc-sec2-head{
    text-align: center;
}
.hubspot-common-sec2 h3 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    display: inline;
}
.hc-sec2-cards{
    margin: 40px 0;
}
.hc-sec2-card {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 50px 20px;
    text-align: center;
    position: relative;
    box-shadow: inset rgb(249 249 249 / 95%) 3px 3px 12px 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hc-sec2-card span {
    color: var(--blue-normal);
}
.hc-sec2-card-img {
    margin: 0 0 30px;
}
.hc-sec2-card-contnt h4 {
    color: var(--blue-normal);
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.1;
}
.hc-sec2-card-contnt p {
    color: var(--blue-normal);
    padding: 0 40px;
}
.hc-sec2-foot a{
    margin: 0 auto;
}

.hubspot-tabes-sec {
    padding: 50px 200px 100px;
}
.hst-sec-head {
    text-align: center;
    margin-bottom: 150px;
    padding: 0 310px;
}
.hst-sec-head h3 {
    font-weight: 700;
    margin-bottom: 0;
    display: inline;
}
.hubspot-tabes-sec .tabs.vertical .tab{
    border: none;
    position: relative;
    font-size: 27px;
    text-align: right;
    padding: 10px 40px 10px 80px;
}
.hubspot-tabes-sec .tabs.vertical .tab::before{
    content: '';
    position: absolute;
    right: -3px;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-radius: 30px;
}
.hubspot-tabes-sec .tabs.vertical .tab.active::before{
    background-color: var(--hubspot-orange);
}
.hubspot-tabes-sec .tab.active {
    font-weight: 600;
    color: var(--hubspot-orange);
}
.hubspot-tabes-sec .tabs-content {
    background: rgba(231, 236, 242, 0.22);
    border-radius: 6px;
    padding: 50px 40px;
    margin-left: 30px;
    height: 100%;
}
.hubspot-tabes-sec .tabs-content p{
    color: var(--blue-normal);
    margin-bottom: 50px;
    width: 380px;
}

.hst-sec-boxe{
  position: relative;
  border-radius: 35px;
  padding: 1px;
  background: radial-gradient(circle at center, #FF5C35 0%, #E358F0 100%);
  width: 100%;
}
.hst-sec-boxe span{
    background: var(--white-light-hover);
    border-radius: 35px;
    padding: 8px 20px;
    color: var(--white-darker);
    display: block;
    text-transform: uppercase;
    text-align: center;
}

.hst-sec-left {
    margin-top: 100px;
}
.hst-sec-left h3{
    font-weight: 700;
    display: inline;
}
.hubspot-timeline-list{
    list-style: none;
}
.hst-item{
    position: relative;
    padding: 0 0 50px 50px;
}
.hst-item::before{
    content:"";
    position:absolute;
    left: -14px;
    top: 54px;
    width: 30px;
    height: 30px;
    border-radius:50%;
    background: var(--blue-light-hover);
    z-index: 9;
}
.hst-item::after{
    content: "";
    position: absolute;
    left: 0;
    top: 57px;
    width: 2px;
    height: 100%;
    background: var(--blue-light-hover);
}
.hst-item:last-child::after{
    content: none;
}
.hst-item.active::before{
    background:#ff5c35;
}
.hst-item.active::after{
    background:#ff5c35;
}
.hst-item .item-inner{
    opacity:.35;
    transition:.4s;
}
.hst-item.active .item-inner{
    opacity:1;
}
.hst-item h4{
    margin: 0 0 8px;
    color: var(--blue-dark);
    font-weight: 600;
}
.hst-item p{
    margin: 0;
    color: var(--white-darker);
}

.hubspot-common-sec3{
    padding: 150px 0;
}
.hsc-sec3-box{
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 40px 20px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 6%) 0px 2px 74px 0px;
    height: 100%;
}
.hsc-sec3-box img{
    width: 85px;
    margin-bottom: 35px;
}
.hsc-sec3-box h5{
    color: var(--blue-normal);
    margin-bottom: 15px;
    font-weight: 600;
}
.hsc-sec3-box a{
    width: 100%;
    justify-content: center;
}
.hs-imp-proof-action.proof-action-sec::before{
    background-image: url('../images/hubspot-imp/proof-action-per3.png');
}
.hs-imp-proof-action .pa-sl-box{
    align-items: center;
    padding: 22px 40px;
    text-align: center;
}
.hs-imp-proof-action .pa-sl-box h3{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
}
.hs-imp-proof-action .pa-sec-right p.fs-regular{
    padding: 0 220px 0 0;
}
.hs-imp-cta-sec.cta-day-sec::before{
    background-image: url('../images/hubspot-imp/cta-day-person.png');
}
.hs-imp-cta-sec.cta-day-sec h1{
    font-size: 86px;
}
.hs-imp-cta-sec.cta-day-sec p{
    padding: 0 390px 0 0;
}
/* hubspot optimizatiob */
.hubspot-opt-sec2 .hc-sec-foot p span {
    font-size: 24px;
    display: block;
}
.hubspot-opt-sec3 .hc-sec2-foot {
    text-align: center;
}
.hubspot-opt-sec3 .hc-sec2-foot p {
    margin-bottom: 0;
    color: var(--white-darker)
}
.hubspot-opt-sec3 .hc-sec2-foot a {
    margin: 20px auto 0;
}
.hubspot-opt-sec7.proof-action-sec::before{
    background-image: url('../images/hubspot-opt/proof-action-per4.png');
}
.hubspot-opt-sec7 .pa-sl-box{
    align-items: center;
    padding: 22px 40px;
    text-align: center;
}
.hubspot-opt-sec7 .pa-sl-box h3{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
}
.hubspot-opt-sec7 .pa-sec-right p.fs-regular{
    padding: 0 80px 0 0;
}
.hubspot-opt-sec6 .rl-sec5-list li {
    padding: 12px 20px 10px;
}
.hubspot-opt-sec6 .rl-sec5-list li img {
    width: 48px;
}
.hubspot-opt-sec6 .rl-sec5-content h3{
    margin-bottom: 0;
}
.rl-sec5.hubspot-opt-sec6{
    padding: 300px 100px 100px;
}
.pa-sec-left {
    padding-right: 20px;
}
/*  */
.hubspot-mng-sec6.proof-action-sec::before{
    background-image: url('../images/hubspot-mng/proof-action-per.png');
}
.hubspot-mng-sec6 .pa-sl-box{
    align-items: center;
    padding: 22px 40px;
    text-align: center;
}
.hubspot-mng-sec6 .pa-sl-box h3{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
}
.hubspot-mng-sec6 .pa-sec-right p.fs-regular{
    padding: 0 80px 0 0;
}
.cta-day-sec.hubspot-opt-sec9::before{
    background-image: url('../images/hubspot-mng/cta-day-person.png');
    height: 489px;
    width: 760px;
}
.cta-day-sec.hubspot-opt-sec9 h1{
    font-size: 80px;
}
.pricing-sec {
    padding: 130px 0;
}

.pricing-sec-head {
    text-align: center;
    margin-bottom: 100px;
}

.pricing-sec-head .grad-blue-to-purple {
    font-weight: 700;
    display: inline-block;
    margin: 0 0 15px;
}

.pricing-sec-head p {
    margin: 0;
    color: var(--white-darker);
}
.pricing-box h4 {
    color: var(--blue-normal);
    font-weight: 600;
    line-height: 1.1;
}
.pricing-box p {
    font-weight: 500;
    font-size: 16px;
    color: var(--white-darker);
    margin-bottom: 5px;
}
.pricing-box {
    padding-right: 90px;
}
.pricing-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricing-box ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 7px 0;
}
.pricing-box ul li img {
    width: 15px;
}
.pricing-box ul li p {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}


.pricing-tags {
    text-align: center;
    margin-top: 50px;
}
.pricing-tags p {
    margin: 0;
    font-weight: 400;
    color: var(--white-darker);
}
.pricing-tag {
    list-style: none;
    padding: 0;
    margin: 25px 150px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-flow: wrap;
    column-gap: 90px;
    row-gap: 35px;
}
.pricing-tag li {
    background: #b6c5d752;
    color: var(
    --blue-normal);
    font-size: 12px;
    padding: 6px 40px;
    text-transform: uppercase;
}
.pricing-tags-content h5 {
    font-weight: 600;
    color: var(--white-darker);
    margin-bottom: 2px;
}
/*  */
.about-banner .inner-banner-content h4 {
    color: var(--white-darker);
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 5px;
}
.about-cta-sec.cta-day-sec::before{
    background-image: url('../images/hubspot-imp/cta-day-person.png');
}
.about-cta-sec h1 {
    font-size: 80px;
}
.as-sl-pill{
  position: relative;
  border-radius: 35px;
  padding: 1px;
  background: radial-gradient(circle at center, #E358F0 0%, #B6C5D7 100%);
  width: max-content;
}
.as-sl-pill span{
    background: #fff;
    border-radius: 35px;
    padding: 8px 20px;
    color: #000000;
    display: inline-block;
    text-transform: uppercase;
}
.about-sec2-left h3 {
    font-weight: 700;
    margin: 10px 0 20px;
    display: inline-block;
}
.about-sec2-left p {
    color: var(--white-darker);
    font-weight: 400;
    font-size: 16px;
}
.about-sec2-left p b {
    color: var(--blue-normal);
}
.about-sec2-left p i {
    color: var(--blue-normal);
    display: block;
}
.about-sec2-left {
    padding-right: 100px;
}
.as-right-img img {
    width: 347px;
    height: 425px;
}
.as-right-content h4 {
    font-weight: 600;
    color: var(--blue-normal);
    margin-bottom: 2px;
}
.as-right-content {
    margin-top: 20px;
    position: relative;
}
.as-right-content p {
    margin-bottom: 0;
    color: var(--white-darker);
}
.about-sec2 {
    padding: 100px 0;
}
.as-right-content::before {
    content: '';
    position: absolute;
    top: -25px;
    right: -15px;
    width: 80px;
    height: 85px;
    background-image: url('../images/about/arrow-top.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.about-sec3 {
    background-color: rgba(182, 197, 215, 0.7);
    padding: 100px 0 50px;
}
.about-sec3 .tabs-nav{
    border: none;
    justify-content: space-between;
    gap: 20px;
}
.about-sec3 .tab{
    border: none;
    position: relative;
    width: max-content;
    font-weight: 600;
    font-size: 36px;
    padding: 0;
    color: var(--white-darker);
}
.about-sec3 .tab::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #12457E 0%, #E358F0 100%);
    border-radius: 100px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
}
.about-sec3 .tab.active::before{
    visibility: visible;
    opacity: 1;
}
.about-sec3 .tabs-content {
    margin-top: 50px;
}
.tab-panel-left .tp-left-tag {
    padding: 0px 52px;
    background-color: var(--blue-normal);
    color: #fff;
    border-radius: 35px;
    font-weight: 600;
    font-size: 36px;
}
.tab-panel-left {
    display: flex;
    align-items: center;
}
.tab-panel-left img {
    flex: 1;
    width: 200px;
    height: 159px;
}
.tab-panel-right {
    padding-left: 80px;
}
.tab-panel-right h4 {
    font-weight: 600;
    font-size: 36px;
    color: var(--white-darker);
    line-height: 1;
    margin-bottom: 10px;
}
.tab-panel-right p {
    font-weight: 400;
    font-size: 16px;
    color: var(--white-darker);
}
.about-sec4{
    position: relative;
    padding: 170px 0px;
    margin: 0 200px;
}
.about-sec4::before{
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    background-image: url('../images/about/sec4-right-img.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 270px;
    height: 270px;
}
.about-sec4::after{
    content: '';
    position: absolute;
    bottom: 80px;
    left: 40px;
    background-image: url('../images/about/sec4-left-img.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 270px;
    height: 270px;
}
.about-sec4-inner{
    background-image: url('../images/about/sec4-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-radius: 12px;
    height: 700px;
    width: 1280px;
    margin: 0 auto;
}

.about-sec5 {
    padding: 0 0 80px;
}
.about-sec5-head {
    text-align: center;
    margin-bottom: 50px;
}
.about-sec5-head h3 {
    font-weight: 700;
    display: inline-block;
}
.about-sec5-box {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 21px;
    position: relative;
    padding: 1px;
    background: radial-gradient(circle at center, #E358F0 0%, #B6C5D7 100%);
    height: 100%;
}
.about-sec5-box-inner {
    display: inline-block;
    padding: 30px;
}
.as5-box-img {
    width: 69px;
    height: 69px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue-light);
}
.as5-box-img img {
    width: 46px;
}
.about-sec5-box h5 {
    margin: 25px 0 100px;
    font-weight: 600;
    color: var(--blue-normal);
}
.as5-box-inner {
    display: inline-block;
    padding: 30px;
    border-radius: 20px;
    background: #fff;
    height: 100%;
}
.about-sec5-box p {
    margin: 0;
    color: var(--white-darker);
}

.about-sec6.find-revenue-sec::before {
    top: 145px;
    right: 305px;
    width: 280px;
    height: 280px;
}
.about-sec6.find-revenue-sec::after {
    width: 280px;
    height: 280px;
    bottom: 105px;
}

.about-sec7 {
    padding: 80px 60px;
    position: relative;
}
.about-sec7::before{
    content: '';
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
}
.about-sec7::after{
    content: '';
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99;
    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
}
.about-sec7 .oc-sec-card{
    border-radius: 10px;
}

.about-sec8 {
    padding: 0 0 100px;
}
.about-sec8-head {
    text-align: center;
    margin-bottom: 80px;
}          
.about-sec8-head h3 {
    display: inline-block;
    font-weight: 700;
    margin: 0;
}
.about-sec8-head h5 {
    color: var(--white-darker);
    margin: 15px 0;
    font-weight: 600;
}
.about-sec8-head p {
    color: var(--white-darker);
    padding: 0 300px;
}
.our-team-box {
    height: 380px;
    position: relative;
    border-radius: 20px;
}
.our-team-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.ot-box-content {
    position: absolute;
    background: radial-gradient(circle at center, #E358F0 0%, #B6C5D7 100%);
    height: 100%;
    padding: 1px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 19px;
}
.our-team-box:hover .ot-box-content{
    opacity: 1;
    visibility: visible;
}
.ob-content-inner{
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px;
    border-radius: 18px;
}
.ot-box-content h6 {
    margin-bottom: 4px;
    color: var(--white-darker);
}
.ot-box-content h5 {
    margin-bottom: 80px;
    color: var(--blue-normal);
    font-weight: 600;
}
.ot-box-content p {
    margin-bottom: 0;
    color: var(--white-dark-hover);
    line-height: 1.4;
}

section.about-sec9 {
    padding: 0 220px 100px;
}
.about-sec9-box {
    text-align: center;
    position: relative;
    padding: 0 40px;
}
.about-sec9-box img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    border-radius: 20px;
}
.about-sec9-box img.as9-box-hl {
    position: absolute;
    top: -20px;
    right: -5px;
    width: auto;
    height: auto;
}
.about-sec9-box h4 {
    font-weight: 600;
    font-size: 32px;
    color: var(--blue-normal);
    padding: 30px 45px 0;
    line-height: 1.1;
}
.about-sec9-head{
    text-align: center;
    margin-bottom: 40px;
}
.about-sec9-head h3{
    display: inline-flex;
    margin-bottom: 0;
    font-weight: 700;
}
.about-sec9 .inner-banner-boxes {
    padding: 0 100px;
}
.about-sec9 .inner-banner-boxe {
    text-align: center;
    padding: 22px 20px;
}
.about-sec9 .inner-banner-boxe p {
    font-size: 27px;
}
.about-sec9 .inner-banner-boxe h4 {
    font-size: 47px;
    font-weight: 700;
}

.about-sec10{
    padding: 80px 80px 100px;
}
.about-sec10-left h3{
    display: inline-flex;
    font-weight: 700;
}
.as-tr-box{
    border-radius: 10px;
    background-color: #0B2545;
    padding: 50px 40px 80px;
}
.as-tr-box:nth-child(even){
    background-color: var(--blue-normal);
}
.as-tr-box h4{
    color: var(--white-light);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 50px;
    padding-right: 210px;
}
.as-tr-box p{
    color: var(--white-light);
    margin-bottom: 0;
}
/*  */
.outcomes-tab-sec {
    backdrop-filter: blur(34px);
    background: rgb(182 197 215 / 70%);
    text-align: center;
    padding: 70px 200px 50px;
    position: relative;
    margin-bottom: 50px;
}
.outcomes-tab-sec::before{
    content: '';
    position: absolute;
    top: -150px;
    right: 80px;
    width: 280px;
    height: 280px;
    background-image: url('../images/outcome/arrow-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.oc-tab-sec-head h3 {
    font-weight: 700;
    margin-bottom: 30px;
    display: inline-block;
}
.oc-tab-sec-head p {
    margin: 0;
    color: var(--white-darker);
}
.oc-tab-sec-head {
    margin-bottom: 50px;
}
.oc-sec-tabes .tabs-nav {
    border: 1px solid var(--blue-normal);
    border-radius: 45px;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}
.oc-sec-tabes .tab.active {
    background-color: var(--blue-normal);
    color: #fff;
    border-radius: 50px;
}
.oc-sec-tabes .tab {
    width: max-content;
    font-size: 27px;
    font-weight: 400;
    color: var(--white-darker);
    border: none;
    text-transform: capitalize;
    flex: 1;
    text-align: center;
    padding: 11px;
}
.oc-sec-tabes.tabs {
    margin: 60px 0;
}
.oc-st-pill {
    background: linear-gradient(90deg,rgba(18, 69, 126, 1) 0%, rgba(227, 88, 240, 1) 100%);
    padding: 1px;
    border-radius: 35px;
    margin-bottom: 30px;
}
.oc-st-pill span {
    background: var(--white-light-hover);
    display: block;
    border-radius: 35px;
    padding: 7px;
    font-size: 16px;
    color: var(--white-darker);
}
.oc-sec-tabes .tabs-content {
    padding: 60px 0 0;
}
.oc-tab-sec-foot {
    padding: 0 200px;
}
.oc-tab-sec-foot h4 {
    font-weight: 600;
    color: var(--blue-normal);
    margin-bottom: 10px;
}
.oc-tab-sec-foot a {
    margin: 25px auto 0;
}
.oc-tab-sec2.outcomes-tab-sec{
    background: rgb(227 223 216 / 30%);
}
.oc-tab-sec2.outcomes-tab-sec::before{
    background-image: url('../images/outcome/s-blur.png');
    right: unset;
    left: 80px;
}
.outcomes-tab-sec .tp-tow-column{
    padding: 0 250px;
}
.oc-tab-sec3.outcomes-tab-sec::before{
    background-image: url('../images/outcome/c-blur.png');
}
.oc-tab-sec4.outcomes-tab-sec{
    background: rgb(227 223 216 / 30%);
}
.oc-tab-sec4.outcomes-tab-sec::before{
    background-image: url('../images/outcome/pink-arrow-blur.png');
    right: unset;
    left: 80px;
}
.oc-tab-sec5.outcomes-tab-sec::before{
    background-image: url('../images/outcome/blue-s-blur.png');
}
.oc-tab-sec5.outcomes-tab-sec::after{
    content: '';
    position: absolute;
    bottom: -160px;
    left: 80px;
    width: 280px;
    height: 280px;
    background-image: url('../images/outcome/pink-c-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.reviews-sec.oc-sec6 {
    padding: 130px 250px 200px;
}

.oc-sec7{
    padding: 100px 0;
    background: linear-gradient(180deg,rgba(18, 69, 126, 0.3) 0%, rgba(227, 88, 240, 0.3) 100%);
}
.oc-sec7-tags {
    text-align: center;
}
.oc-sec7-tags h3{
    display: inline-flex;
    margin-bottom: 20px;
    font-weight: 700;
}
.oc-sec7-tags p {
    margin: 0;
    font-weight: 400;
    color: var(--white-darker);
}
.oc-sec7-tag {
    list-style: none;
    padding: 0;
    margin: 50px 150px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-flow: wrap;
    column-gap: 40px;
    row-gap: 35px;
}
.oc-sec7-tag li {
    background: #ffffff57;
    color: var(--blue-normal);
    font-size: 12px;
    padding: 6px 40px;
    text-transform: uppercase;
}
.oc-sec7-content h5 {
    color: var(--blue-normal);
    margin-bottom: 0;
    font-weight: 400;
}
.oc-sec7-content h5 b {
    font-weight: 600;
}
.oc-cta-sec .rl-sec4-big-img img{
    height: 400px;
}
.oc-cta-sec .rl-sec4-img-boxes{
    margin-top: 30px;
}
.oc-cta-sec.cta-day-sec::before{
    background-image: url('../images/cta-day-person.png');
}
.oc-cta-sec.cta-day-sec h1{
    font-size: 80px;
}
/*  */
.case-study-sec{
    background-image: url(../images/case-study/case-study-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 180px;
    text-align: center;
}
.case-study-sec h3 {
    display: inline-flex;
    font-weight: 700;
    margin: 150px 0;
}
.case-study-box img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.case-study-box {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 30px;
}
.case-study-box-cnt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    color: #fff;
    background: rgb(0 0 0 / 45%);
    padding: 0 72px 30px;
}
.case-study-box-cnt::before {
    content: '';
    position: absolute;
    bottom: 63px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffffa6;
}
.case-study-box-cnt p {
    margin: 0;
}
.case-study-box-cnt h5 {
    margin-bottom: 25px;
}
/*  */
.cs-one-banner{
    background-image: url(../images/case-study/case-study-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 200px 100px 0;
    text-align: center;
}
.cs-one-banner-wrapper {
    position: relative;
}
.cs-one-banner-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    height: 700px;
}
.cs-ob-wrap-box {
    background-color: var(--blue-light);
    width: max-content;
    padding: 35px 50px;
    border-radius: 20px;
    position: absolute;
    bottom: -128px;
    left: 50%;
    transform: translateX(-50%);
}
.cs-ob-wrap-box h3 {
    font-weight: 700;
    margin-bottom: 25px;
}
.cs-ob-wrap-box h5 {
    font-weight: 400;
    color: var(--white-darker);
}
.case-study1-wrapper{
    background-color: rgb(182 197 215 / 10%);
    margin-top: -200px;
    padding-top: 300px;
}
.cs-ob-sec {
    text-align: center;
    padding: 50px 0 50px;
    position: relative;
}
.cs-ob-sec::before{
    content: '';
    position: absolute;
    top: 35px;
    left: 320px;
    width: 280px;
    height: 280px;
    background-image: url('../images/case-study1/s-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.cs-ob-sec::after{
    content: '';
    position: absolute;
    bottom: -100px;
    right: 200px;
    width: 350px;
    height: 350px;
    background-image: url('../images/case-study1/arrow-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.cs-ob-sec .row > div{
    margin-bottom: 35px;
}
.case-study1-head h3 {
    color: var(--blue-normal);
    margin: 0;
    font-weight: 600;
}
.case-study1-head h5 {
    color: var(--blue-normal);
    margin: 12px 0 20px;
    font-weight: 400;
}
.case-study1-head p {
    color: var(--white-darker);
    margin: 0;
}
.case-study1-head {
    padding: 0 130px;
    margin-bottom: 35px;
}
.cs-ob-box {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 21px;
    position: relative;
    padding: 1px;
    background: linear-gradient(145deg,rgba(18, 69, 126, 1) 32%, rgba(123, 78, 183, 1) 78%, rgba(227, 88, 240, 1) 100%);
    height: 100%;
}
.cs-ob-box-inner {
    padding: 48px;
    border-radius: 20px;
    background: #fff;
    height: 100%;
    width: 100%;
}
.cs-ob-bi-img {
    width: 69px;
    height: 69px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue-light);
    margin: 0 auto;
}
.cs-ob-bi-img img {
    width: 46px;
}
.cs-ob-box h5 {
    margin: 30px 0 20px;
    font-weight: 600;
    color: var(--blue-normal);
}
.cs-ob-box p {
    margin: 0;
    color: var(--white-darker);
}
.cs-ob-sec2.cs-ob-sec::before{
    content: none;
}
.cs-ob-sec2.cs-ob-sec::after{
    background-image: url(../images/case-study1/c-blur.png);
    left: 200px;
}
.cs-ob-sec3.cs-ob-sec::before{
    content: none;
}
.cs-ob-sec3.cs-ob-sec::after{
    background-image: url(../images/case-study1/pink-arrow-blur.png);
}
.cs-one-imp{
    text-align: center;
}
.cs-oi-boxs{
    padding: 0 60px;
}
.cs-oi-box {
    background: rgba(18, 69, 126, 0.12);
    border-radius: 20px;
    padding: 36px;
    text-align: left;
    color: var(--blue-normal);
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 8px 0px inset, rgb(255 255 255 / 10%) -3px -3px 6px 1px inset;
    height: 100%;
}
.cs-oi-box h6 {
    font-weight: 600;
    margin-bottom: 15px;
}
.cs-oi-box ul {
    margin: 0;
    padding-left: 30px;
}
.cs-oi-box ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
.cs-oi-box ul li:last-child{
    margin-bottom: 0;
}
.cs-oi-boxs .row > div{
    margin-bottom: 30px;
}
.cs-ob-sec4.cs-ob-sec::before{
    content: none;
}
.cs-ob-sec4.cs-ob-sec::after{
    content: none;
}

.cs-one-testimonial {
    text-align: center;
    position: relative;
    padding: 0 0 80px;
}
.cs-one-testimonial::before{
    content: '';
    position: absolute;
    top: 30px;
    left: 410px;
    width: 300px;
    height: 300px;
    background-image: url('../images/case-study1/blue-s-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.cs-one-testimonial::after{
    content: '';
    position: absolute;
    bottom: 50px;
    right: 380px;
    width: 300px;
    height: 300px;
    background-image: url('../images/case-study1/s-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.cs-one-testimonial h3 {
    color: var(--blue-normal);
    margin: 0;
    font-weight: 600;
    margin-bottom: 30px;
}
.cs-ot-box {
    padding: 0 230px;
}
.cs-ot-box img{
    opacity: 50%;
    width: 215px;
}
.cs-ot-icon-top img {
    transform: rotate(180deg);
}
.cs-ot-box p {
    margin: 50px 0;
    color: var(--white-darker);
}
.cs-one-work-sec {
    text-align: center;
    position: relative;
}
.cs-one-work-sec::after{
    content: '';
    position: absolute;
    bottom: -100px;
    right: 230px;
    width: 300px;
    height: 300px;
    background-image: url('../images/case-study1/pink-c-blur.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.cs-one-work-sec .row > div{
    margin-bottom: 30px;
}
.cs-ow-box {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    position: relative;
    padding: 1px;
    background: linear-gradient(145deg, rgba(18, 69, 126, 1) 32%, rgba(123, 78, 183, 1) 78%, rgba(227, 88, 240, 1) 100%);
    height: 100%;
    overflow: hidden;
}
.cs-ow-box-innr {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 30px;
}
.cs-ow-box img {
    width: 100%;
    height: 145px;
    object-fit: cover;
    border-radius: 20px;
}
.cs-ow-box-innr h5 {
    font-weight: 600;
    margin: 20px 0;
    color: var(--blue-normal);
}
.cs-ow-box-innr p {
    font-size: 14px;
    color: var(--white-darker);
    margin: 0;
}
.cs-ob-sec5 .case-study1-head h3 {
    margin-bottom: 25px;
}
.cs-ob-sec5.cs-ob-sec::before{
    content: unset;
}
.cs-ob-sec5.cs-ob-sec::after{
    content: unset;
}
.cs-ob-sec.cs-ob-sec5 {
    padding: 20px 0 100px;
}
.cs-one-cta-sec.cta-day-sec h1{
    font-size: 84px;
}
/* status pages css */
.page-status-sec{
    background-image: url('../images/inner-banner-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 150px 0 100px;
}
.ps-sec-cntnt {
    text-align: center;
}
.ps-sec-cntnt a {
    margin: 0 auto;
}
.ps-sec-cntnt h3 {
    color: #0D0D0D;
    margin: 60px 0 10px;
    font-weight: 700;
}
.ps-sec-cntnt img {
    width: 400px;
}
.ps-sec-cntnt p {
    color: #808080;
    padding: 0 210px;
    margin-bottom: 50px;
}
.page-status-sec.under-main-sec {
    padding: 200px 0 170px;
}
.um-sec-content{
    text-align: center;
}
h4{
    color: #1D191E;
    font-weight: 600;
    margin-bottom: 0;
}
.um-sec-timer{
    font-size: 47px;
    font-weight: 400;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #1D191E;
}
.um-sec-timer span{
    display:inline-block;
    width:55px;
}
.um-sec-timer b{
    margin:0 8px;
    font-weight:400;
}
.um-sec-info{
    font-size: 16px;
    margin-bottom: 0;
    color: #1D191E;
    padding: 0 160px;
}
.um-sec-illustrat img{
    width: 100%;
    margin: 50px 0;
    object-fit: contain;
}
.um-sec-email{
    width: 560px;
    margin:auto;
    border:1px solid #cfd6e2;
    border-radius:6px;
    background:#fff;
    height: 72px;
    display: flex;
    align-items: center;
    padding: 10px;
}
.um-sec-email input{
    flex: 1;
    border: none;
    padding: 0;
    outline: none;
}
.um-email-btn{
    height: 100%;
    padding: 0 13px;
}
.notify-btn.blue-btn{
    margin: 30px auto 0;
}
.page-status-sec.coming-soon-sec{
    padding: 250px 0 200px;
}
.cs-sec-img img{
    width: 100%;
    object-fit: contain;
}
.cs-sec-cntnt h3{
    font-weight: 700;
    color: var(--blue-dark);
    margin-bottom: 15px;
}
.cs-sec-cntnt p{
    color: var(--white-darker);
    margin-bottom: 0;
}
.cs-sc-email-box{
    display :flex;
    width: 100%;
    border: 1px solid var(--blue-light-active);
    margin: 50px 0 40px;
    height: 45px;
    border-radius: 8px;
}
.cs-sc-email-box input{
    color: var(--white-darker);
    flex: 1;
    padding: 14px;
    border: none;
    outline: none;
    background: transparent;
}
.cs-sc-email-box a{
    width: 130px;
    cursor: pointer;
    height: 100%;
    border-radius: 0 6px 6px 0;
}
.cs-sc-timer{
    display: flex;
    gap: 25px;
}
.cs-sc-time{
    text-align: center;
}
.cs-sc-time span{
    font-size: 47px;
    color: #1D191E;
    border: 1px solid var(--blue-light-active);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}
.cs-sc-time small{
    color: var(--white-darker);
    margin-top: 5px;
    font-size: 16px;
    display: inline-block;
}
/* blog css */
.blogs-sec {
    background-image: url(../images/inner-banner-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 300px 300px 100px;
}
.filter-wrapper h5{
    margin-bottom: 20px;
    color: var(--black-darker);
    font-weight: 400;
}
.filter {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
}
.filter label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 16px;
    color: #2b1b1b;
}
.filter input {
    display: none;
}
.filter .radio-design {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #2b0000;
    position: relative;
    transition: 0.3s ease;
}
.filter input:checked + .radio-design {
    background: #2b0000;
}
.filter input:checked + .radio-design::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f2eaea;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blogs-sec-head h3 {
    font-weight: 700;
    color: var(--black-darker);
    margin: 0;
    padding: 0 100px 0 0;
}
.blogs-sec-head p {
    color: var(--white-darker);
    margin: 0;
}
.blogs-sec-head {
    margin-bottom: 60px;
    border-bottom: 1px solid var(--blue-light);
    padding-bottom: 50px;
}
.blog {
    border: 1px solid #E7ECF2;
    border-radius: 20px;
    padding: 20px;
}
.blog-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
}
.blog-content span.fs-caption {
    background-color: var(--blue-dark);
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.blog-content {
    margin-top: 20px;
}
.blog-content h5 {
    color: var(--black-darker);
    margin: 15px 0 22px;
    font-weight: 400;
}
.blog-info {
    display: flex;
    align-items: center;
    gap: 15px;
}
.blog-info .bi-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-info img {
    width: 12px;
}
.blog-info p {
    margin: 0;
    color: var(--white-darker);
}