@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root{
    --outfit: 'Outfit', sans-serif;
    --plusjs: 'Plus Jakarta Sans', sans-serif;
    --primary: #f8b332;
    --secondary: #94a3b8;
    --secondary2: #cbd5e1;
    --white: #ffffff;
    --dark: #0a0a0a;
    --border: #334155;
    --border2: #1e293b;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-lg: 20px;
    --text-xl: 24px;
}


html{
    height: 100%;
}
body{
    padding: 0;
    margin: 0;
    font-size: 1rem;
    color: var(--secondary);
    font-family: var(--plusjs);
    font-weight: 300;
    height: 100%;
    background-color: var(--dark);
}

/* Common Style */
a{
    color: var(--white);
    text-decoration: unset;
}
a:hover{
    color: var(--primary);
}
.extra_link{
    color: var(--primary);
    text-decoration: unset;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:none;
}

.bg_primary{
    background-color: var(--primary) !important;
}
.text_dark{
    color: var(--dark);
}
.text_secondary{
    color: var(--secondary);
}
.h-lg-100{
    height: 100%;
}

/* Buttons */
.theme_btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    padding: 1rem 2rem;
    border-radius: 80px;
    border-style: solid;
    border-width: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.primary_btn {
    border-color: var(--primary);
    color: var(--dark);
    background-color: var(--primary);
    transform: scale(1);
}
.primary_btn:focus, .primary_btn:hover {
    border-color: var(--primary);
    color: var(--dark);
    background-color: var(--primary);
    transform: scale(1.05);

}

.primary_btn_bordered{
    background-color: transparent;
    color: var(--primary);
    border-color: var(--primary);
}
.primary_btn_bordered:focus, .primary_btn_bordered:hover {
    color: var(--dark);
    background-color: var(--primary);
}

.sm_btn{
    font-size: var(--text-sm) !important;
    line-height: var(--text-lg) !important;
    padding: 0.525rem 1.3rem !important;
}

.text-justify{
    text-align: justify;
}

/* Header */
.main_header{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: transparent;
}
.main_header.fixed-top{
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    background-color: var(--dark);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
@keyframes fadeInDown {
	0% {
	  opacity: 0;
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  transform: translateZ(0);
	}
}

.navbar-brand img{
    height: 3rem;    
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.main_header.fixed-top .navbar-brand img{
    height: 3rem;  
}

.navbar-nav .nav-link {
    color: var(--white);
    font-size: var(--text-sm);
    font-weight: 500;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: var(--primary);
}
.nav-link span{
    position: relative;
}


/* Bootstrap Offcanvas */
@media (max-width: 991.98px) {
    .navbar-nav .nav-link {
        font-size: var(--text-lg);
    }
    .offcanvas-collapse {
      position: fixed;
      top: 0; 
      bottom: 0;
      left: 100%;
      width: 50%;
      padding: 30px 16px 16px;
      overflow-y: auto;
      visibility: hidden;
      background-color: var(--dark);
      transition: transform .3s ease-in-out, visibility .3s ease-in-out;
      z-index: 1100;
    }
    .offcanvas-collapse.open {
      visibility: visible;
      transform: translateX(-100%);
    }

    #mobMenuBtn.btn-close {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 15px;
        padding: 10px;
        border-radius: 50%;
        display: block !important;
        background-color: var(--white);
        z-index: 1100;
    }
  }
  
  .nav-scroller .nav {
    color: rgba(255, 255, 255, .75);
  }
  
  .nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
  }
  .nav-scroller .active {
    font-weight: 500;
    color: #343a40;
  }

  /* Navbar */
  #mobMenuBtn.btn-close{
    display: none;
  }
  @media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 20px;
    }
  }

  /* Home Banner */
.home_banner {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.home_banner .parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    will-change: transform;
}
.parallax_overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, rgb(2 4 10 / 0.8), #02040a);
}

.home_banner .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));
    z-index: 2;
}

.home_banner .home_banner_content {
    position: relative;
    z-index: 3;
    text-align: center;
}

.home_banner h1 {
    font-family: var(--outfit);
    font-size: 6rem;
    line-height: 1;
    font-weight: 700;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-stops: #fff, var(--secondary);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 1.5rem;
}

.home_banner p {
    font-size: var(--text-lg);
    line-height: 1.75rem;
    color: #ccc;
    margin-bottom: 3rem;
}
.banner_btns {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 4rem;
}

.banner_bx {

}
.banner_bx_inn {
    background-color: rgb(15 23 42 / 0.3);
    padding: 1.5rem;
    border: 1px solid var(--border2);
    border-radius: 0.75rem;
    height: 100%;
}
.banner_bx_inn:hover {
        border-color: rgb(248 179 50 / 0.5);
}
.banner_bx_inn svg {
    color: var(--primary);
    width: 2rem;
    height: 2rem;
}
.banner_bx_inn p {
    font-size: var(--text-sm);
    line-height: var(--text-lg);
    color: var(--secondary2);
    margin: 0;
}

.sec_group {
    position: relative;
}
.services_overview {
    background-color: rgb(2 4 10 / 1);
}

/* Form */
.form-label {
    font-size: var(--text-sm);
    line-height: var(--text-lg);
    font-weight: 500;
    color: var(--secondary2);
}
.form-control:focus, .form-select:focus {
    color: var(--white);
    background-color: initial;
    border-color: var(--primary);
    outline: 0;
    box-shadow: none;
}
.form-control, .form-select {
    font-size: 1rem;
    font-weight: 300;
    padding: 8px 1rem;
    border-radius: 0.5rem;
    border-color: var(--border);
    color: var(--white);
    background-color: rgb(0 0 0 / 0.5) !important;
    margin-bottom: 12px;
    min-height: 3rem;
}

/* Sections */
.section_padding{
    padding: 100px 0;
}
.section_heading{
    position: relative;
    margin-bottom: 4rem;
}
.section_heading h2{
    font-size: 3.75rem;
}
.service_sec_content h2{
    font-size: 3rem;
}
.section_heading h2, .service_sec_content h2{
    line-height: 1;
    font-weight: 700;
    font-family: var(--outfit);
    margin-bottom: 1.5rem;
    color: var(--white);
}
.section_heading p, .service_sec_content p{
    font-size: var(--text-lg);
    line-height: 1.75rem;
}

/* Services Overview */
.home_service_bx {
    position: relative;
    height: 100%;
}
.home_service_bx_inn {
    padding: 2rem;
    background-color: rgb(15 23 42 / 0.5);
    border: 1px solid var(--border2);
    border-radius: 1rem;
    height: 100%;
    transform: translateY(0px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.home_service_bx_inn:hover {
    border-color: rgb(248 179 50 / 0.5);
    transform: translateY(-8px);
}
.home_service_bx_inn svg {
    width: 3rem;
    height: 3rem;
    color: var(--primary);
    margin-bottom: 1.5rem;
}
.home_service_bx_inn h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    font-family: var(--outfit);
    color: var(--white);
}
.home_service_bx_inn p {
    color: var(--secondary);
    margin-bottom: 0;
}

/* Our Process */
.our_process {
    background-image: linear-gradient(to bottom, #02040a, var(--dark));
}
.process_main {
    position: relative;
}
.process_vr_bar {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, var(--primary), rgb(248 179 50 / 0.5), transparent);
    width: 0.125rem;
}
.process_card {
    position: relative;
    margin-bottom: 3rem;
    display: flex;
}
.process_dot {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(248 179 50 /1);
    border-radius: 9999px;
    width: 1rem;
    height: 1rem;
    top: 0rem;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 15px #f8b332;
}
.process_card_content {
    width: 50%;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-left: 50%;
    text-align: left;
}
.process_card:nth-child(even) .process_card_content {
    margin-left: 0;
    margin-right: 50%;
    text-align: right;
}
.process_card:last-child {
    margin-bottom: 0;
}
.process_card_content .process_count {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--outfit);
    color: rgb(248 179 50 / 0.2);
}
.process_card_content h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--white);
        margin-bottom: 0.5rem;
    font-family: var(--outfit);
}
.process_card_content p {
    color: var(--secondary);
}

/* Ideal Clients */
.ideal_clients {
    background-color: rgb(10 10 10 / 1);
}
.ideal_clients_bx, .ideal_clients_bx a {
    height: 100%;
}
.ideal_clients_bx_inn {
    padding: 2rem;
    background-color: rgb(15 23 42 / 0.5);
    border: 1px solid var(--border2);
    border-radius: 1rem;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    height: 100%;
}
.ideal_clients_bx_inn:hover {
    border-color: rgb(248 179 50 / 0.5);

}
.ideal_clients_bx_inn svg {
    width: 3rem;
    height: 3rem;
    color: var(--primary);
    margin-bottom: 1rem;
}
.ideal_clients_bx_inn h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-bottom: 0;
    font-family: var(--outfit);
    color: var(--white);
}
.ideal_clients_bx_inn p {
    color: var(--secondary);
    margin-bottom: 0;
}

/* Ready to Boost Your Conversions? */
.home_form {
    background-image: linear-gradient(to bottom, var(--dark), #02040a);
}
.home_form_bx, .blog_subscribe, .contact_timing {
    position: relative;
    padding: 2.5rem !important;
    background-color: rgb(15 23 42 / 1);
    border: 1px solid var(--border2);
    border-radius: 1.5rem;
}

/* FOOTER */
.footer_main{
    position: relative;
    background-color: var(--dark);
    border-top: 1px solid var(--border);
}
.footer_main .footer_top {
    position: relative;
    padding: 60px 0;
    font-size: var(--text-sm);
}
.footer_main .footer_top .footer_logo {
    height: 3rem;
    margin-bottom: 1.5rem;
}

.footer_main .footer_top .footer_links{
    position: relative;
}
.footer_main .footer_top .footer_links h5{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--white);
    font-family: var(--outfit);

}
.footer_main .footer_top .footer_links ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer_main .footer_top .footer_links ul li, .footer_main .footer_top .footer_links p, .footer_main .footer_copyright p{
    position: relative;
    font-size: var(--text-sm);
    font-weight: 400;
    margin-bottom: 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer_main .footer_top .footer_links ul li a, .footer_main .footer_top .footer_links p a{
    position: relative;
    font-size: var(--text-sm);
    font-weight: 400;
    margin-bottom: 24px;
    color: var(--secondary);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.footer_main .footer_top .footer_links ul li a:hover, .footer_main .footer_top .footer_links p a:hover{
    color: var(--primary);
}

.footer_social{
    display: flex;
    align-items: center;
    justify-content: end;
}
.footer_social a{
    margin-right: 16px;
    color: var(--secondary);
}
.footer_social a:last-child{
    margin-right: 0;
}
.footer_social a:hover {
    color: var(--primary);
}

.footer_main .footer_copyright {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid var(--border);;
}
.footer_main .footer_copyright p{
    margin-bottom: 0;
}

/* ----------------------------------------- */
/* Subpages */
/* ----------------------------------------- */
.subpage_banner {
    background-image: linear-gradient(to bottom, #02040a, #0a0a0a);
}
.subpage_heading {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.subpage_heading h1 {
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 1.5rem;
}
.subpage_heading p {
    font-size: var(--text-lg);
}




/* ----------------------------------------- */
/* Services */
/* ----------------------------------------- */
.service_sec {
    position: relative;
}
.service_sec:nth-child(2){
background-color: var(--dark);
}
.service_sec:nth-child(3){
    background-image: linear-gradient(to bottom, #0a0a0a, #02040a);
}
.service_sec:nth-child(4){
background-color: #02040a;
}
.service_sec:nth-child(5){
    background-image: linear-gradient(to bottom, #02040a, #0a0a0a);
}
.service_sec .banner_bx .banner_bx_inn svg{
    margin-bottom: 1rem !important;
}
.service_sec_content {
    position: relative;
    padding: 0 2rem;
}
.service_sec_content svg {
    width: 4rem;
    height: 4rem;
    color: var(--primary);
    margin-bottom: 1.5rem;
}

/* ----------------------------------------- */
/* Pricing */
/* ----------------------------------------- */

.bg_fix {
    background-color: #02040a !important;
    background-image: none !important;
}
.pricing_title h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 3rem;
}
.pricing_bx {
    position: relative;
    padding: 2rem;
    background-color: rgb(15 23 42 / 0.5);
    border: 1px solid var(--border2);
    border-radius: 1rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.pricing_bx.popular, .pricing_bx:hover {
    border-color: var(--primary);
}
.pricing_popular {
    position: absolute;
    top: -1rem;
    left: 50%;
    font-size: var(--text-sm);
    color: var(--dark);
    font-weight: 700;
    padding: 4px 16px;
    background-color: var(--primary);
    border-radius: 9999px;
    transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.pricing_plan {
    font-size: var(--text-xl);
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 0.5rem;
}
.pricing_desc {
    font-size: var(--text-sm);
}
.pricing_price {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--primary);
    margin-bottom: 2rem;
}
.pricing_features {
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
}
.pricing_features li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.pricing_features li:last-child {
    margin-bottom: 0;
}
.pricing_features li svg {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--primary);
    margin-right: 0.75rem;
}
.pricing_features li span {
    font-size: var(--text-sm);
    color: var(--secondary2);
}


/* ----------------------------------------- */
/* Blog */
/* ----------------------------------------- */
.blog_card {
    position: relative;
    background-color: rgb(15 23 42 / 0.5);
    border: 1px solid var(--border2);
    border-radius: 1rem;
    overflow: hidden;
}
.blog_card_img {
    position: relative;
    height: 14rem;
    width: 100%;
    overflow: hidden;
}
.blog_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.blog_card_badge {
    position: absolute;
    left: 1rem;
    top: 1rem;
}
.blog_card_badge span {
    font-size: var(--text-xs);
    font-weight: 700;
    padding: 4px 12px;
    color: var(--dark);
    background-color: var(--primary);
    border-radius: 9999px;
}
.blog_card_content {
    position: relative;
    padding: 1.5rem;
}
.blog_card_his {
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: var(--secondary);
}
.blog_card_own, .blog_card_date {
    display: flex;
    align-items: center;
    gap: 2;
}
.blog_card_own svg, .blog_card_date svg {
    width: 1rem;
    height: 1rem;
    margin-right: 4px;
}
.blog_card_date {
    margin-left: 16px;
}
.blog_card_content h2 {
    font-size: var(--text-lg);
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 0.75rem;
}
.blog_card_content p {
    font-size: var(--text-sm);
    color: var(--secondary);
}
.blog_card_content .blog_readmore {
    font-size: var(--text-sm);
    color: var(--primary);
    font-weight: 500;
}
.blog_card_content .blog_readmore svg {
    width: 1rem;
    height: 1rem;
    margin-left: 4px;
}
.blog_card:hover {
    border-color: var(--border);
}
.blog_card:hover .blog_card_img img {
    transform: scale(1.05);
}
.blog_card:hover .blog_card_content h2 {
    color: var(--primary);
}
.blog_card:hover .blog_card_content .blog_readmore svg {
    margin-left: 8px;
}

.blog_subscribe {

}
.subscribe_form {
    margin-top: 2rem;
}
.subscribe_form .btn {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem !important;
}

/* Blog Details */

.subpage_heading.blog_details_heading h1 {
    font-size: 3.5rem;
}
.blog_details .blog_card_img {
    height: auto;
}
.blog_details h1,
.blog_details h2,
.blog_details h3,
.blog_details h4,
.blog_details h5,
.blog_details h6 {
    font-family: var(--outfit);
    color: var(--white);
}
.blog_details ul li {
    margin-bottom: 8px;
}

/* Contact */

.contact_content {

}
.contact_heading h2 {
    font-size: 1.875rem;
    font-weight: 700;
    font-family: var(--outfit);
    margin-bottom: 2rem;
    color: var(--white);
}
.contact_heading p {
    font-size: var(--text-lg);
    margin-bottom: 2rem;
}
.contact_inn {
    display: flex;
    align-items: start;
    margin-bottom: 24px;
}
.contact_inn_icon {
    background-color: rgb(248 179 50 / 0.1);
    padding: 0.75rem;
    border-radius: 0.5rem;
    margin-right: 16px;
}
.contact_inn_icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--primary);
}
.contact_inn_text h3 {
    font-size: var(--text-lg);
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 4px;
}
.contact_inn_text a, .contact_inn_text p {
    color: var(--secondary);
}
.contact_timing h3 {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--white);
    font-family: var(--outfit);
    margin-bottom: 1rem;
}
.contact_hours p {
    margin-bottom: 8px;
}
.contact_hours p:last-child {
    margin-bottom: 8px;
}
.contact_btm {

}
.contact_btm p {
    font-size: 1.875rem;
    font-family: var(--outfit);
    font-weight: 500;
}
.contact_btm p span {
    color: var(--primary);
}


/* ----------------------------------------- */
/* Responsive */
/* ----------------------------------------- */
@media (max-width: 1366px){
    .home_banner {
        height: 140vh;
    }
    .home_banner h1 {
        font-size: 5rem;        
    }
}

@media (max-width: 1024px){
:root {
    --text-sm: 13px;
    --text-lg: 17px;
    --text-xl: 19px;
}
.navbar-brand img, .main_header.fixed-top .navbar-brand img {
    height: 2.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 16px;
}
.home_banner h1 {
    font-size: 4.5rem;
}
.theme_btn {
    font-size: 1rem;
    line-height: 1.50rem;
    padding: 0.7rem 1.5rem;
}
.section_padding {
    padding: 70px 0;
}
.section_heading h2, .service_sec_content h2 {
    font-size: 2.4rem;
    margin-bottom: 0.8rem;
}
.home_service_bx_inn h3, .process_card_content h3 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}
.ideal_clients_bx_inn h3 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.subpage_heading h1 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--outfit);
    color: var(--white);
    margin-bottom: 1rem;
}
.service_sec_content svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
}
.service_sec_content {
    padding: 0;
    margin-bottom: 3rem;
}
.pricing_title h2 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
}
.subpage_heading.blog_details_heading h1 {
    font-size: 2.4rem;
}

}

@media (max-width: 991px){
.home_banner {
    height: 100vh;
}
.banner_bx .row {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}
.services_overview .row {
    --bs-gutter-y: 1rem;
}
.navbar-toggler{
    color: var(--white);
}

.home_form_bx, .blog_subscribe, .contact_timing {
    margin-bottom: 2rem;
}
.pricing_bx {
    margin-bottom: 1rem;
}

}

@media (max-width: 768px){
    .section_padding {
        padding: 50px 0;
    }
    
}

@media (max-width: 600px){
    :root {
        --text-sm: 13px;
        --text-lg: 16px;
        --text-xl: 18px;
    }
    .theme_btn {
        padding: 0.5rem 1.2rem;
    }
    .navbar-brand img, .main_header.fixed-top .navbar-brand img {
        height: 2rem;
    }
    .sm_btn {
        padding: 0.30rem 1rem !important;
    }
    .home_banner {
        height: auto;
        padding: 100px 0 60px;
    }
    .home_banner h1 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
   .banner_btns {
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 2rem;
    }
    .home_banner p {
        line-height: 1.5rem;
    }
    .banner_bx_inn svg {
        margin-bottom: 0.8rem !important;
    }
    .banner_bx .row, .services_overview .row, .ideal_clients .row {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    } 
    .section_heading {
        position: relative;
        margin-bottom: 2.5rem;
    }
    .section_heading h2, .service_sec_content h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .section_heading p, .service_sec_content p {
        line-height: 1.5rem;
    }
    .home_service_bx_inn h3, .process_card_content h3 {
        font-size: 1.1rem;
        line-height: 1.3rem;
        margin-bottom: 0.8rem;
    }
    .process_card_content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .process_card_content p, .home_service_bx_inn p {
        font-size: var(--text-sm);
    }
    .home_service_bx_inn svg, .ideal_clients_bx_inn svg {
        width: 2rem;
        height: 2rem;
        margin-bottom: 1.2rem;
    }
    .home_form_bx, .blog_subscribe, .contact_timing {
        padding: 2rem !important;
    }
    .ideal_clients_bx_inn {
        padding: 1rem 0.8rem;
    }
    .home_service_bx_inn {
        padding: 1.5rem;
    }
    .footer_main .footer_top .footer_logo {
        height: 2.2rem;
    }
    .footer_social {
        justify-content: center;
        margin-top: 16px;
    }
    .footer_main .footer_top {
        padding: 60px 0 30px;
        text-align: center;
    }
    .footer_main .footer_top .footer_links h5 {
        font-size: 18px;
        margin-bottom: 1rem;
        margin-top: 16px;
    }
    .footer_main .footer_copyright {
        text-align: center;
    }

    .subpage_heading h1 {
        font-size: 2.5rem;
    }
    .service_sec_content {
        margin-bottom: 2rem;
    }
    .service_sec_content svg {
        width: 2.5rem;
        height: 2.5rem;
    }
    .pricing_price {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }
    .offcanvas-collapse {
        width: 70%;
    }
    .subpage_heading.blog_details_heading h1 {
        font-size: 2rem;
    }
    .blog_details_heading .blog_card_his {
        display: unset;
    }
    .blog_card_own, .blog_card_date {
        display: inline-block;
    }
    .blog_card_badge {
        display: block;
        margin-top: 0.8rem;
    }
}