@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {
    font-family: 'Outfit', sans-serif !important;
}
  

.container {
    /* max-width: 1230px !important; */
    max-width: 1125px !important;
    margin: 0 auto;
}



/* Header CSS */
.header-top {
    background-color: #005FA0;
    padding: 8px 0px;
}
.icons-email.main {
    display: flex;
    justify-content: space-between;
}
.icon-box-left {
    display: flex;
    gap: 20px;
}
.icon-box-right {
    display: flex;
    gap: 20px;
}
.icon-box-right a img {
    margin-right: 10px;
}
.icon-box-right span {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.icon-box-right a {
    text-decoration: none;
}
.header-bottom ul li a {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
}
.header-bottom ul.dropdown-menu.show {
    border: none;
    border-radius: 1px;
    padding: 20px 45px 20px 20px;
    left: 0;
    top: 77px;
}
.header-bottom .dropdown-submenu ul.dropdown-menu.show {
    top: 37px;
    left: 248px;
}
.header-bottom .dropdown-menu li {
    padding: 0px 0px 7px 0px;
}
.header-bottom .dropdown-item.active, .header-bottom .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}
.header-bottom .dropdown-submenu ul.dropdown-menu.shadow {
    box-shadow: none !important;
    border: none;
    border-radius: 1px;
    padding: 20px 40px 20px 20px;
    top: 24px;
}
.header-bottom .dropdown-submenu .dropdown-toggle::after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid black;
    margin-left: 0.5em;
    vertical-align: middle;
}
.header-bottom .dropdown-item:hover, .header-bottom .dropdown-item:focus {
    background-color: transparent;
}
/* Multilevel Dropdown Support for header menu starts */
/* .dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    display: none;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}   */
/* Hide submenu by default */


/* Hide all dropdown menus by default */
.dropdown-menu {
    display: none;
}

/* Show dropdown menus when .show class is added */
.dropdown-menu.show {
    display: block;
    position: absolute;
    left: 100%; /* Ensures submenus appear to the right */
    top: 0;
    z-index: 1050; /* Keep it above other elements */
}




/* Multilevel Dropdown Support for header menu ends */
.header-bottom .navbar-nav {
    margin-left: 95px;
    display: flex;
    gap: 12px;
}
.gradient-button {
    /* background: linear-gradient(to right, #ff0000, #ff7e00); */
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    color: white;
    font-size: 18px;
    font-family: 'Outfit', sans-serif;
    padding: 11px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 300;
}
  
  /* Hover Effect */
.gradient-button:hover {
    transform: scale(1.05); /* Slightly enlarge the button */
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); /* Darken shadow */
}
.header-bottom .navbar-toggler:focus {
    box-shadow: none;
}
.header-bottom {
    background: #fff;
    height: 115px;
}
.header-bottom .container-fluid {
    padding: 0;
}
.container {
    max-width: 1210px !important;
    margin: 0 auto;
}
/* Footer CSS */
.quick_links ul li a:hover {
    border-bottom: 1px solid #fff;
    padding: 0px 0px 3px 0px;
}
.contact_info ul li a span:hover {
    border-bottom: 1px solid #fff;
    padding: 0px 0px 3px 0px;
}
.footer-bg {
    padding: 0px 0px 0px 0px;
}
.footer-top {
    background: #005FA0;
    padding: 50px 0px 25px 0px;
}
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #20295C;
    padding: 10px 0px;
}
.footer-bottom span{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.icon_box {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 40px;
}
.icons {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick_links h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
/* .quick_links h2::before {
    content: "";
    width: 40px;
    height: 3px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 45px;
} */
.quick_links ul {
    margin-top: 49px;
    padding-left: 0;
}
.quick_links ul li{
    list-style-type: none;
    padding: 0px 0px 15px 0px;
}
.quick_links ul li a{
   text-decoration: none;
   font-size: 14px;
   color: #fff;
   font-weight: 300;
}
.contact_info h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
/* .contact_info h2::before {
    content: "";
    width: 40px;
    height: 3px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 45px;
} */
.contact_info ul {
    margin-top: 49px;
    padding-left: 0;
}
.contact_info ul li {
    list-style-type: none;
    padding: 0px 0px 30px 0px;
    display: flex;
    gap: 15px;
}
.contact_info h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.contact_info ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    word-break: break-word;
    text-decoration: none;
}
.para-footer p {
    font-weight: 300;
    color: #fff;
    line-height: 17px;
    font-size: 14px;
    max-width: 350px;
}
.para-footer {
    margin: 40px 0px 0px 0px;
}
.para-footer p:nth-child(2) {
    margin: 35px 0px 0px 0px;
}
.quick_links {
    padding-top: 35px;
}
.contact_info {
    padding-top: 35px;
}
.footer-bottom-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-para-links-main {
    display: flex;
    align-items: center;
    gap: 35px;
}
.footer-para-left p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.footer-para-right a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}
/* Body CSS starts */
.hero-section .slide {
    background: url("../images/pexels-jake-pnw.png");
    background-size: cover;
    height: 730px;
}
.slider_content-box {
    padding: 350px 0px 0px 0px;
}
.slider_content-box h1 {
    font-weight: 700;
    font-size: 54px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.slider_content-box p {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 22px;
}
.hero-section .slider_btn {
    text-align: center;
    margin: 30px 0px 0px 0px;
}
.for-ecommerce-main {
    border-radius: 10px;
    display: flex;
    box-shadow: 4px 4px 24px 0px #00000026;
    max-width: 960px;
    margin: 0px auto 0px auto;
    justify-content: space-between;
    background: #ffffff;
}
.ecommerce-content h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.ecommerce-content p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    line-height: 22px;
    max-width: 476px;
    margin: 0px 0px 40px 0px;
}
.ecommerce-content:nth-child(1) {
    padding: 50px 0px 50px 50px;
}
section.ecommerce-main {
    margin: -105px 0px 0px 0px;
    z-index: 99;
    position: relative;
}
/* Home Page services section starts */
.ecommerce-content img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
section.services-main {
    text-align: center;
    margin: 70px 0px 0px 0px;
}
.services-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
}
.services-main p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    margin-bottom: 50px;
}
.services-main .img-fluid {
    width: 100%;
    height: 316px;
}
.services-main .col-3 {
    padding: 0;
}
.services-main .blue-box {  
    background-color: #005FA0;   
}
.services-main .dark-blue {
    background-color: #20295C;
}
.services-main .dark-blue:hover {
    background-color: #01326b !important;
}
.services-main .blue-box:hover {
    background-color: #036ab0;
}
.content-box-inner {
    padding: 35px 21px 35px 21px;
    min-height: 245px;
    position: relative;
}
.services-main .blue-box h3 {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.blue-box span {
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.blue-box a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    margin-top: 55px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
}
/* home page business with ecommerce CSS */
.business-with-ecommerce-main .row {
    background-image: url('../images/our-ecommerce-platform.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 185px 0px;
    /* background-position-x: 9%; */
}
.business-with-ecommerce-main h3 {
    font-weight: 300;
    font-size: 24px;
    color: #005FA0;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.business-with-ecommerce-main h4 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.business-with-ecommerce-main p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 476px;
    line-height: 23px;
    margin: 30px 0px 50px 0px;
}
.business-with-ecommerce-main .col-6:nth-child(2) {
    padding: 0px 0px 0px 80px;
}
.business-inner-contents {
    display: inline-block;
}
/* ecommerce hourney CSS starts */
.ecommerce-journey-main .row {
    background-image: url('../images/ecommerce-journey-bg.png');
    background-repeat: no-repeat;
    /* background-size: 100%; */
    padding: 135px 0px;
    background-position: 0 43%;
}
.ecommerce-journey-main .col-6:nth-child(1) {
    padding: 0px 0px 0px 100px;
}
.ecommerce-journey-main p {
    max-width: 572px;
}
.ecommerce-journey-main p {
    margin: 30px 0px 0px 0px;
}
/* Meet Our Founders CSS */
.white-founder-box {
    box-shadow: 4px 4px 24px 0px #00000026;
    margin: 70px 0px 70px 0px;
    border-radius: 10px;
    padding: 20px 30px 20px 20px;
}
.founder-content-box {
    display: flex;
    gap: 50px;
    align-items: center;
}
.founder-details h3 {
    font-weight: 300;
    font-size: 24px;
    color: #005FA0;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.founder-details h4 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.founder-details span {
    font-weight: 400;
    font-size: 18px;
    color: #212121;
    display: block;
    margin: 15px 0px 20px 0px;
}
.meet-founter-main .container {
    max-width: 960px !important;
    margin: 0 auto;
}
.founder-details p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    line-height: 22px;
}
.founder-main-details {
    margin: 30px 0px 25px 0px;
}
.founder-main-details .schedule-button {
    text-align: center;
}
.founder-main-details p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
}
.founder-main-details span {
    color: #20295C;
    font-weight: 400;
    font-size: 18px;
}
/* why partners home page css */
.multi-item-slider .slider-item {
    text-align: center;
    /* padding: 15px; */
    background: #f9f9f9;
    border-radius: 8px;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
    /* margin: 10px; */
  }

  .multi-item-slider .slider-item img {
    width: 100%;
    /* height: auto; */
    height: 350px;
    /* border-radius: 5px; */
    /* margin-bottom: 10px; */
  }

  .multi-item-slider .slider-item h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    background-color: #005FA0;
    margin: 0;
    padding: 63px 0px;
    min-height: 142px;
}
.why-partners-main .multi-item-slider .slider-item:nth-child(even) h3 {
    background-color: #20295C;
}
.why-partners-main .multi-item-slider .slider-item:nth-child(even):hover h3 {
    background-color: #01326b;
}
.why-partners-main .multi-item-slider .slider-item:nth-child(odd):hover h3 {
    background-color: #036ab0;
}
  .slick-prev, .slick-next {
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
  }

  .slick-prev:hover, .slick-next:hover {
    background-color: #003d82;
  }

  .slick-prev {
    left: -40px;
  }

  .slick-next {
    right: -40px;
  }

.why-partners-main .slick-prev  {
    display: none !important;
}
.why-partners-main .slick-next  {
    display: none !important;
}
.why-partners-main .container-fluid {
    padding: 0px 0px;
}

.why-partners-main {
    background-color: #fff;
    text-align: center;
    margin: 70px 0px 0px 0px;
}
.why-partners-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
}
.why-partners-main p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 715px;
    margin: 10px auto 50px auto;
}
/* testimonial Slider For Home Page CSS */
.testimonial-slider {
    text-align: center;
    background: #EDEDED;
    padding: 20px;
    /* border-radius: 10px; */
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
  }

  .testimonial {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
  }

  .testimonial h3 {
    margin-top: 15px;
    font-size: 32px;
    color: #005FA0;
    font-weight: bold;
    text-transform: uppercase;
}

  .slick-prev, .slick-next {
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .slick-prev:hover, .slick-next:hover {
    background-color: #003d82;
  }
.testimonial-slider-box-main .container-fluid {
    padding: 0px 0px;
}
.testimonial-slider-box-main .slick-next {
    right: 320px;
    z-index: 99;
}
.testimonial-slider-box-main .slick-prev {
    left: 320px;
    z-index: 99;
}
.testimonial-slider-box-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.testimonial-slider-box-main p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}
.testimonial-slider-box-main {
    background: #EDEDED;
    padding: 70px 0px 105px 0px;
}

.testimonial-slider-box-main .slick-prev:before {
    background-image: url('../images/testimonial-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    font-size: 40px;
}
.testimonial-slider-box-main .slick-next:before {
    background-image: url('../images/testimonial-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    font-size: 40px;
}
.testimonial-slider-box-main .testimonial-slider::before {
    content: '';
    background-image: url('../images/testimonial-qoma-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 425px;
}
.testimonial-slider-box-main .testimonial-slider::after {
    content: '';
    background-image: url('../images/testimonial-qoma-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 425px;
}
.testimonial-slider-box-main .schedule-button {
    text-align: center;
    margin-top: 99px;
}
/* FIRM BACKGROUND PAGE CSS STARTS FROM HERE */
.banner_top {
    background-image: url('../images/firm-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    height: 200px;
    color: #fff;
}
.banner_top .banner_shadow {
    background: linear-gradient(180deg, rgba(32, 41, 92, 0.35) 0%, rgba(32, 41, 92, 0.95) 68.71%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_top h2 {
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
}
.col-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jungle-book-main .row {
    align-items: center;
}
.jungle-book-main .col-6:nth-child(2) {
    padding:0px 0px 0px 32px;
}
.jungle-book-main .col-6:nth-child(1) {
    padding:0px 32px 0px 0px;
}   
.jungle-book-contents h2 {
    color: #005FA0;
    font-weight: 300;
    font-size: 24px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.jungle-book-contents h3 {
    color: #20295C;
    font-weight: 700;
    font-size: 32px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}
.jungle-book-contents p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 545px;
    margin: 30px 0px 50px 0px;
}
.jungle-book-two .row {
    flex-direction: row-reverse;
}
.jungle-book-two .col-6:nth-child(1) {
    padding:0px 0px 0px 0px;
}
.jungle-book-two .col-6:nth-child(2) {
    padding:0px 0px 0px 65px;
}
.jungle-book-two {
   margin: 70px 0px 70px 0px;
}
/* Meet The Team CSS Starts */
.meet-our-team-main {
    text-align: center;
    background-color: #EDEDED;
    padding: 70px 0px;
  }
  .meet-our-team-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    margin-bottom: 70px;
    text-transform: uppercase;
  }
  .meet-our-team-main h3 {
    font-weight: 700;
    font-size: 20px;
    color: #20295C;
    margin: 28px 0px 4px 0px;
    text-transform: uppercase;
}
  .meet-our-team-main .image-box {
    background-color: #fff;
    max-width: 310px;
    margin: 0 auto;
  }
  .meet-our-team-main .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .meet-our-team-main .image-box-contents {
    padding: 0px 0px 28px 0px;
  }
  .meet-our-team-main .row {
    gap: 30px 0px;
  }
  .meet-our-team-main .image-box a {
    font-weight: 300;
    font-size: 16px;
    color: #005FA0;
    text-decoration: none;
}
/* refferals page CSS starts */
   /* Responsive video style */  
   .video-responsive {  
    position: relative;  
    padding-bottom: 56.25%;  
    height: 0;  
    overflow: hidden;  
    display: none; /* Initially hidden */  
}  

.video-responsive iframe {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
}  

/* Thumbnail image style */  
.thumbnail {  
    background-image: url('../images/refferal-thumbnail.png'); /* Thumbnail URL */  
    background-size: cover;  
    height: 550px;    /* Set desired height */  
    position: relative;  
    cursor: pointer;  
}  

/* Style for play icon */  
.play-icon {
    position: absolute;
    top: 12%;
    right: 0%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 28px;
    width: 70px;
    height: 70px;
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-for-video.mt-5 {
    margin-bottom: 30px;
}
section.refferals-main {
    text-align: center;
    padding: 70px 0px;
}
.refferals-image-box h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
    max-width: 676px;
    margin: 70px auto 70px auto;
    line-height: 40px;
}
.refferals-icons-box .refferals-contents {
    box-shadow: 0px 4px 7px 0px #00000017;
    height: 100%;
    padding: 30px;
}
.refferals-contents h3 {
    font-weight: 700;
    font-size: 24px;
    color: #212121;
    margin: 35px 0px 25px 0px;
}
.refferals-contents p {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
}
section.refferals-video-main {
    background-color: #EDEDED;
    padding: 70px 0px;
    text-align: center;
}
.refferals-video-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
}
/* faq CSS Starts */
.faq-main {
    background-color: #EDEDED;
}
.common-pages {
    padding: 70px 0px;
}
.faq-main button.accordion-button.collapsed {
    font-weight: 500;
    font-size: 24px;
    color: #212121;
    box-shadow: none;
    padding: 30px 70px;
}
.faq-main button.accordion-button {
    font-weight: 700;
    font-size: 24px;
    color: #005FA0;
}
.faq-main .accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: unset;
    padding: 30px 70px 25px 70px;
}
.faq-main .accordion-button::after {
    background-image: none;
}
.faq-main .accordion-button::before {
    background-image: none;
}
.accordion-button::after {
    content: '';
    background-image: url(../images/plus.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.25rem;
    color: #000;
    margin-left: auto; /* Align to the right */
    transition: transform 0.2s ease-in-out;
  }
.accordion-button:not(.collapsed)::after {
    content: '';
    background-image: url(../images/minus.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 9px;
}
.faq-main .row {
    box-shadow: 7px 7px 34px 0px #00000012;
}
.faq-main div#accordionExample {
    padding: 0px 0px;
}
.faq-main .accordion-body {
    padding: 0px 70px 0px 70px;
}
.faq-main .accordion-item:first-child {
    border-bottom: 1px solid #EDEDED;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 0px 0px 0px;
}
.faq-main .accordion-item:last-child {
    border-bottom: 1px solid #EDEDED;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px 0px 15px 0px;
}
.faq-main .accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.faq-main .container {
    max-width: 856px !important;
} 
.faq-main .accordion-body p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    line-height: 22px;
    max-width: 630px;
}
.accordian-inner-box {
    display: flex;
    gap: 126px;
}
.accor-details {
    display: flex;
    align-items: center;
    gap: 0px 20px;
    margin: 0px 0px 25px 0px
}
.accor-details span a {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    text-decoration: none;
}
.common-pages .page-heading {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
    margin: 0px 0px 50px 0px;
}
/* EBook Main Page Starts */
.ebook-main h2 {
    max-width: 790px;
    margin: 0 auto !important; 
    line-height: 40px;
}
.ebook-image-box {
    background-color: #EDEDED;
    padding: 21px 73px 29px 47px;
}
.ebook-image-box img {
    box-shadow: 12px 10px 40px 0px #00000033;
}
.ebook-content-box {
    padding: 30px;
    box-shadow: 0px 4px 7px 0px #00000017;
}
.ebook-inner-contents h3 {
    font-weight: 700;
    font-size: 24px;
    margin: 31px 0px 25px 0px;
}
.ebook-inner-contents p {
    color: #212121;
    font-weight: 300;
    font-size: 16px;
}
.ebook-main .row {
    margin: 70px 0px 0px 0px;
    gap: 50px 0px;
}
/* Ebook Listing Page CSS Starts */
.ebook .row {
    margin: 0px 0px 0px 0px;
}
.ebook .refferals-video-main h2 {
    text-align: center;
}
.ebook .refferals-video-main p {
    text-align: center;
    max-width: 820px;
    margin: 20px auto 0 auto;
    font-weight: 300;
    font-size: 18px;
}
.ebook .thumbnail {
    background-image: url('../images/ebook-listing-image.png');
}
.what-inside-main {
    padding: 70px 0px;
    background-color: #EDEDED;
}
.inside-contents h3 {
    font-weight: 700;
    font-size: 24px;
    color: #212121;
    margin-bottom: 25px;
}
.inside-contents p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    margin-bottom: 20px;
}
.whats-inside-image img {
    margin: 0px 0px 0px 122px;
    box-shadow: 12px 10px 40px 0px #00000033;
}
.why-you-love-ebook .col-4 {
    padding: 0px 0px 0px 0px;
}
.why-you-love-ebook h2 {
    margin: 0px 0px 70px 0px;
}
img.ebook-img {
    padding: 0px 0px 0px 0px;
}
.take-control h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
    max-width: 410px;
}
.take-control p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 410px;
    margin: 20px 0px 30px 0px;
}
.take-control input#exampleInputEmail1 {
    background: #6969691A;
    border: none;
    height: 50px;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: none;
    max-width: 410px;
    width: 100%;
}
section.take-control {
    margin: 70px 0px;
}
.email-main input::placeholder {
    color: #212121;
    font-size: 16px;
    font-weight: 300;
}
/* case study css starts */
.testimonial-slider-box-main .schedule-buttons {
    text-align: center;
    padding: 17px 0px 0px 0px;
}
.we-did-image-contents {
    display: flex;
    align-items: center;
    gap: 20px;
}
.we-did-image-contents h3 {
    font-weight: 700;
    font-size: 24px;
    color: #212121;
    line-height: 30px;
}
.we-did-it-box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #212121;
    max-width: 435px;
    margin: 25px 0px 0px 0px;
}
.wait-for-main .col-6 {
    max-width: 40%;
}
.wait-for-main .row {
    justify-content: center;
    gap: 30px 8px;
}
.we-did-it-box {
    box-shadow: 0px 4px 7px 0px #00000017;
    padding: 15px;
}
/* case study detail CSS Starts */
.case-detail-contents {
    text-align: center;
}
.case-detail-contents h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    margin: 70px 0px 20px 0px;
    text-transform: uppercase;
}
.case-detail-contents p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 820px;
    line-height: 22px;
    margin: 0 auto;
}
.the-challenge-main h2 {
    text-align: left !important;
}
.the-challenge-main .inside-contents:not(:last-child) p {
    margin-bottom: 35px;
}
.our-solution {
    background-color: #fff;
}
.our-solution h2 {
    margin-bottom: 25px !important;
}
.our-solutions-para {
    margin-bottom: 50px;
}
.icons-box-white {
    box-shadow: 0px 4px 7px 0px #00000017;
    padding: 30px 55px 30px 55px;
    text-align: center;
    height: 100%;
}
.icons-box-white h3 {
    font-weight: 700;
    font-size: 24px;
    color: #212121;
    margin: 35px 0px 25px 0px;
}
.icons-box-white p {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
}
.common-sections .row {
    gap: 30px 0px;
}
.common-sections {
    margin-bottom: 70px;
}
.common-sections .col-4 .icons-box-white {
    padding: 30px 30px;
    min-height: 390px;
    height: 100%;
}
/* CFO Advisory CSS Starts */
.cfo-main h2 {
    max-width: 820px;
    margin: 70px auto 20px auto;
}
.case-detail-contents-two {
    margin: 70px 0px 0px 0px;
}
/* Amazon CSS Starts */
.amazon-main h2 {
    max-width: 830px;
    margin: 70px auto 20px auto;
}
/* Tailored CSS Starts */
.tailored-main h2 {
    max-width: 782px;
    margin: 70px auto 20px auto;
}
/* Ebay Sellers CSS Starts */
.ebay-main h2 {
    max-width: 782px;
}
/* Bookeeping CSS Starts */
.bookeeping-main h2 {
    max-width: 700px;
    margin: 70px auto 20px auto;
}
.bookeeping-white-boxes .row {
    justify-content: center;
}
.icons-box-white ul li {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
}
.virtual-bookeeping-service h3 {
    max-width: 545px;
}
.the-challenge-main {
    /* margin: 70px 0px 70px 0px; */
}
.bookeeping-whiteBoxes-two h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-align: center;
}
.bookeeping-whiteBoxes-two p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    text-align: center;
    margin-bottom: 70px;
}
.who-benifits-main {
    padding: 0px 0px 70px 0px;
}
.custom-bookeeping {
    text-align: center;
}
.custom-bookeeping p {
    font-weight: 300;
    font-size: 24px;
    color: #005FA0;
    max-width: 850px;
    margin: 0 auto 0 auto;
    text-transform: uppercase;
    line-height: 30px;
    padding: 70px 0px;
}
/* Blog Page CSS Starts */
section.blog-container {
    margin: 70px 0px;
}
.blog-spacing h1 {
    font-weight: 700;
    font-size: 24px;
    color: #212121;
    line-height: 30px;
    margin: 11px 0px 0px 0px;
}
.calander-main {
    display: flex;
    gap: 30px;
    align-items: center;
    margin: 11px 0px 16px 0px;
}
.tax-centeral span {
    font-weight: 300;
    font-size: 14px;
    color: #005FA0;
}
.tax-calendar-box a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    color: #005FA0;
}
.blog-detail-box p {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
    line-height: 21px;
}
.blog-detail-box .schedule-button {
    margin: 40px 0px 14px 0px;
}
.blog-detail-box img {
    border-radius: 2px;
}
.blog-detail-box {
    padding: 15px 15px 15px 15px;
    border-radius: 2px;
    border: 1px solid #61616126;
}
.pagination {
    margin: 40px 0px 0px 0px;
}
.pagination a.page-link {
    font-weight: 300;
    font-size: 18px;
    color: #5B5D5E;
}
.pagination .page-btns {
    padding: 8px 28px;
    background-color: #F0F0F0;
    border-radius: 0 !important;
    border: none;
    text-align: center;
}
.pagination .active a {
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    color: #fff;
    width: 42px;
    height: 42px;
    text-align: center;
    border: none;
}
.pagination .page-numbers {
    width: 42px;
    height: 42px;
    text-align: center;
    color: #5B5D5E;
    font-weight: 300;
    font-size: 18px;
}
.pagination {
    margin: 40px 0px 0px 0px;
    gap: 10px;
}
.side-bar .input-group input.form-control {
    height: 40px;
    border-radius: 2px;
    border: 1px solid #61616126;
}
.side-bar .input-group input.form-control::placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 17.64px;
    color: #5B5D5E;
}
.side-bar .input-group {
    position: relative;
}
button.blog-button {
    background: transparent;
    border: none;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 7px 18px;
}
.side-bar-dropdowns .form-select {
    appearance: none;
    background: transparent;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #61616126;
    background-image: url(../images/select-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 94% 52%;
    box-shadow: none;
    font-weight: 300;
    font-size: 14px;
    color: #5B5D5E;
}
.side-bar-dropdowns {
    position: relative;
}
.blog-box {
    border: 1px solid #61616126;
    padding: 15px;
}
.blog-box {
    border: 1px solid #61616126;
    padding: 20px 0px 20px 0px;
}
.blog-box h4 {
    font-weight: 700;
    font-size: 20px;
    color: #212121;
    padding: 0px 0px 20px 15px;
    border-bottom: 1px solid #61616126;
}
.blog-box h5 {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 15px 15px 0px 15px;
}
.blog-box p {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 300;
    line-height: 17.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 15px 15px 0px 15px;
}
.blog-box a.read {
    text-decoration: none;
    font-family: Outfit;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
/* Blog Detail Page CSS Starts */
.blog-detail-box strong {
    font-weight: 700;
    font-size: 16px;
    color: #212121;
}
.blog-detail-box ul {
    padding: 0px 0px 0px 18px;
}
.blog-detail-box ul li {
    padding: 0px 0px 20px 0px;
}
.share-this {
    color: #005FA0;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}
.social-media-links {
    margin: 15px 0px 0px 0px;
    display: flex;
    gap: 15px;
}
/* Privacy Policy */
section.visiting-main {
    text-align: center;
    background: #005FA0;
    color: #fff;
    padding: 60px 0px;
}
.visiting-main h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30.24px;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}
.visiting-main p {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 300;
    line-height: 22.68px;
    margin: 0 auto;
    max-width: 956px;
}
.privacy-main {
    padding: 70px 0px;
}
.privacy-contents h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30.24px;
    text-align: left;
    color: #20295C;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.privacy-contents p {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 300;
    line-height: 22.68px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.privacy-contents strong {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.68px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.privacy-contents ul li {
    font-weight: 300;
    font-size: 16px;
    color: #212121;
    margin: 0px 0px 15px 0px;
}
.privacy-contents ul {
    padding-left: 19px;
}
/* Terms and Condation CSS Starts */
ul.copy-right-listings {
    list-style-type: none;
    padding-left: 0px;
}
.copy-right-listings li {
    margin-bottom: 0px !important;
}
.accessibility-banner h2 {
    max-width: 790px;
}
.accessibility-banner h2 {
    max-width: 790px;
    margin: 0 auto 20px auto;
}
/* Contact Us CSS Starts */
.google-maps-main .row iframe {
    padding: 0px 0px;
}
.calander-main h2 {
    font-family: Outfit;
    font-size: 32px;
    font-weight: 700;
    line-height: 40.32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #20295C;
    text-transform: uppercase;
}
section.calander-main {
    padding: 70px 0px;
    background: #EDEDED;
    margin: 0;
}
section.contact-forms-main {
    padding: 70px 0px;
}
.contact-us-forms h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40.32px;
    text-align: left;
    color: #20295C;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.contact-us-forms .form-control {
    background: #6969691A;
    height: 50px;
    border: none;
    border-radius: 1px;
    box-shadow: none;
}
.contact-us-forms input::placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 20.16px;
    text-align: left;
    color: #212121;
}
.contact-forms-main textarea {
    background: #6969691A;
    border: none;
    border-radius: 1px;
    resize: none;
    min-height: 145px;
}
.contact-us-forms .form-check {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px;
    padding: 0px 0px 0px 0px;
}
.contact-forms-main input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 4px 0px 0px 0px !important;
}
.contact-us-forms .form-check-input {
    border-radius: 3px;
    box-shadow: none;
}
.contact-forms-two .form-check {  
    position: relative; /* This gives positioning context for absolute children */  
}  

.contact-forms-two .form-check .wpcf7-not-valid-tip {  
    position: absolute !important; /* Allows this element to be positioned independently */  
    top: 72%; /* Adjust this value as needed */  
    left: 0; /* Adjust this value as needed */  
    /* You can also add other styles to customize appearance */  
    color: red; /* Example color for visibility */  
    display: block; /* Ensure it's visible */  
}  
.additional-class {
    color: inherit;
    margin-bottom: 10px;
    color: #42e255 !important;
}
.contact-forms-two .screen-reader-response {
    color: red;
}
.contact-us-forms .form-check label.form-check-label {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 300;
    line-height: 17.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 4px 0px 15px 0px;
}
.contact-us-forms .schedule-button .gradient-button {
    padding: 11px 46px;
}
.contact-us-forms .schedule-button {
    margin-top: 40px;
}
.contact-image {
    padding: 69px 0px 0px 0px;
}
.contact-image h2 {
    font-family: Outfit;
    font-size: 24px;
    font-weight: 300;
    line-height: 30.24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #005FA0;
    margin-top: 20px;
}
.contact-image ul {
    list-style-type: none;
}
.contact-image ul li {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 300;
    line-height: 17.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-bottom: 20px;
}
.contact-image ul {
    list-style-type: none;
    padding: 10px 0px 0px 3px;
}
.contact-img-contents-inner {
    box-shadow: 0px 4px 7px 0px #00000017;
    max-width: 522px;
    padding: 30px 30px;
}
.contact-img-contents-inner ul li img {
    margin: 0px 0px 0px 0px;
}
.contact-img-contents-inner ul li {
    display: flex;
    gap: 10px;
}
/* Typewrite Effect For Hero Section Banner */
@keyframes typewriter {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  
  .typewriter-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .typewriter-effect {
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    display: block;
    margin: 0 auto;
  }
  
  .line-one {
    animation: typewriter 3s steps(50) 1s forwards;
  }
  
  .line-two {
    animation: typewriter 3s steps(50) 5s forwards; /* Delay for second line */
  }
 
  /* over-flow hidden is used here to hide extra space which was causing issue by creating extra scroll */

.ready-to-simplify .col-6:nth-child(2) {
    padding: 0px 0px 25px 32px;
}
/* .animation-overflow-hidden {
    overflow: hidden;
} */
/* .business-with-ecommerce-main .animation-overflow-hidden {
    padding: 0px 0px 15px 0px;
} */
.ready-to-simplify .animation-overflow-hidden {
    overflow: hidden;
} 
.jungle-book-main .animation-overflow-hidden {
    overflow: hidden;
} 
.jungle-book-one .animation-overflow-hidden {
    padding: 0px 0px 15px 0px;
} 
.jungle-book-two .animation-overflow-hidden {
    padding: 0px 0px 15px 0px;
} 






/* Marquee Testing */
.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 0;
}
  
  .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    min-width: 100%;
    animation: scroll 80s linear infinite;
}
  
  @media (prefers-reduced-motion: reduce) {  
    .marquee__group {  
      animation-play-state: paused;  
    }  
  }  
  
  .marquee__group img {
    /* max-width: clamp(10rem, 1rem + 28vmin, 20rem); */
    /* aspect-ratio: 1; */
    object-fit: cover;
    width: 100%;
    height: 350px;
} 
  
  @keyframes scroll {  
    0% {  
      transform: translateX(0);  
    }  
    100% {  
      transform: translateX(calc(-100% - 1rem)); /* Replaced var(--gap) with assumed value */  
    }  
  } 
  

/* my marquee class starts*/
.marquee .slider-item h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    background-color: #005FA0;
    margin: 0;
    padding: 63px 0px;
    min-height: 142px;
    text-align: center;
}
.marquee .slider-item:nth-child(even) h3 {
    background-color: #20295C;
}
.marquee .marquee_group_two .slider-item:nth-child(even) h3 {
    background-color: #005FA0;
}
.marquee .marquee_group_two .slider-item:nth-child(odd) h3 {
    background-color: #20295C;
}
.marquee-main {
    margin: 70px 0px 0px 0px;
}
.marquee-main h2 {
    font-weight: 700;
    font-size: 32px;
    color: #20295C;
    text-transform: uppercase;
    text-align: center;
}
.marquee-main p {
    font-weight: 300;
    font-size: 18px;
    color: #212121;
    max-width: 715px;
    margin: 10px auto 50px auto;
    text-align: center;
}
/* bookkeeping page */
.bookeeping-whiteBoxes-two {
    margin: 70px 0px 0px 0px;
}
.virtual-bookeeping-service {
    margin: 0px 0px 70px 0px;
}
.virtual-bookeeping-service {
    margin: 70px 0px 0px 0px;
}
.what-inside-main {
    margin: 70px 0px 0px 0px;
}
.we-take-care {
    margin: 70px 0px 0px 0px;
}
/* mobile menu close button */
.burger {  
    display: inline; /* Ensure the burger is displayed */  
}  

.close-button {  
    display: none; /* Hide the close button by default */  
    /* Add other styling if needed */  
}
button.burger.cross-close {
    position: absolute;
    right: 6px;
    top: 0px;
    border: none;
    font-size: 22px;
    display: none;
}
.burger {  
    display: inline; /* Initially shown */  
}  

.cross-close {  
    display: none; /* Initially hidden */  
}  

.hidden {  
    display: none; /* Class to hide elements */  
}  

.navbar-collapse {  
    display: none; /* Hide menu by default */  
}  

.navbar-collapse.show {  
    display: block; /* Show menu when 'show' class is added */  
}
























/* For WebKit browsers */  
::-webkit-scrollbar {  
    width: 16px; /* Width of the scrollbar */  
}  

::-webkit-scrollbar-thumb {  
    background-color: #005FA0; /* Scrollbar color */  
    border-radius: 8px; /* Rounded edges */  
}  

::-webkit-scrollbar-track {  
    background: rgba(0, 0, 0, 0.1); /* Track color */  
}  
/* Media Querries */
@media screen and (max-width:1460px) {
    .content-box-inner {
        min-height: 290px;
    }
    .business-with-ecommerce-main .row {
        padding: 135px 0px;
    }
    .multi-item-slider .slider-item h3 {
        min-height: 190px;
    }
    .multi-item-slider .slider-item img {
        height: 290px;
    }
    .testimonial-slider-box-main .slick-prev {
        left: 250px;
    }
    .testimonial-slider-box-main .slick-next {
        right: 250px;
    }
}
@media screen and (max-width:1366px) {
    .business-with-ecommerce-main .row {
        padding: 115px 0px;
    }
    .multi-item-slider .slider-item img {
        height: 265px;
    }
     /* over-flow hidden is used here to hide extra space which was causing issue by creating extra scroll */
  .business-with-ecommerce-main .animation-overflow-hidden {
    overflow: hidden;
    padding: 0px 0px 15px 0px;
   }
    /* over-flow hidden is used here to hide extra space which was causing issue by creating extra scroll */
   .animation-overflow-hidden {
    overflow: hidden;
   }
    /* over-flow hidden is used here to hide extra space which was causing issue by creating extra scroll */
   .jungle-book-main .animation-overflow-hidden {
    overflow: hidden;
    padding: 0px 0px 15px 0px;
}
}
@media screen and (max-width:1280px) {
    .business-with-ecommerce-main .row {
        padding: 99px 0px;
    }
    .testimonial-slider-box-main .slick-prev {
        left: 155px;
    }
    .testimonial-slider-box-main .slick-next {
        right: 155px;
    }
    .slider_content-box h1 {
        font-size: 38px;
    }
}
@media screen and (max-width:1024px) {
    .business-with-ecommerce-main .row {
        padding: 30px 0px;
    }
    .multi-item-slider .slider-item img {
        height: unset;
    }
    .multi-item-slider .slider-item h3 {
        min-height: 136px;
        font-size: 19px;
        padding: 45px 0px;
    }
    .testimonial-slider-box-main .testimonial-slider::before {
        left: 135px;
    }
    .testimonial-slider-box-main .testimonial-slider::after {
        right: 135px;
    }
    .testimonial-slider-box-main .slick-prev {
        left: 65px;
    }
    .testimonial-slider-box-main .slick-next {
        right: 65px;
    }
    .services-main .blue-box h3 {
        font-size: 19px;
    }
    .business-with-ecommerce-main h3 {
        font-size: 22px;
    }
    .ecommerce-journey-main .col-6:nth-child(1) {
        padding: 0px 0px 0px 10px;
    }
}
@media screen and (max-width:1183px) {
    .header-bottom .navbar-brand img {
        max-width: 200px;
    }
    .header-bottom .navbar-nav {
        margin-left: 60px;
    }
}
@media screen and (max-width:1024px) {
    .header-bottom .navbar-nav {
        margin-left: 15px;
    }  
    .header-bottom ul li a {
        font-size: 14px;
    }
    .gradient-button {
        font-size: 14px;
        padding: 11px 20px;
    }
    .header-bottom .navbar-brand img {
        max-width: 215px;
    }
    .services-main .img-fluid {
        height: auto;
    }
    .jungle-book-main .col-6:nth-child(2) {
        padding: 0px 10px 0px 32px;
    }
    .jungle-book-two .col-6:nth-child(2) {
        padding: 0px 32px 0px 10px;
    }
    .jungle-book-main .row {
        align-items: flex-start;
    }
    .jungle-book-two .col-6:nth-child(1) {
        padding: 0px 0px 0px 32px;
    }
    .jungle-book-one {
        margin: 70px 0px 0px 0px;
    }
    .ebook-image-box {
        background-color: #EDEDED;
        padding: 10px 10px 10px 10px;
    }
    .ebook-image-box img {
        max-width: 100%;
        width: 100%;
        object-fit: cover;
    }
    .whats-inside-image img {
        margin: 0px 0px 0px 0px;
    }
}
@media screen and (max-width:991px) {
    .header-bottom .navbar-nav li {
        text-align: center;
    }
    .header-bottom .schedule-button {
        text-align: center;
    }
    .header-bottom .navbar-collapse {
        background-color: #eee;
        padding: 10px 0px 25px 0px;
        z-index: 9;
    }
    .slider_content-box .schedule-button {
        text-align: center;
    }
    .faq-main {
        padding: 70px 10px;
    }
    .ebook-image-box {
        padding: 10px 10px 10px 10px;
    }
    .ebook-main .col-4 {
        width: 50%;
    }
    .why-you-love-ebook .col-4 {
        width: 50%;
    }
    .col-lg-4.side-bar {
        margin-top: 40px;
    }
    .side-bar-dropdowns .form-select {
        background-position: 98% 52%;
    }
    .blog-detail-box img {
        width: 100%;
    }
    /* unset the position absolute of the element */
    .header-bottom ul.dropdown-menu.show {
        position: unset;
    }
    .header-bottom ul.dropdown-menu.show {
        background-color: #cdcdcd;
    }
    .header-bottom .dropdown-submenu ul.dropdown-menu.show {
        background-color: #b8b8b8;
    }
    .header-bottom ul.dropdown-menu.show {
        padding: 20px 20px 20px 20px;
    }
    .header-bottom .navbar-nav {
        margin-left: 15px;
        margin-right: 15px !important;
    }
    .header-bottom .dropdown-submenu .dropdown-toggle::after {
        display: inline-block;
        margin-left: 7px;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }
    .header-bottom .schedule-button1 {
        text-align: center;
    }
    .header-bottom button.burger.cross-close {
        position: absolute;
        right: 6px;
        top: 0px;
        border: none;
        font-size: 26px;
        display: block;
    }
}
@media screen and (max-width:820px) {
    .jungle-book-main .row .col-6 {
        width: 100%;
        padding: 0px 10px 0px 10px;
        text-align: center;
      }
      .jungle-book-main .row .col-6 p {
        margin: 20px auto 0 auto;
      }
      .jungle-book-main .row .col-6 .schedule-button {
        margin: 20px 0px 0px 0px;
      }
      .jungle-book-main .row .col-6 img {
        margin-bottom: 50px;
      }
      .meet-our-team-main .col-4 {
        width: 50%;
      }
      .refferals-icons-box .row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px 0px;
      }
      .refferals-icons-box .col-4 {
        width: 50%;
      }
      .take-control .col-6 {
        width: 100%;
        text-align: center;
    }
     .take-control .row {
        flex-direction: column-reverse;
    }
    .take-control p {
        margin: 20px auto 30px auto;
    }
    .take-control h2 {
        margin: 0 auto;
    }
    .email-main {
        display: flex;
        justify-content: center;
    }
    .wait-for-main .col-6 {
        max-width: 100%;
    }
    .testimonial-slider-box-main p {
        max-width: 475px;
    }
    .we-did-image-contents {
        flex-wrap: wrap;
    }
    .wait-for-main .col-6 {
        max-width: 100%;
        width: 100%;
    }
    .common-sections .col-6 {
        width: 100%;
    }
    .tax-planning-main .col-4 {
        width: 50%;
    }
    .virtual-bookeeping-service h3 {
        margin: 0 auto;
    }
    .contact-forms-main .row {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .contact-forms-main .col-6 {
        width: 100%;
    }
    .contact-image img.img-fluid {
        width: 100%;
    }
    .contact-img-contents-inner {
        width: 100%;
        max-width: 100%;
    }
    .contact-image {
        padding: 0px 0px 50px 0px;
    }
    
}
@media screen and (max-width:767px) {
    .icons-email.main {
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }
    .icon-box-right {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-bottom .navbar-nav {
        margin-left: 0px;
        justify-content: center;
    }
    .header-bottom .navbar-brand img {
        max-width: 170px;
    }
    .header-bottom .navbar-collapse {
        /* padding: 15px 0px 25px 0px; */
        padding: 35px 0px 25px 0px;
        position: relative;
        top: 32px;
    }
    .col-5.logo_section {
        width: 100%;
    }
    .col-7.terms-section {
        width: 100%;
    }
    .terms-section .col-6 {
        width: 100%;
    }
    .footer-bottom-box {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    .footer-para-links-main {
        flex-wrap: wrap;
        justify-content: center;
    }
    .ecommerce-content:nth-child(1) {
        padding: 20px 0px 50px 20px;
    }
    .for-ecommerce-main {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .for-ecommerce-main .ecommerce-content {
        width: 100%;
        text-align: center;
    }
    .ecommerce-content p {
        margin: 0px auto 40px auto;
    }
    .ecommerce-main .schedule-button {
        text-align: center;
    }
    .ecommerce-content img {
        border-radius: 10px;
    }
    .ecommerce-journey-main .row {
        background-position: 44% 43%;
    }
    .testimonial-slider-box-main .slick-prev {
       display: none !important;
    }
    .testimonial-slider-box-main .slick-next {
        display: none !important;
    }
    .for-ecommerce-main {
        padding: 40px 0px 0px 0px;
    }
    .services-main .col-3 {
        padding: 0;
        width: 50%;
    }
    .content-box-inner {
        min-height: 218px;
    }
    .services-main .img-fluid {
        height: 280px;
    }
}
@media screen and (max-width:540px) {
    .header-bottom .navbar-brand img {
        max-width: 140px;
    }
    .footer-para-right {
        text-align: center;
    }
    .header-bottom nav.navbar.navbar-expand-lg {
        padding-top: 31px;
    }
    .banner_top h2 {
        font-size: 32px;
    }
    .business-with-ecommerce-main .col-6 {
        padding: 0px 10px 0px 10px !important;
        text-align: center;
        width: 100%;
    }
    .business-with-ecommerce-main .col-6 {
        width: 100%;
    }
    .founder-content-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .services-main .col-3 {
        width: 100%;
    }
    section.ecommerce-main {
        margin: 30px 0px 0px 0px;
    }
    .business-with-ecommerce-main .row {
        background-position-x: 177% !important;
    }
    .ecommerce-journey-main .row {
        background-position-x: 200%;
    }
    .business-with-ecommerce-main p {
        margin: 30px auto 50px auto;
    }
    .business-with-ecommerce-main .schedule-button {
        text-align: center;
    }
    .why-partners-main {
        margin: 0px 10px 0px 10px;
    }
    .white-founder-box {
        text-align: center;
    }
    .founder-main-details .schedule-button {
        margin: 20px 0px 0px 0px;
    }
    .testimonial-slider-box-main .testimonial-slider::before {
      display: none !important;
    }
    .testimonial-slider-box-main .testimonial-slider::after {
        display: none !important;
    }
    .testimonial-slider-box-main .schedule-button {
        margin-top: 13px;
    }
    .slider_content-box h1 {
        font-size: 27px;
    }
    .ecommerce-content:nth-child(1) {
        padding: 20px 20px 50px 20px;
    }
    section.services-main {
        margin: 70px 10px 0px 10px;
    }
    .testimonial-slider-box-main {
        padding: 70px 10px 105px 10px;
    }
    .ecommerce-content img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 0px 10px;
    }
    .founder-details h4 {
        font-size: 28px;
    }
    .refferals-icons-box .col-4 {
        width: 100%;
    }
    .faq-main button.accordion-button.collapsed {
        font-size: 18px;
        padding: 20px 20px;
    }
    .faq-main .accordion-body {
        padding: 0px 20px;
    }
    .accordian-inner-box {
        display: flex;
        gap: unset;
        flex-wrap: wrap;
    }
    .faq-main .accordion-button:not(.collapsed) {
        padding: 20px 20px;
        font-size: 18px;
    }
    .accordion-button:not(.collapsed)::after {
        margin-bottom: 19px;
    }
    .ebook-main .col-4 {
        width: 100%;
    }
    .ebook-image-box img {
        height: 300px;
    }
    .what-inside-main .col-6 {
        width: 100%;
        text-align: center;
    }
    .what-inside-main .row {
        flex-direction: column-reverse;
    }
    .whats-inside-image img {
        margin: 0px 0px 50px 0px;
    }
    .why-you-love-ebook .col-4 {
        width: 100%;
    }
    .we-did-it-box {
        text-align: center;
    }
    .we-did-image-contents {
        justify-content: center;
    }
    .icons-box-white {
        box-shadow: 0px 4px 7px 0px #00000017;
        padding: 30px 10px 50px 10px;
        text-align: center;
    }
    .tax-planning-main .col-4 {
        width: 100%;
    }
    .case-detail-contents h2 {
        font-size: 28px;
    }
    .contact-img-contents-inner ul li img {
        margin: 0px 0px 17px 0px;
    }
    .hero-section .typewriter-effect {
        white-space: unset;
        /* overflow: unset; */
    }
}
@media screen and (max-width:430px) {
    .meet-our-team-main .col-4 {
        width: 100%;
    }
    .refferals-video-main h2 {
        font-size: 28px;
    }
    .refferals-image-box h2 {
        font-size: 25px;
    }
    .thumbnail {
        height: 360px;
    }
    div#video-container {
        height: 360px;
    }
    .accordion-button:not(.collapsed)::after {
        margin-bottom: 12px;
    }
    .pagination {
        flex-wrap: wrap;
    }
    .calander-main {
        flex-wrap: wrap;
    }
    .icons-box-white ul li {
        text-align: left;
    }
    .ready-to-simplify .schedule-button {
        padding: 0px 0px 20px 0px;
    }
}
@media screen and (max-width:390px) {
    .ecommerce-content h2 {
        font-size: 28px;
    }
    .services-main h2 {
        font-size: 28px;
    }
    .business-with-ecommerce-main h4 {
        font-size: 28px;
    }
    .why-partners-main h2 {
        font-size: 28px;
    }
    .testimonial-slider-box-main h2 {
        font-size: 28px;
    }
    .testimonial h3 {
        font-size: 28px;
    }
    .white-founder-box {
        margin: 0px 0px 70px 0px;
    }
    .jungle-book-contents h3 {
        font-size: 28px;
    }
    .faq-main button.accordion-button.collapsed {
        font-size: 16px;
    }
    .faq-main .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
    .common-pages .page-heading {
        font-size: 28px;
    }
    .ebook-content-box {
        padding: 10px;
    }
    .ebook-main .col-4 {
        padding: 0px 0px;
    }
    .calander-main h2 {
        font-size: 25px;
    }
}




/*  ADA STYLING MORE*/



.yellow-link {
    color: yellow !important; 
}
.bigger-font_ada {
    font-size: 30x !important; 
}

.increase-word-spacing p {
    word-spacing: 15px !important;
}
.increased-line-height {
    line-height: 2 !important ; 
}

.extra-increased-line-height {
    line-height: 2.5 !important; 
}

.super-increased-line-height {
    line-height: 3 !important; 
}
/*.read-btn, .header_paragraph, h2 {
    color: #000000; 
}
*/



.magnify-hover {
    font-size: 24px;
    transition: font-size 0.3s ease-in-out;
}

.magnify-hover:hover {
    font-size: 36px; 
}

.button-boxxxx {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 999;
    right: 0;
/*    bottom: 165px;*/
}


.button-boxxxx a {
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    color: #fff;
    padding: 7px 7px;
    border-radius: 50%;
    text-decoration: none;
    margin: 6px 6px 0px 0px;
}
.button-box_modal .modal-body button {
    float: right;
}
.button-link-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.button-box_modal .modal-content {
    background-color: #eff1f5;
    margin-right: 15px;
}
.buttonn-main {
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    padding: 10px 10px;
    text-align: center;
    margin: 6px 0px;
    border-radius: 6px;
    width: 100%;
}
.buttonn-main a {
    color: #fff;
    text-decoration: none;
}
.button-box_modal .modal-body h2 {
    text-align: center;
}
.button-box_modal .modal-dialog {
    margin-right: unset;
}



@media screen and (max-width:820px)   {
    .button-box_modal .modal-dialog {
        margin-right: auto !important; 
    }
    .button-box_modal .modal-content {
        margin-right: 8px;
    }
}


.qwerty {
    background: linear-gradient(105.96deg, #D21F25 40.5%, #F3B32D 110.93%);
    padding: 10px 10px;
    text-align: center;
    margin: 6px 0px;
    border-radius: 6px;
    width: 100% !important;
    color: white;
}
.inputlabel{
    color: white;
}
/*  ADA STYLING */