.api-main-body-div {
    margin: 0;
}
.api-main-body-div > .wpb_column > .vc_column-inner,
.api-main-body-div > .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row,
.api-main-body-div > .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row > .wpb_column > .vc_column-inner{
    padding: 0;
}
.imgBox > .vc_column-inner {
    padding: 0;
}
h2.fst-heading2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: math-auto;
    font-size: 46px;
    text-align: center;
}
/*   --- header CSS start  -------  */

  div#wrapper-navbar.shrink {
    border: 1px none var(--black-10) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    background-color: #ffffff00 !important;
}
div#wrapper-navbar:not(.shrink) .navbar-fixed-top img.img-fluid {
    filter: unset !important;
}
body .navbar-nav a.nav-link {
    color: #000 !important;
}


/*   ---   Header CSS end -----  */


.container{
    max-width:1240px !important;
}

.api-main-body-div {
  position: relative;
  z-index: 0;
  padding: 150px 15px 60px 15px;
}

/*.api-main-body-div {*/
/*    background-image: url(https://trackme.host/w3speedup-new/wp-content/uploads/2025/06/lines-very-low.png);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

.api-main-body-div::before, .imageBox-main-div::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right:0;
  width: 100%;
  height: 100%;
  max-width: 1240px;
  background-image: 
    radial-gradient(at 27% 37%, #fd3abf 0, transparent 0),
    radial-gradient(at 97% 21%, #72fe7d 0, transparent 50%),
    radial-gradient(at 52% 99%, #fd3a4e 0, transparent 50%),
    radial-gradient(at 10% 29%, #855afc 0, transparent 50%),
    radial-gradient(at 97% 96%, #e4c795 0, transparent 50%),
    radial-gradient(at 33% 50%, #8ca8e8 0, transparent 50%),
    radial-gradient(at 79% 53%, #eea5ba 0, transparent 50%);
  filter: blur(100px) saturate(150%);
  opacity: 0.15;
  pointer-events: none;
}

.api-main-body-div::before{
    top: 80px;
}

.imageBox-main-div::before{
    top: 680px;
}


h1.fst-heading {
    font-family: 'Montserrat', sans-serif !important;;
    font-weight: 800 !important;
    text-transform:math-auto;
    font-size:52px;
    text-align: center;
}


p.subText {
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
}

p.anchorP {
    text-align: center;
}
p.anchorP a {
    padding: 12px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    background: #000;
    color: #fff;
    font-size: 18px;
}



.imgBox {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 5px 4px 50px 0px rgba(0, 0, 0, 0.07058823529411765);
}
.imageBox-inside-div .vc_column-inner .wpb_wrapper .vc_row.wpb_row.vc_inner.vc_row-fluid {
    display: flex;
    gap: 20px;
}

.imageBox-desp {
    margin-bottom: -0;
}
.imageBox-headline {
    margin-bottom: 15px;
}

figure.wpb_wrapper.vc_figure:before {
    content: "";
    position: absolute;
    background: linear-gradient(50deg, #b0ddff, transparent);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    left: -30px;
    top: -10px;
    transition:0.3s ease-in-out;
}

figure.wpb_wrapper.vc_figure{
    position:relative;
    left:25px;
}
figure.wpb_wrapper.vc_figure img{
    width:26px;
    height:26px;
    object-fit:contain;
    z-index: 2;
    position: relative;
}
p.imageBox-heading {
    font-weight: 700;
}

.imageBox-main-div {
    padding: 20px 15px 60px;
}
.imgBox-inner-Div {
    padding-bottom: 20px;
}


/* ----   Box Hover CSS  -------------  */



:root {
  --gradient: conic-gradient(
    from 90deg at 50% 50%,
    rgb(251, 55, 60),
    rgba(252, 114, 28, 1),
    rgba(255, 220, 0, 1),
    rgba(27, 206, 255, 1),
    rgba(42, 107, 255, 1),
    rgba(217, 41, 255, 1),
    rgba(255, 10, 92, 1)
  );
}

.imgBox {
  --start: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  border-radius: 14px;
  transition: border-color 0.3s ease-in-out;
}
.imgBox::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 2px solid transparent;
  background: var(--gradient);
  background-attachment: fixed;
  mask: linear-gradient(#0000, #0000),
    conic-gradient(
      from calc((var(--start) - (20 * 1.1)) * 1deg),
      #ffffff1f 0deg,
      white,
      #ffffff00 100deg
    );
  mask-composite: intersect;
  mask-clip: padding-box, border-box;
  opacity: 0;
  transition: 0.5s ease;
}

.imgBox:hover::before {
  opacity: 0.6;
}
figure.wpb_wrapper.vc_figure img {
    position: relative;
    left: 0; 
    transition: left 0.3s ease-in-out;
}
.imgBox:hover figure.wpb_wrapper.vc_figure img {
    left: -15px;
}

.price-container {
    max-width: 1360px !important;
}
.pricy_newcrd_btn a {
    padding: var(--px12) !important;
}

p.anchorP a:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fff9 !important;
    outline: 1px solid #000 !important;
    color: #000;
}
.banner-flow-icons {
    margin-top: -250px;
    z-index: -1;
    position: relative;
}
@media(max-width:767px){
    .imageBox-inside-div .vc_column-inner .wpb_wrapper .vc_row.wpb_row.vc_inner.vc_row-fluid {
        flex-direction: column;
    }
    .imgBox-inner-Div.vc_row:after, 
    .imgBox-inner-Div.vc_row:before {
        display: none !important;
    }
    .banner-flow-icons {
        margin-top: 0px;
    }
    h1.fst-heading {
        font-size: 38px;
        text-align: center;
    }
   
    h2.fst-heading2 {
        font-size: 32px;
    }
}
@media(min-width:768px) and (max-width:1024px){
    h1.fst-heading {
        font-size: 46px;
    }
    .banner-flow-icons {
        margin-top: -180px;
    }
    .pricy_newcrd_btn {
        margin-top: 0;
    }
    .pricing-card.price-basic {
        height: auto;
    }
    h2.fst-heading2 {
        font-size: 40px;
    }
    .pricing-main-div-parent > .wpb_column {
        width: 100%;
        max-width: 350px;
    }
    .price-container:before, .price-container .vc_column-inner:before,
    .price-container:after, .price-container .vc_column-inner:after {
        display: none !important;
    }
    .shrink {
        height: 70px;
    }
}
@media(max-width:1024px){
     p.subText, p.anchorP a {
        font-size: 16px;
    }
    .pricing-main-div-parent.api-page .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper {
        display: flex;
        justify-content: center;
    }
    
}
@media(max-width:1299px){
    span.navbar-toggler-icon, span.navbar-toggler-icon:before, span.navbar-toggler-icon:After {
        background: #000000b8 !important;
    }
}