@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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'GELTIVO';
    src: url('GELTIVO-Regular.eot');
    src: url('../fonts/GELTIVO-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GELTIVO-Regular.woff2') format('woff2'),
        url('../fonts/GELTIVO-Regular.woff') format('woff'),
        url('../fonts/GELTIVO-Regular.ttf') format('truetype'),
        url('../fonts/GELTIVO-Regular.svg#GELTIVO-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--bs-primary-rgb: 0, 62, 111;
	--bs-secondary-rgb: 255, 107, 0;
	/* --bs-warning-rgb: 251, 245, 229; */
	--bs-nav-link-font-size: 18px;
	--bs-link-color: #003E6F;
	--bs-link-color-rgb: 0, 62, 111;
	--bs-link-hover-color: #003E6F;
	--bs-link-hover-color-rgb: 0, 62, 111;
	--font-primary: 'GELTIVO', Inter, system-ui, sans-serif;
	--font-secondary: 'Poppins', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    /* --font-secondary: 'Inter', Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; */
	--bs-gradient: linear-gradient(180deg, #FFFFFF -109.97%, #FBF5E5 145.75%);
	--h1-font-size: 72px;
	--h2-font-size: 64px;
	--h3-font-size: 34px;
	--h4-font-size: 52px;
	--h5-font-size: 28px;
	--h6-font-size: 20px; 
	--h1-line-height: 86px;
	--h2-line-height: 84px;
	--h3-line-height: 40px;
	--h4-line-height: 54px; 
	--h5-line-height: 38px;
	--h6-line-height: 30px;
    --orange: #FF6B00;
    --white: #ffffff;
    --blue: #003E6F;
    --purple: #6941C6;
}
.pagination {
	--bs-pagination-active-bg: #0b7632;
	--bs-pagination-active-border-color: #0b7632
}
html, body {
	height: 100%
}
body {
	color: rgb(var(--bs-black-rgb));
	background: rgb(var(--bs-white-rgb));
	font-family: var(--font-secondary);
	font-style: normal;
	font-weight: 400;
	font-size: var(--bs-nav-link-font-size);
	line-height: 27px
}
h1, h2 {
	font-family: var(--font-primary);
	font-style: normal;
    letter-spacing: 2%;
	font-weight: 300
}
h3, h4, h5, h6 {
	font-family: var(--font-secondary);
	font-style: normal;
	font-weight: 400
}
h1 {
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	color: rgb(var(--bs-primary-rgb))
}
h2 {
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	color: rgb(var(--bs-primary-rgb));
	letter-spacing: 2%
}
h3 {
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
    letter-spacing: 2%
}
h4 {
    font-family: var(--font-primary);
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
    letter-spacing: 2%;
}
h5 {
	font-size: var(--h5-font-size);
	line-height: var(--h5-line-height);
    letter-spacing: 4%
}
h6 {
	font-size: var(--h6-font-size);
	line-height: var(--h6-line-height)
}
.btn{
    --bs-btn-font-size: 1.131rem;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: rgb(11, 118, 50);
	--bs-btn-border-color: rgb(11, 118, 50);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: rgb(9, 95, 40);
	--bs-btn-hover-border-color: rgb(8, 85, 36);
	--bs-btn-focus-shadow-rgb: 11, 118, 50;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: rgb(8, 85, 36);
	--bs-btn-active-border-color: rgb(7, 75, 32);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgb(11, 118, 50);
	--bs-btn-disabled-border-color: rgb(11, 118, 50)
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.poppins {
    font-family: 'Poppins', sans-serif;
}
.geltivo {
    font-family: 'GELTIVO', sans-serif;
}
.roboto {
    font-family: "roboto", sans-serif;
}
.inter {
    font-family: "Inter", sans-serif;
}
.small-p {
    font-size: 14px;
}
.blue {
    color: var(--blue);
}
.bg-blue {
    background-color: var(--blue);
}
.orange {
    color: var(--orange);
}
.purple {
    color: var(--purple);
}
.spacing {
    padding: 100px 0px;
}
@media only screen and (min-width: 1650px) {
  .container {
    max-width: 1600px;
  }
}

/* header open */ 

.header {
    position: relative;
    z-index: 1;
}
.primery-menu > ul > li , .same-side  ul li {
    list-style: none;
}
.parent-menu{
    padding: 25px 0px;
}
.primery-menu ul li > a {
    text-decoration: none;
    color: var(--white);
    font-size: 28px;
    letter-spacing: 2%;
    font-family: 'GELTIVO', sans-serif;
}
.primery-menu ul {
    gap: 28px;
    justify-content: end;
}
.bar {
    display: none;
}
.sub-header {
  background: rgba(255, 255, 255, 0.14); /* transparent white */
  backdrop-filter: blur(2px);           /* glass blur effect */
  border: 1px solid rgba(255,255,255,0.2);
}
ul.dropdown-menu li a {
    color: black;
    padding: 15px;
    font-size: 22px;
}
.menu-box ul li a {
    color: black;
/*     padding: 15px; */
    font-size: 16px;
    line-height: 29px;
    font-family: "Inter", sans-serif;
}

/* header close */

.primery-menu ul li a.nav-link,
.services-tabs a {
  position: relative;
  text-decoration: none;
}


/* Create the underline as a pseudo-element */
.primery-menu ul li a.nav-link::after,
.services-tabs a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -7px;
  left: 0;
  background-color: #FF6B00;
  transition: width 0.3s ease;
}

/* Animate to full width on hover */
.primery-menu ul li a.nav-link:hover::after,
.services-tabs a:hover::after {
  width: 100%;

}
.single_news_box.resources-news .news_img img.wp-post-image {
    height: 190px;
}
.primery-menu .nav-link {
  color: white;
}

/* mega-menu open */

.mega-menu {
    display: none; 
    left: 0;
    top: 80px;
}
.mega-menu-row {
    padding: 70px 50px;
}
.parent-menu:hover .mega-menu {
    display: block;
}
.menu-box {
    background: #E3EAEF;
    padding: 35px 20px 30px 30px;
}
.menu-box h6 {
    border-bottom: 1px solid;
    color: #081337;
}
.mega-menu-content h2 {
    font-size: 46px;
    line-height: 140%;
    font-weight: 400;
}

/* mega-menu close */

/* banner open */
.hm_hero_banner {
    margin-top: -170px;
    padding: 265px 0px 160px 0px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 51, 113, 0.8) 250%), 
     url('../images/banner-bg-img.png') no-repeat center center;
     background-size: cover;
     position: relative;
     z-index: 0;
}
.hm_hero_content{
    max-width: 550px;
    margin-top: 287px;
}
.hm_hero_content > p {
    font-size: 24px;
    line-height: 31px;
    width: 610px;
}
.consultation-btn .btn i {
    transform: rotate(45deg);
}
.consultation-btn a {
    padding: 15px 35px;
}
.partner-business {
    background-image: url(../images/partner-business-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 450px;
    max-width: 600px;
    padding: 92px 43px 52px 77px;
} 
.partner-business h4 {
    font-size: 52px;
    width: 369px;
}
.partner-business  .paragraph {
    font-size: 16px;
    width: 438px;
}
.client {
    width: 253px;
}
.client img {
    width: 120px;
}
.client-here {
    font-size: 11px;
    line-height: 18px;
}
.client-here span:first-child{
    font-size: 16px;
    display: block;
}
.site_icon_arrow_link {
    background-color: var(--orange);
    width: 73px;
    height: 73px;
    transform: rotate(45deg);
    font-size: 28px;
}

/* banner close */

/* section-1 open */

.section-1 {
    margin: 200px 0px 167px 0px;
}
.about-vibe {
    margin-bottom: 155px;
}
.about-btn i {
    transform: rotate(45deg);
}
.about.site_icon_arrow_link {
    transform: rotate(-45deg);
}
.auditor-rate span:first-child {
    font-size: 60px;
    display: block;
} 
.auditor-first-child img,
.auditor-second-child img {
  width: 100%;
  height: auto;
  display: block;
}
.parent-auditor {
    gap: 78px;
  }
.auditor-rate {
    font-size: 23px;
    line-height: 70px;
}
.auditor-content p {
    font-size: 16px;
    width: 75%;
}

/* section-1 close */

/* section-3 open */

.section-3 {
    margin: 130px 0px 200px 0px;
}
.services-content , .resources-content {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.services-content p , .resources-content p {
    font-size: 14px;
    line-height: 22px;
}
.services-content h5 {
    font-size: 24px;
}
.services p {
    line-height: 34px;
}
.services-button a i {
    transform: rotate(45deg);
}
.services-tabs h3 {
    font-size: 32px;
    line-height: 34px;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}
.services-tabs h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 250px;
    height: 2px;
    opacity: 0;
    background-color: var(--orange);
    transition: 0.3s ease;
}
.services-tabs h3.active:after {
    opacity: 1;
}
.slick-arrow { 
    border: none;
    background-color: var(--orange);
    padding: 10px 12px;
}
.custom-next.slick-arrow {
    right: 30px;
}
.custom-prev.slick-arrow {
    right: 90px;
    bottom: -47px;
}

/* section-3 close */

/* section-4 open */

.expertise p {
    width: 80%;
    line-height: 30px;
}
.accordion-item {
    width: 949px;
    border: none;
    border-bottom: 1.6px solid;
}
.banking {
    border: none;
}
.accordion-heading a {
    font-size: 24px;
    line-height: 32px;
}
.accordion-points ul li::marker {
    color: var(--orange);
}
.accordion-button::after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--orange);
    background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-points ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-family: "Inter", sans-serif;
}
.accordion-points {
    gap: 227px;
}
.accordion-item {
    width: 100%;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus {
    box-shadow: none;
}

/* section-4 close */

/* section-5 open */

.section-5 {
    margin-top: 183px;
}
.accounting-img img {
    width: 100%;
}
.accounting-left-side {
    width: 85%;
    padding-top: 15px;
}
.accounting-icon {
    width: 110px;
    height: 110px;
    font-size: 40px;
    right: 0;
    top: 0;
}
.accounting-right-side ul li {
    font-size: 28px;
    line-height: 59px;
    font-weight: 400;
}

/* section-5 close */

/* section-6 open */

.resources-lift-side {
    max-width: 830px;
}
.resources-content h6 {
    font-size: 18px;
    font-weight: 600;
}
.bottom-title {
    background-color: #F5F5F5;
}
.name-date h6 {
    font-size: 14px;
    line-height: 22px;
}
.name-date p {
    font-size: 12px;
    line-height: 18px;
}

/* section-6 close */

/* section-7 open */

.section-7 {
    background-image: url(../images/conversation-bg-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.conversation-left-side p {
    line-height: 26px;
    margin-top: 185px;
}
.conversation-right-side p {
    font-size: 14px;
    line-height: 24px;
}
.conversation-left-side p , 
.conversation-right-side p {
    color: rgba(255, 255, 255, 0.8);
}
.conversation-right-side {
    background-color: #FFFFFF21;
    border: 1px solid #FFFFFF45;
    padding: 50px 50px;
}
.all-input input , .secondary-dropdown {
    background-color: transparent;
    height: 48px;
    width: 100%;
    font-weight: 300;
}
.all-input input {
    color: white !important;
}
.all-input input:focus , .envelope input:focus {
    background-color: transparent;
    box-shadow: none;
}
.secondary-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5l6 6 6-6'/%3E%3C/svg%3E");
}
.form-select:focus {
    background-color: #000000;
}
.conversation-inputs input::placeholder,
.secondary-dropdown {
    color: rgba(255, 255, 255, 0.6);
}

/* section-7 close */

/* section-8 open */

.Testimonials-card {
    height: 374px;
    max-width: 392px;
    padding-top: 80px;
}
.Testimonials-card h5 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}
.Testimonials-card h6 {
    font-weight: 600;
}
.Testimonials-card p {
    width: 300px;
    font-size: 16px;
    line-height: 24px;
}
.Testimonials-card {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.24);
}
ul.slick-dots {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding-top: 50px;
}
ul.slick-dots li {
    list-style: none;
}
ul.slick-dots li button {
    color: transparent;
    border: none;
}
ul.slick-dots li button {
    background-color: #DADADA;
    height: 4px;
    color: transparent;
    border: none;
    width: 70px;
    border-radius: 20px;
}
ul.slick-dots li button:focus-within {
    background-color: var(--blue);
}

/* section-8 clolse */

/* footer open */

.footer-fourth-side {
    border-bottom: 1.379px solid #ffffff40;
    padding-bottom: 27px;
}
.footer-second-side ul li a , .footer-second-side h6 {
    font-family: "Inter", sans-serif;
}
.footer {
    padding-top: 80px;
}
.footer-icons a {
    color: var(--white);
}
.footer-icons a:hover {
    color: var(--orange);
}
.footer-second-side {
    padding-left: 40px;
}
.same-side h6 {
    border-bottom: 1px solid;
    width: 42%;
}
.footer-third-side h6 {
    width: 30%;
}
.footer-first-side p , .footer-fourth-side p {
    width: 100%;
    font-size: 17px;
}
.footer-fourth-side p {
    font-size: 18px;
}
.envelope input{
    background-color: transparent;
    border: none;
    color: var(--white) !important;
}
.envelope i, .parent-info-text i {
    color: var(--orange);
    font-size: 25px;
}
.envelope input::placeholder{
    color: var(--white);
    font-size: 18px;
}
.copy-right {
    border-top: 1px solid #ffff;
}
.copy-right-parent {
    padding-top: 66px;
}

/* footer close */

/* about-page */
.abt_expert_box h2 {
    font-size: 42px;
}

/* resources-page */

.event-content {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(5px);
    bottom: 10px;
    margin: 0px 10px;
    padding: 10px;
    transition: all ease-in-out 0.5s;
}
.event-content-slide {
    left: 5px;
    right: 5px;
    width: auto;
}
button.event-arrow {
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
}
button.event-arrow.next-arrow {
    right: 10px;
}
button.event-arrow.prev-arrow {
    left: 10px;
}

/* blog-page */

.blog-header {
    height: 471px;
}
.btn-parent .category-btn {
    padding: 10px 40px;
}
.blog-btn i{
    transform: none;
}
.category-btn.active {
    background-color: var(--blue);
    color: var(--white);
}

/* inside-blog-page */
.inside-blog-hero {
    background: rgba(255, 255, 255, 0.18);
}
.inside-blog-content h2 {
    font-size: 44px;
    line-height: 48px;
    width: 583px;
}
.inside-blog-content .inside-date {
    width: 175px;
}
.inside-blog-read-section {
    width: 1432px;
}
.inside-blog-hero-second-side img {
    border-radius: 0px 20px 20px 0px;
}

/* contact_us-page */
.contact-location {
    max-width: 730px;
}
.contact-input input, .contact-dropdown {
    color: #B5B4B4 !important;
}
.contact-dropdown {
    height: 48px;
}
.right-box h5 {
    font-size: 36px;
}

/* study_case_page */
.all-post h5 {
    font-size: 25px;
    letter-spacing: 0;
}

/* study_case_iner_page */
.case-study-inner {
    height: 503px;
}

/* advisory_services_page */
.services-page-first-section h1 {
    max-width: 400px;
}
.services-page-btn > a , .services-page-btn > a:hover {
    font-size: 28px;
    background-color: #EFF1F5;
}
.services-page-btn a i {
    font-size: 20px;
}
.services-page-btn::after {
    background-color: #0F172A;
}
.services-page-section-6 .row {
    background-image: url(../images/conversation-bg-img.png);
    padding: 63px 74px;
    background-position: center;
}
.services-page-left-side h3,
.conversition-right-side h3{
    font-size: 38px;
}
.video-icon {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.services-btn.collapsed {
    background: rgba(0, 62, 111, 0.09) !important;
}
.services-accordion-item .accordion-button {
    background: rgba(0, 62, 111, 0.09) ;
}
.services-accordion-item .accordion-collapse .accordion-body {
    background-color: var(--orange);
    color: #fff;
}
.services-accordion-item .accordion-button:not(.collapsed){
    background-color: var(--orange) ;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #fff;
}
.services-accordion-item .accordion-button:not(.collapsed) h2{
    color: #fff;
}
.services-btn.active-acc {
    background-color: var(--orange) !important;
}
.accordion-heading h2,
.accordion-heading h5 {
    color: black;
}
.services-btn.active-acc h2,
.services-btn.active-acc h5 {
    color: #fff;
}
.accordion-heading h2 {
    font-size: 80px;
    font-weight: 400;
}
.services-btn::after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--orange);
    background-position: center;
}
.services-btn::after {
    content: "\f176";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    background: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(40deg);
    font-size: 30px;
    width: auto;   
    height: auto;
}
.services-btn.active-acc::after {
    background: none;
    color: #fff;
    transform: translateY(-50%) rotate(-120deg);
}
.services-btn {
    position: relative;
}

/* CFO_services_page */

.CFO_services-card {
    background-color: #EFF1F5;
    height: 457px;
    padding: 41px 10px 0px 37px;       
}
.CFO_services-card h5 {
    font-size: 30px;
}
.CFO_services-card img {
    background-color: var(--orange);
}

.all-case-studies img {
    height: 400px;
    object-fit: cover;
}
.case-study-feat-post img{
    height: 400px;
    object-fit: cover;
}

.location-card iframe {
    width: 100%;
}
.event-parent-div img {
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
}

 /* WhatsApp Icon Styles */
        .whatsapp-icon {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 999;
            text-decoration: none;
            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
            transition: all 0.3s ease;
        }

        .whatsapp-icon:hover {
            transform: scale(1.1);
            box-shadow: 0 12px 35px rgba(37, 211, 102, 0.6);
        }

        .whatsapp-icon i {
            font-size: 32px;
            color: white;
        }

        /* Pulse Animation */
        .whatsapp-pulse {
            animation: vibrant-pulse 2s infinite;
        }

        @keyframes vibrant-pulse {
            0% {
                box-shadow: 0 8px 25px rgba(255, 107, 0, 0.4),
                            0 0 0 0 rgba(255, 107, 0, 0.7);
            }
            50% {
                box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4),
                            0 0 0 15px rgba(37, 211, 102, 0);
            }
            100% {
                box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4),
                            0 0 0 0 rgba(37, 211, 102, 0);
            }
        }

        /* Scroll to Top Button Styles */
        .scroll-to-top {
            position: fixed;
            bottom: 100px;
            right: 30px;
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #FF6B00 0%, #FF8C00 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 998;
            text-decoration: none;
            box-shadow: 0 8px 25px rgba(255, 107, 0, 0.4);
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }

        .scroll-to-top.show {
            opacity: 1;
            visibility: visible;
        }

        .scroll-to-top:hover {
            box-shadow: 0 12px 35px oklch(68.507% 0.17038 51.736 / 0.6);
        }

        .scroll-to-top i {
            font-size: 28px;
            color: white;
        }

        @media (max-width: 768px) {
            .whatsapp-icon {
                bottom: 20px;
                right: 20px;
                width: 55px;
                height: 55px;
            }

            .whatsapp-icon i {
                font-size: 28px;
            }

            .scroll-to-top {
                bottom: 90px;
                right: 20px;
                width: 55px;
                height: 55px;
            }

            .scroll-to-top i {
                font-size: 24px;
            }
        }


    .auditor-rate {
        line-height: 1.5 !important;
    }