:root{

    /* color */

    --color-primary: #ea4235;

    --color-secondary: #fdbb13;

    --color-black: #000;

    --color-primary-dark: #e5271a;

    --color-light-gray: #646568;

    --color-bg: #f4f5f9;





    /* padding */

    --pad-10: 10px 0;

    --pad-20: 20px 0;

    --pad-30: 30px 0;

    --pad-40: 40px 0;

    --pad-50: 50px 0;

    --pad-60: 60px 0;

    --pad-65: 65px 0;

    --pad-70: 70px 0;

    --pad-80: 80px 0;

    --pad-90: 90px 0;

    --pad-100: 100px 0;

    --pad-110: 110px 0;



    /* font size */

    --fs-10: 10px;

    --fs-12: 12px;

    --fs-14: 14px;

    --fs-16: 16px;

    --fs-18: 18px;

    --fs-20: 20px;

    --fs-22: 22px;

    --fs-24: 24px;

    --fs-26: 26px;

    --fs-28: 28px;

    --fs-30: 30px;

    --fs-32: 32px;

    --fs-36: 36px;

    --fs-38: 38px;

    --fs-40: 40px;

    --fs-42: 42px;

    --fs-48: 48px;

    --fs-56: 56px;

    --fs-64: 64px;



}



body{

    font-family: "Inter", sans-serif;

    font-size: 18px;

    color: var(--color-black);

}

/* remove culprints  */
.hero-slider:not(.owl-loaded) {
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 8 / 3;
}

.hero-slider:not(.owl-loaded) .item:not(:first-child) {
    display: none;
}

/* .hero-slider .owl-item img{
    width: 100% !important;
    height: auto !important;
} */

/* end  */

.color-black{ color: var(--color-black);}

.color-primary-dark{ color: var(--color-primary-dark);}

.color-primary{ color: var(--color-primary);}

.color-light-gray{color: var(--color-light-gray);}

.color-secondary{color: var(--color-secondary);}

.color-bg{background: var(--color-bg);}

.color-bg-primary{background: var(--color-primary);}





.p-10 { padding: var(--pad-10); }

.p-20 { padding: var(--pad-20); }

.p-30 { padding: var(--pad-30); }

.p-40 { padding: var(--pad-40); }

.p-50 { padding: var(--pad-50); }

.p-60 { padding: var(--pad-60); }

.p-65 { padding: var(--pad-65); }

.p-70 { padding: var(--pad-70); }

.p-80 { padding: var(--pad-80); }

.p-90 { padding: var(--pad-90); }

.p-100 { padding: var(--pad-100); }

.p-110 { padding: var(--pad-110); }



.pb-110 { padding-bottom:110px; }

.pt-90 { padding-top:90px; }

.pb-90 { padding-bottom:90px; }

.pt-70 { padding-top:70px; }

.pb-70 { padding-bottom:70px; }





.fs-10 { font-size: var(--fs-10); }

.fs-12 { font-size: var(--fs-12); }

.fs-14 { font-size: var(--fs-14); }

.fs-16 { font-size: var(--fs-16); }

.fs-18 { font-size: var(--fs-18); }

.fs-20 { font-size: var(--fs-20); }

.fs-22 { font-size: var(--fs-22); }

.fs-24 { font-size: var(--fs-24); }

.fs-26 { font-size: var(--fs-26); }

.fs-28 { font-size: var(--fs-28); }

.fs-30 { font-size: var(--fs-30); }

.fs-32 { font-size: var(--fs-32); }

.fs-36 { font-size: var(--fs-36); }

.fs-38 { font-size: var(--fs-38); }

.fs-40 { font-size: var(--fs-40); }

.fs-42 { font-size: var(--fs-42); }

.fs-48 { font-size: var(--fs-48); }

.fs-56 { font-size: var(--fs-56); }

.fs-64 { font-size: var(--fs-64); }

/* Add in style.css or Custom CSS */
@font-face {
    font-family: 'Font Awesome 7 Free';
    font-style: normal;
    font-weight: 900;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/webfonts/fa-solid-900.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Brands';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/webfonts/fa-brands-400.woff2') format('woff2');
    font-display: swap;
}



.border-r-6{

    border-radius: 6px;

}

.border-r-10{

    border-radius: 10px;

}

.bg-gradient-gray{

    background: linear-gradient(180deg, #fff 10%, #eef0f7);

}


.container{

    max-width: 1320px;

}

.max-width{

    max-width: 1140px;

}

.color-primary{

    color: var(--color-primary);

}



a{

    text-decoration: none;

    transition: 0.4s;

}

p{

    margin-bottom: 0;
    line-height: 1.8;
}
ul{
    line-height: 1.8;
}

.btn-1 {

    background-color: var(--color-primary);

    color: #fff;

    padding: 9px 25px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    display: inline-block;

}

.btn-1:hover{

    background-color: var(--color-primary-dark);

    color: #fff;

}

.btn-2 {

    color: var(--color-primary);

    padding: 9px 25px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    display: inline-block;

    border: 1px solid var(--color-primary);

}

.btn-2:hover{

    background-color: var(--color-primary-dark);

    color: #fff;

}

.btn-dark {

    background-color: var(--color-black);

    color: #fff;

    padding: 9px 25px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    display: inline-block;

}

.big-heading{

    line-height: 1.4;

    font-weight: 800;

    font-size: var(--fs-40)

}

.main-heading{

    line-height: 1.4;

    font-weight: 800;

    font-size: var(--fs-38)

}

.sub-heading{

    line-height: 1.3;

    font-weight: 700;

    font-size: var(--fs-18);

    color: var(--color-primary);

    text-transform: uppercase;

}

.small-heading{

    line-height: 1.3;

    font-weight: 600;

    font-size: var(--fs-18);

}
.heading-2{
    font-weight: 800;
    font-size: var(--fs-28);
}

.card-heading{

    line-height: 1.3;

    font-weight: 800;

    font-size: var(--fs-28);

}

input:focus, select:focus, textarea:focus{

    box-shadow: none !important;

    outline: none !important;

}





/* -------------------------------------------header css------------------------------------ */

header .navbar-brand img{

    max-height: 35px;

    width: auto;

}

header .menu-item a {

    padding: 0 25px;

    font-size: 1rem;

    color: var(--color-black);

}

header .menu-item a:hover {

    color: var(--color-primary)

}

header .navbar-nav {

    margin: 0 !important;

    margin-left: auto !important;

}

header nav{

    padding: 10px 0 !important;

}

.header.fixed-nav {

    position: sticky !important;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    animation: slideDown 0.8s ease forwards;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    transition: 0.4s;

    background-color: #fff;

}
header .menu-item-has-children {
    position: relative;
}

header .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 250px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    z-index: 99;
    padding-left: 0;
    padding-top: 10px;
}

header .menu-item-has-children:hover > .sub-menu {
    display: block;
}

header .sub-menu li {
    display: block;
}

header .sub-menu li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

header .sub-menu li a:hover {
    background-color: #f5f5f5;
}

header .sub-menu .sub-menu {
    left: 250px;
    display: none;
    top: 0;
    padding-top: 0;
}

header .sub-menu .menu-item-has-children:hover > .sub-menu {
    display: block;
}



/* ---------------------------------hero section css------------------------------- */

.hero .hero-content{

    max-width: 500px;

    margin: auto;

}

.author {

    background-color: #fff;

    border-radius: 6px;

    border: 1px solid #ccd3e8;

    font-size: var(--fs-16);

    padding: 25px;

    text-align: left;

    padding-left: 95px;

    position: relative;

}

.author img{

    width: 45px;

    height: 45px;

    border-radius: 50px;

    position: absolute;

    left: 25px;

    top: 25px;

}

form.input-form {

    margin-top: 40px;

}

form.input-form input{

    width: 70%;

    height: 60px;

    background-color: #fff;

    padding: 1.05rem 1.2rem;

    color: #000;

    border: 1px solid #e0e1e9;

}

form.input-form button{

    width: 30%;

    font-size: var(--fs-18);

    font-weight: bold;

    transition: 0.4s;

}

/* .hero-section{

    position: relative;

}

.hero-section .hero-container{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 100%;

    width: 100%;

    align-content: center;

    z-index: 1;

}

.hero-section .img-box img{

    width: 100%;

    object-fit: cover;

    height: calc(85vh);

}

.hero-section::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.5;

}

.hero-big{

    font-size: 4.5vw;

    color: #fff;

    font-weight: bold;

} 

.hero-big span{

    color: var(--color-primary);

}

.hero-banner-text p{

    width: 80%;

    padding: 10px 0;

    font-size: 16px;

    margin: auto;

}

.hero-banner-text .btn-1{

    margin-top: 30px;

}

.hero-sub-heading {

    border-radius: 50px;

    padding: 8px 20px;

    background-color: #ffffff45;

    width: max-content;

    margin: auto;

    margin-bottom: 10px;

    color: #fff;

} */

/* new hero slider */

.home-hero-slider{
    position: relative;
}
.hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero-slide {
    position: relative;
    width: 100%;
}

.hero-slide img {
    width: 100%;
    object-fit: cover;
    height: calc(85vh);
}

.hero-big{

    font-size: 4.5vw;

    color: #fff;

    font-weight: 700;
    text-transform: uppercase;

} 

.hero-big span{

    color: var(--color-secondary);

}

/*.hero-slide::after{*/

/*    position: absolute;*/

/*    content: "";*/

/*    left: 0;*/

/*    top: 0;*/

/*    width: 100%;*/

/*    height: 100%;*/

/*    background: #000;*/

/*    opacity: 0.5;*/
/*    z-index: 1;*/

/*}*/
.hero-banner-text p{

    width: 80%;

    padding: 10px 0;

    font-size: 16px;

    margin: auto;

}

.hero-slide-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-white);
    border-radius: 10px;
    z-index: 2;
}

.hero-slide .hero-content {
    margin-top: 2%;
    position: relative;
    z-index: 4;
    margin-left: 5%;
}
.hero-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 60px;
    display: flex;
    gap: 20px;
    padding-left: 0;
}

.hero-slider .owl-dots .owl-dot {
    list-style: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
    background-color: white;
    border: 2px solid var(--gray);
    transition: all 0.3s ease;
    
}

.hero-slider .owl-dots .owl-dot.active {
    border: 1px solid var(--primary-color);    
    position: relative;
}
.hero-slider .owl-dots .owl-dot.active:after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: 0px 0px 8.24px 0px #0000004D;
    border-radius: 50px;
}

.hero-slider .slick-dots li button {
    display: none;
}

/* .hero-slider h2, .hero-slide .hero-slider-heading, .hero-slide a.btn, .hero-slider-p{
    opacity: 0;
} */
.hero-slider .hero-animation .hero-slider-sub, .hero-slider .hero-animation .hero-slider-heading, .hero-slider .hero-animation .hero-slider-p {
    animation: fadeInUp 0.8s ease-in-out forwards;
    animation-delay: 0s;
}
.hero-slider .hero-animation a.btn {
    animation: fadeInUp 0.8s ease-in-out forwards;
    animation-delay: 0.6s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

[data-slick-index="1"] .hero-slider-heading, [data-slick-index="1"] .hero-slider-p{
 color: #fff;
}

/* .hero-slider .hero-slide {
  opacity: 0;
  transition: opacity 0.6s ease;
  position: relative;
}
.hero-slider .hero-slide.first-slide.visible {
  opacity: 1 !important;
} */


/* ---------------------------home blog section css----------------- */

.card-box img{

    aspect-ratio: 128 / 67;

}

.card-box .card-heading{

    color: var(--color-black);

}

.listing-card a{

    display: flex;

    align-items: center;

    column-gap: 15px;

}

.listing-card .small-heading{

    color: var(--color-black);

}

.listing-card img{

    aspect-ratio: 40 / 21;

    max-width: 160px;

}

.listing-card:not(:last-child){

    margin-bottom: 30px;

}

.card-box-author img{

    width: 28px;

    height: 28px;

    border-radius: 50px;

}

.card-box-author .card-box-author-text{

    width: calc(100% - 30px);

}



/* ---------------------------------------------footer css--------------------------------- */

footer{

    background: #191919;

}



.footer-logo{

    max-height: 40px;

    width: auto;

}

.footer-menu{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    margin-top: 15px;

}

.footer-menu a{

    color: var(--color-light-gray);

    font-size: var(--fs-16);

}

.footer-menu a:hover{

    color: #fff;

}

.footer-menu li + li{

    margin-top: 8px;

}

.footer-heading{

    color: #fff;

    font-size: var(--fs-16);

    font-weight: 600;

}

.footer-social-icons a + a{

    padding-left: 15px;

}

.footer-social-icons i{

    color: var(--color-light-gray);

    font-size: 28px;

}

.footer-policy a{

    font-size: var(--fs-14);

    padding: 0 12px;

}

.copyright .row{

    border-top: 1px solid var(--color-light-gray);

}



/* ------------------------------------------blog inner page css----------------------------------- */

.home-blog-2 .color-bg{

    border-radius: 10px;

    box-shadow: 0 0 1px 0 rgba(25, 27, 35, 0.16),0 2px 2px 0 rgba(25, 27, 35, 0.12);

}

.card-box-content{

    padding: 20px;

}

.listing-card-2:not(:last-child){

    border-bottom: 1px solid #bababa;

    padding-bottom: 25px;

} 

.listing-card-2:not(:first-child){

    padding-top: 20px;

}



.cta-1 .cta-1-box{

    border-radius: 10px;

    background-color: var(--color-primary);

    padding: 60px;

}

.input-form-cta{

    max-width: 610px;

    margin: auto;

    position: relative;

}

.input-form.input-form-cta input{

    width: 100%;

}

.input-form-cta button, .input-form-cta .btn-1, .input-form-cta .btn-dark {

    position: absolute;

    right: 4px;

    top: 50%;

    transform: translateY(-50%);

    height: 84%;

}

.input-form-cta input{

    height: 60px;

    background-color: #fff;

    padding: 1.05rem 1.2rem;

    color: #000;

    border: 1px solid #e0e1e9;

}

.input-form-cta .btn-dark{

    width: 30% !important;

    font-size: var(--fs-18);

    font-weight: bold;

    transition: 0.4s;

    border: none !important;

    color: #fff !important;

    background-color: var(--color-black) !important;

    padding: 9px 25px !important;

}

.input-form-cta .wpcf7-spinner, .input-form-cta br{
    display: none;
}

.input-form-cta p{
    position: relative;
}

.input-form-cta .wpcf7-not-valid-tip{
    color: #fff;
    position: absolute;
}

.blog-tag-ul{

    list-style: none;

    margin-bottom: 0;

    padding-left: 0;

    display: flex;

    justify-content: center;

    gap: 12px;

    flex-wrap: wrap;

}

.blog-tag {

    color: var(--color-light-gray);

    font-size: var(--fs-14);

    display: inline-flex;

    line-height: 1;

    padding: 12px 24px;

    border-radius: 5px;

    border: 1px solid #bababa;

}

.blog-tag:hover{

    border-color: var(--color-primary);

}



.blog-card{

    padding: 30px;

    border-radius: 10px;

    border: 1px solid transparent;

    transition: 0.4s;

    box-shadow: 0 0 1px 0 rgba(25, 27, 35, 0.16),0 2px 2px 0 rgba(25, 27, 35, 0.12);

}

.blog-card:hover{

    border-color: var(--color-primary);

}

.blog-card a img {

    aspect-ratio: 128 / 67;

}



/* ---------------------------------------blog details page css---------------------------------------------- */

.blog-box-author img{

    width: 33px;

    height: 33px;

    border-radius: 50px;

    border: 2px solid #fff;

}

.blog-feature-imb-box img{

    max-width: 700px;

    width: 100%;

    border-radius: 10px;

    position: relative;

}

.blog-feature-imb-box{

    position: relative;

}

.blog-feature-imb-box:before{

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    background-color: #fff;

    width: 100%;

    height: 75%;

}

.blog-grid{

    column-gap: 40px;

}

.blog-grid .col-center{

    width: 700px;

    min-width: 700px;

}

.blog-grid .col-left, .blog-grid .col-right{

    width: 100%;

}

.blog-heading-list ul{

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.blog-heading-list .blog-table-heading{

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #bababa;

}

.blog-heading-list ul li{

    padding: 6px 0;

    line-height: 1.4;

}

.blog-heading-list ul li a:hover{

    color: #000;

    font-weight: 600;

}

.post-share{

    width: 75px;

    border: 1px solid #bababa;

    padding: 10px 5px 0;

}

.post-share a{

    display: block;

    padding: 15px;

}

.post-share a i{

    font-size: 26px;

    color: #646568;

}

.blog-main-content{

    line-height: 1.8;

}

.blog-main-content p, .blog-main-content div, .blog-main-content span{

    margin-bottom: 20px;

}

.blog-main-content a{

    color: #bb4a03;

}

.blog-main-content h2{

    font-size: var(--fs-32);

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 25px;

}

.blog-main-content h3{

    font-size: var(--fs-28);

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 25px;

}

.blog-main-content h4{

    font-size: var(--fs-24);

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 25px;

}

.blog-main-content h5{

    font-size: var(--fs-22);

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 25px;

}

.blog-main-content h6, .blog-main-content h2{

    font-size: var(--fs-20);

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 25px;

}

.service-card img{

    max-height: 60px;

}

.service-card {

    border: 1px solid #bababa;

    padding: 25px 20px;

    border-radius: 10px;

    box-shadow: 0px 0px 1px 0px rgba(25, 27, 35, 0.16),0px 1px 2px 0px rgba(25, 27, 35, 0.12);

    transition: 0.4s;

}

.service-card:hover{

    border-color: var(--color-primary);

}

.testimonial-slider .box{

    border: 1px solid #bababa;

    padding: 15px;

    border-radius: 10px;

    box-shadow: 0px 0px 1px 0px rgba(25, 27, 35, 0.16),0px 1px 2px 0px rgba(25, 27, 35, 0.12);

    background: #fff;

    height: 420px;

}

.testimonial-slider p {

    height: 240px;

    overflow: auto;

}

.testimonial-slider p::-webkit-scrollbar {

  width: 1px;

}

.testimonial-slider p::-webkit-scrollbar-thumb {

  background: var(--color-primary); 

  border-radius: 20px;

}

.testimonial-icon{

    width: 50px !important;

    height: 50px;

    border-radius: 50px;

    border: 2px solid var(--color-primary);

    margin: 20px auto;

}

.testimonial-slider i{

    color: var(--color-primary);

}

.form-cta-box{

    padding: 25px;

    border: 1px solid #bababa;

    background-color: #fff;

    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.1) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;

}

.form-cta-box .btn-1{

    color: #fff !important;

    height: 45px;

}

.form-cta-box input, .form-cta-box select{

    height: 45px;

    padding: 10px 20px;

    border-radius: 4px !important;

    border: 1px solid #bababa;

}

.form-cta-box input::placeholder, .form-cta-box select::placeholder, .form-cta-box select option{

    font-size: 14px;

    color: #b5b5b5;

}

.form-cta-box textarea{

    padding: 20px;

    border-radius: 6px;

    border: 1px solid #bababa;

}

.form-cta-box input:focus, .form-cta-box textarea:focus, .form-cta-box select:focus{

    border-color: #000;

}

.form-cta-box .wpcf7-spinner{

    display: none;

}

textarea:focus{

    box-shadow: none !important;

    outline: none !important;

}

.inner-card {

    border: 1px solid #bababa;

    padding: 40px;

    border-radius: 10px;

    box-shadow: 0px 0px 1px 0px rgba(25, 27, 35, 0.16),0px 1px 2px 0px rgba(25, 27, 35, 0.12);

    transition: 0.4s;

    height: 100%;

    background-color: var(--color-bg);

}

.inner-card:hover{

    border-color: var(--color-primary);

}

.left-side{

    border-right: 1px solid #bababa;

}

.step-card{

    border: 1px solid #bababa;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0px 0px 1px 0px rgba(25, 27, 35, 0.16),0px 1px 2px 0px rgba(25, 27, 35, 0.12);

    transition: 0.4s;

    height: 100%;

    background: #fff;

}

.step-card:hover{

    border-color: var(--color-primary);

}

.testimonial-inner .box{

    border: 1px solid #bababa;

    padding: 30px;

    border-radius: 10px;

    box-shadow: 0px 0px 1px 0px rgba(25, 27, 35, 0.16),0px 1px 2px 0px rgba(25, 27, 35, 0.12);

    background: #fff;

}

#backToTop {
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 9999;
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    width: 44px;
    height: 44px;
    transition: 0.4s;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#backToTop:hover {
    background: var(--color-primary-dark);
}

.form-cta-box .phone-group p {
    display: flex;
    align-items: center;
    border: 1px solid #bababa;
    border-radius: 4px;
    overflow: hidden;
    height: 45px;
    background: #fff;
    font-size: 1rem;
}

.form-cta-box .phone-group .dial-code {
    min-width: 60px;
    padding: 0 10px;
    background: #f3f3f3;
    border-right: 1px solid #bababa;
    text-align: center;
    font-size: 1rem;
    height: 100%;
    align-content: center;
}

.form-cta-box .phone-group .phone-input {
    border: none !important;
    outline: none !important;
    flex: 1;
    padding: 0 12px;
    height: 100%;
}

.form-cta-box .phone-group .phone-input:focus {
    box-shadow: none !important;
}
.form-cta-box .phone-group br{
    display: none;
}
.form-cta-box .phone-group .dial-code:empty::before {
    content: "+1";
}

.breadcrumb a{
    color: var(--color-primary);
}

/* --------------------------------------fixed cta start--------------------------------------- */

.fixed-cta-desktop {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    right: 0;
    line-height: 55px;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    z-index: 99999;
    text-align: center;
    box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: hidden;
}

.fixed-cta-desktop i {
    color: #fff;
    font-size: 20px;
}

.fixed-cta-desktop a{
    position: relative;
    display: block;
}
.fixed-cta-desktop a:first-child{
    background-color: var(--color-primary);
}
.fixed-cta-desktop a:nth-child(2){
    background-color: var(--color-black);
}
.fixed-cta-desktop a:last-child{
    background-color: var(--color-secondary);
}

.fixed-cta-desktop a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-size: 14px;
    background: var(--color-black);
    line-height: 1;
    padding: 10px 18px;
    border-radius: 4px 0 0 4px;
    display: block;
    text-align: left;
    white-space: nowrap;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

.fixed-cta-desktop a:hover span {
    right: 37px;
    opacity: 1;
    visibility: visible;
}

.fixed-cta-mobile {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    z-index: 99;
}
.fixed-cta-mobile a {
    width: 100%;
    text-align: center;
    padding: 8px;
}
.fixed-cta-mobile a:first-child{
    background-color: var(--color-primary);
}
.fixed-cta-mobile a:nth-child(2){
    background-color: var(--color-black);
}
.fixed-cta-mobile a:last-child{
    background-color: var(--color-secondary);
}
.fixed-cta-mobile i{
    color: #fff;
}
/* --------------------------------------fixed cta end--------------------------------------- */

/* --------------------------------------------author section -------------------------------- */

.author-profile-card {
    display: flex;
    gap: 24px;
    padding: 24px;
    background-color:var(--color-bg);
    border: 1px solid #bababa;
    border-radius: 6px;
    font-family: inherit;
    box-sizing: border-box;
}

.author-profile-card div, .author-profile-card span {
    margin-bottom: 0;
}

.author-profile-card .author-meta-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.author-profile-card .author-avatar-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #bababa;
}

.author-profile-card .author-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-profile-card .author-social-links {
    display: flex;
    gap: 10px;
}

.author-profile-card .author-social-links a {
    font-size: 14px;
    transition: color 0.2s ease;
    text-decoration: none;
}

.author-profile-card .author-social-links a:hover {
    color: var(--primary-color);
}

.author-profile-card .author-content-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.author-profile-card .author-header {
    margin-bottom: 8px;
}

.author-profile-card .author-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
}

.author-profile-card .author-name {
    font-size: 20px;
    margin: 2px 0 0 0;
    font-weight: 700;
}

.author-profile-card .author-bio {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.author-profile-card .author-post-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 12px;
    border-top: 1px dashed #bababa;
}

.author-profile-card .detail-item {
    display: flex;
    flex-direction: column;
}

.author-profile-card .detail-label {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.author-profile-card .detail-value {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
}
/* --------------------------------------------author section end -------------------------------- */

/* -------------------------------------- audit form --------------------------------------- */

.audit-forms input, .audit-forms select {
    height: 46px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 50px;
}
.audit-forms textarea {
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 50px;
}
.audit-forms .btn-close {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* -------------------------------------- ai-overview-box --------------------------------------- */
.ai-overview-box {
    background: #f8f9fa;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #7a00df;
    border-radius: 8px;
    padding: 24px;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.ai-overview-box .ai-overview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 12px;
}

.ai-overview-box .ai-badge {
    background: linear-gradient(135deg, #7a00df 0%, #2874fc 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ai-overview-box .ai-source-tag {
    font-size: 12px;
    color: #718096;
    font-weight: 500;
}

.ai-overview-box .ai-overview-content .ai-summary-text {
    font-size: 14px;
    line-height: 1.6;
    color: #2d3748;
    margin-bottom: 14px;
}

.ai-overview-box .ai-key-points {
    margin: 0 0 16px 0;
    padding-left: 20px;
}

.ai-overview-box .ai-key-points li {
    font-size: 14px;
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: 8px;
}

.ai-overview-box .ai-overview-footer {
    border-top: 1px solid #edf2f7;
    padding-top: 10px;
}

.ai-overview-box .ai-overview-footer small {
    font-size: 12px;
    color: #a0aec0;
}


/* ---------------------------------------responsive css-------------------------------------------- */



@media (min-width: 992px){

    .col-left .blog-heading-list, .col-right .post-share {

        position: sticky;

        top: 90px;

    }
    #menu-menu-1 #menu-item-985{
        display: none;
    }

}



@media (max-width: 1399px){

    .testimonial-slider .box {

        height: 380px;

    }

    .testimonial-slider p {

        height: 195px;

    }

}



@media (max-width: 1199px){

    .main-heading {font-size: var(--fs-36);}

    .container {

        padding: 0 20px;

    }

    .hero-slide img {

       height: 550px;

    }

    .listing-card .small-heading{

        font-size: var(--fs-16);

    }

    .listing-card img {

        max-width: 140px;

    }

    .blog-heading-list .post-toc {
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
        position: fixed;
        width: 500px;
        bottom: 10px;
        background: #fff;
        left: 50%;
        transform: translateX(-50%);
    }

    .blog-heading-list .post-toc .blog-table-heading{
        position:relative;
        margin:0;
        padding:15px;
        cursor:pointer;
        border-bottom:1px solid #eee;
    }

    .blog-heading-list .post-toc .blog-table-heading::after{
        content:"+";
        position:absolute;
        right:15px;
        top:50%;
        transform:translateY(-50%);
        font-size:20px;
        transition:.3s;
    }

    .blog-heading-list .post-toc ul{
        display:none;
        padding:15px;
        margin:0;
    }

    .blog-heading-list .post-toc.active .blog-table-heading::after{
        content:"−";
    }

    .blog-heading-list .post-toc.active ul{
        display:block;
    }

}



@media (max-width: 991px){

    .main-heading {font-size: var(--fs-30);}

    .big-heading {font-size: var(--fs-32);}

    .card-heading {font-size: var(--fs-24);}



    .pb-110 { padding-bottom: 85px; }

    .pt-90 { padding-top:75px; }

    .pb-90 { padding-bottom:75px; }

    .pt-70 { padding-top:55px; }

    .pb-70 { padding-bottom:55px; }

    :root{

        --pad-70: 55px 0;

        --pad-90: 75px 0;

        --pad-110: 85px 0;

        --pad-65: 55px 0;

    }



    header .navbar-brand img {

        max-height: 30px;

    }

    header nav {

        padding: 10px 0 !important;

    }

    .blog-grid{

        display: block !important;

    }

    .blog-grid .col-center {

        width: 100%;

        min-width: auto;

    }

    .blog-heading-list .blog-table-heading {

        padding-bottom: 10px;

        margin-bottom: 3px;

    }

    .post-share a {

        display: inline;

        padding: 8px;

    }

    .post-share {

        text-align: left !important;

        padding: 5px !important;

        border: none;

        width: 100%;

    }

    .post-share a i {

        font-size: 20px;

    }

    header .navbar-toggler{

        order: 3;

    }

    header .navbar-toggler:focus {

        box-shadow: none;

    }

    header .btn-1 {

        margin-left: auto;

        margin-right: 20px;

    }

    header .navbar-collapse {

        position: fixed;

        left: 0;

        top: 61px;

        background: #fff;

        width: 100%;

        height: 100vh;

        border-top: 1px solid #bababa;

        transition: 0.2s;

        visibility: hidden;

        opacity: 0;

        visibility: hidden;

        opacity: 1;

        z-index: 5;

    }

    header .navbar-collapse.show{

        visibility: visible;

        opacity: 1;

    }

    header .navbar-brand {

        position: relative;

        z-index: 1;

    }

    header .menu-item a {
        display: block;
        padding: 0;
        font-size: 20px;
        color: var(--color-light-gray);
        line-height: 1.8;
        padding: 8px 0px;
        position: relative;
        width: fit-content;
    }

    header .navbar-nav {

        padding: 20px 35px;

    }

    .form-cta-box {

        padding: 40px;

    }
    header .sub-menu, header .sub-menu .sub-menu {
        display: none;
        transition: all 0.4s ease;
    }
    header .sub-menu.show,  header .sub-menu .sub-menu.show  {
        display: block !important;
    }
    header .menu-item-has-children:hover > .sub-menu, header .sub-menu .menu-item-has-children:hover > .sub-menu{
        display: none;
    }
    header .sub-menu {
        position: relative;
        box-shadow: none;
        padding-top: 0;
    }
    header .sub-menu .sub-menu {
        left: 25px;
    }
    header .sub-menu li a{
        color: var(--color-light-gray);
        font-size: var(--fs-18);
    }
    header ul.navbar-nav > li > a::after, header ul.navbar-nav > li#menu-item-97 > .sub-menu > li > a::after {
        position: absolute;
        content: "";
        right: -20px;
        top: 50%;
        transform: translateY(-50%) rotate(315deg);
        width: 8px;
        height: 8px;
        border-right: 2px solid var(--color-light-gray);
        border-bottom: 2px solid var(--color-light-gray);
    }
    header .menu-item-has-children:has(> .sub-menu.show) > a::after, header .sub-menu li#menu-item-97:has(> .sub-menu.show) > a::after {
        transform: translateY(-50%) rotate(45deg) !important;
    }
    header ul.navbar-nav > li#menu-item-97 > .sub-menu > li > a{
        padding-right: 0;
    }

    .blog-heading-list ul{

        margin-bottom: 40px;

    }
    .heading-2 {
        font-size: var(--fs-26);
    }

}



@media (max-width: 767px){

    .pb-110 { padding-bottom: 70px; }

    .pt-90 { padding-top:60px; }

    .pb-90 { padding-bottom:60px; }

    .pt-70 { padding-top:45px; }

    .pb-70 { padding-bottom:45px; }

    :root{

        --pad-70: 45px 0;

        --pad-90: 60px 0;

        --pad-110: 70px 0;

        --pad-65: 45px 0;

    }



    .footer-policy a {

        padding: 0 12px;

        padding-left: 0;

    }

    .author img {

        display: none;

    }

    .author {

        padding-left: 25px;

    }

    .hero .big-heading br{

        display: none;

    }

    form.input-form input {

        width: 100%;

    }

    form.input-form button{

        width: 100%;

        margin-top: 10px;

        height: 60px;

    }

    .blog-card {

        padding: 0;

        box-shadow: unset;

        background: unset;

        border: none;

        padding-bottom: 14px;

        border-bottom: 1px solid #bababa;

        border-radius: 0;

    }

    .card-box-content {

        padding: 0px;

        padding-top: 20px;

    }

    .card-box .color-bg{

        background: unset !important;

        border-bottom: 1px solid #bababa;

        border-radius: 0;

        padding-bottom: 14px;

        box-shadow: unset;

    }

    .cta-1 .cta-1-box {

        padding: 15px;

    }

    .input-form-cta button {

        position: unset;

        height: 100%;

        transform: unset;

        background: #fff;

        color: var(--color-primary);

    }

    .form-cta-box {

        padding: 25px;

    }

    .left-side{

        border: none;

    }

    .inner-card {

        padding: 25px;

    }

    .hero-big {

        /* font-size: 8vw; */

        font-size: 35px;

    }

    .hero-sub-heading{

        display: none;

    }

    .hero-banner-text p {

        width: 100%;

        padding: 0;

    }
    .main-heading {
        font-size: var(--fs-28);
    }
    .heading-2 {
        font-size: var(--fs-24);
    }
    .testimonial-inner .box {
        padding: 15px;
    }
    #backToTop {
        bottom: 107px;
    }
    footer {
        margin-bottom: 40px;
    }
    .blog-heading-list .post-toc {
        width: calc(100% - 40px);
        bottom: 50px;
    }
    .author-profile-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }
  
    .author-profile-card .author-meta-left {
        margin-bottom: 12px;
    }

    .author-profile-card .author-post-details {
        justify-content: center;
        gap: 10px;
    }

    .blog-main-content p, .blog-main-content div, .blog-main-content span{

        margin-bottom: 20px;

        font-size: 16px;

    }

    .blog-main-content {

        font-size: 16px;

    }

}



@media (max-width: 575px){
    .hero-slide img {

       height: 400px;

       object-position: right;

    }

    .hero-slide .hero-content {
        margin-left: 0%;
    }
    .input-form.input-form-cta .btn-dark {
        width: 100% !important;
        position: unset;
        margin-top: 30px;
    }

}