@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");



* {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

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

}



audio,

canvas,

embed,

iframe,

object,

svg,

video {

    display: block;

    height: auto;

    max-width: 100%;

    width: 100%;

}



summary {

    display: list-item;

}



body,

html {

    height: 100%;

}



html {

    font-size: 100%;

    scroll-behavior: smooth;

}



body {

    line-height: 1.4;



    -webkit-overflow-scrolling: touch;



    -ms-overflow-style: scrollbar;



    background-color: #ffffff;

}



body::-webkit-scrollbar {

    width: 10px;

}



body::-webkit-scrollbar-track {

    background-color: #e7e7e7;

}



body::-webkit-scrollbar-thumb {

    background-color: #00459e;

    border: 1px solid #00459e;

    border-radius: 10px;

}



p {

    font-size: 15px;

    color: #1c1c1c;

    line-height: 1.55;

    margin-bottom: 1rem;

    font-weight: 500;

}



a,

a:hover,

a:focus,

button:hover,

button:focus,

input:focus {

    outline: none !important;

    text-decoration: none !important;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #000;

}

 a{color: #00459E;}

/*------Parallax Css----------*/

.parallax {

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    background-position-x: center;

}



.animation {

    animation-duration: 0.5s;

    animation-timing-function: linear;

    animation-delay: 0s;

    animation-iteration-count: 1;

    animation-direction: normal;

    animation-fill-mode: forwards;

    animation-play-state: running;

}



@keyframes slide-up {

    from {

        opacity: 0;

        top: 100px;

    }



    to {

        opacity: 1;

        top: 0;

    }

}



.animation_slide-up {

    animation-name: slide-up;

}



@keyframes slide-down {

    from {

        opacity: 0;

        bottom: 100px;

    }



    to {

        opacity: 1;

        bottom: 0;

    }

}



.animation_slide-down {

    animation-name: slide-down;

}



@keyframes slide-left {

    from {

        opacity: 0;

        left: 100px;

    }



    to {

        opacity: 1;

        left: 0;

    }

}



.animation_slide-left {

    animation-name: slide-left;

}



@keyframes slide-right {

    from {

        opacity: 0;

        right: 100px;

    }



    to {

        opacity: 1;

        right: 0;

    }

}



.animation_slide-right {

    animation-name: slide-right;

}



@keyframes flip-x {

    from {

        opacity: 0;

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);

    }



    to {

        opacity: 1;

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    }

}



.animation_flip-x {

    backface-visibility: visible;

    animation-name: flip-x;

}



@keyframes flip-y {

    from {

        opacity: 0;

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    }



    to {

        opacity: 1;

        transform: perspective(400px);

    }

}



.animation_flip-y {

    backface-visibility: visible !important;

    animation-name: flip-y;

}



@keyframes zoom {

    from {

        opacity: 0;

        transform: scale3d(0.3, 0.3, 0.3);

    }



    to {

        opacity: 1;

    }

}



.animation_zoom {

    animation-name: zoom;

}



/*-----Custome Css Area----*/



.sec_padding {

    padding: 30px 0

}



/*------Main Header--------*/

/*.container{ max-width: 1340px;}*/

.main_header {

    

    background-color: #fff;

        position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

    box-shadow: var(--bs-box-shadow) !important;

}



.main_header.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

    /* -webkit-animation: smoothScroll 1s forwards;

animation: smoothScroll 1s forwards; */

    box-shadow: var(--bs-box-shadow) !important;

}



@-webkit-keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



.main_header .navbar-brand {



    margin-top: 0px;

    padding: 0px 10px 0;

    z-index: 0;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    display: flex;

}



.main_header .navbar-brand .logo-2 {

    display: none

}



.main_header.sticky .navbar-brand {

    padding: 5px 10px 0;

    background-color: inherit;

    z-index: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

}



.main_header.sticky .navbar-brand .logo-1 {

    display: none

}



.main_header.sticky .navbar-brand .logo-2 {

    display: block

}



.main_header.sticky .navbar-brand::after {

    display: none;

}



.bg_blue {

    background: #00459E;

}



.topmain_section {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 4px 0px;

}



.top_left {

    display: flex;

    align-items: center;

}



.top_right {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}



.sell_avamartmain {

    display: flex;

    gap: 5px;

    justify-content: space-between;

    align-items: center;

}



.sell_avamartmain img {

    width: auto;

}



.sell_avamartmain p {

    margin: 0px;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

}



.sell_avamartmain p span {

    color: #FFCC4B;

}



.link_button {

    gap: 20px;

    display: flex;

}



.link_button a {

    color: #00459E;

    font-size: 12px;

    font-weight: 700;

    background: #fff;

    border-radius: 30px;

    padding: 8px 16px;

}



.google_tral {

    position: relative;

}

.header_mid_mainsection {

    border-bottom: solid 1px rgba(0, 0, 0, 0.1);

}



/* Default select styling */

.google_tral .form-select {

    width: 100%;

    padding: 12px 45px 12px 15px;

    font-size: 14px;

    font-weight: 600;

    border: none;

    border-radius: 0px;

    background-color: transparent;

    appearance: none;

    cursor: pointer;

    transition: all 0.2s ease;

    color: #fff;

    box-shadow: none;

}



.google_tral .form-select:focus {

    outline: none;

    border-color: #4285f4;

    box-shadow: none;

}



.google_tral .form-select option {

    color: #000;

}



/* Custom arrow styles */

.google_tral::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    width: 0;

    height: 0;

    pointer-events: none;

}





/* Arrow Style 4 - Modern Arrow */

.arrow-4::after {

    width: 10px;

    height: 10px;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

    transform: translateY(-70%) rotate(45deg);

}



/* header mid section start */

.header_mid_section {

    display: flex;

    justify-content: space-between;

    padding: 15px 0px;

}



.header_mid_right {

    display: flex;

    justify-content: space-around;

    gap: 40px;

}



.mid_cart_section {

    display: flex;

    justify-content: space-around;

    gap: 20px;

    align-items: center;

}



.mid_cart_section a {

    position: relative;

}



.mid_cart_section a span {

    position: absolute;

    top: -5px;

    right: -14px;

    background: #DC2626;

    width: 20px;

    height: 20px;

    border-radius: 100px;

    padding: 2px;

    color: #fff;

    font-weight: 600;

    font-size: 12px;

    line-height: 16px;

    text-align: center;

}



.sign_main a {

    display: flex;

    justify-content: space-around;

    gap: 6px;

    padding: 8px 12px 8px 12px;

    line-height: 20px;

    background: #F0F0F0;

    border-radius: 32px;

    align-items: center;

}



.sign_main a img {

    width: auto;

}



.sign_main a p {

    margin: 0px;

    color: #242424;

    font-weight: 600;

    font-size: 14px;

}





.dropdown-toggle {

   background-color: rgba(240, 240, 240, 1);

   border-color: rgba(240, 240, 240, 1);

gap: 4px;

padding: 10px 12px 10px 20px;

border-radius: 50px;

/*font-family: Inter;*/

font-weight: 500;

font-style: Medium;

font-size: 14px;

line-height: 20px;

letter-spacing: 0%;

color: rgba(75, 85, 99, 1);

}







.dropdown-menu.show { padding: 0px!important;background: #fff;}

.dropdown-menu li a{ padding: 6px 10px;

    /*font-family: Inter;*/

    font-weight: 500;

    font-style: Medium;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0%;

    color: rgba(75, 85, 99, 1) !important;}

    .dropdown-menu li a:hover{ color: #fff!important;background-color: rgb(0 69 158);}

    .dropdown-menu li a.active{color: #fff!important;background-color: rgb(0 69 158);}

    /* --- Tab Navigation --- */

  .modular_interiors_section{padding: 0px 0px;}

        .nav-pills {

            background: transparent;

            /*gap: 10px;*/

        }

        .nav-pills .nav-link {

            /*color: rgba(131, 131, 131, 1);*/

            font-weight: 600;

            /*padding: 12px 25px;*/

            padding: 20px;

            border-radius: 50px;

            font-size: 1.125rem;

            transition: all 0.3s ease;

        }

        .nav-pills .nav-link.active {

            /*background-color: rgba(0, 69, 158, 1);*/

                background-color: #F2F3F7 !important;

            /*color: white !important;*/

            /*box-shadow: 0 10px 20px rgba(0, 70, 150, 0.2);*/

        }



        /* --- Main Featured Card --- */

        .featured-card {

            border-radius: 24px;

            color: white;

            padding: 40px;

            height: 100%;

            display: flex;

            flex-direction: column;

            justify-content: flex-end;

            min-height: 550px;

            position: relative;

            overflow: hidden;

            background-size: cover;

            background-position: center;

            border: none;

        }

        /* Dark Overlay for text readability */

        .featured-card::before {

            content: "";

            position: absolute;

            top: 0; left: 0; right: 0; bottom: 0;

           box-shadow: 20px 40px 100px 0px rgba(0, 0, 0, 0.08);

           background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

            z-index: 1;

        }

        .featured-card-content {

            position: relative;

            z-index: 2;

        }

.featured-card-content h2{ color: rgba(255, 255, 255, 1); font-size: 1.5rem;}

.featured-card-content p{ color: rgba(255, 255, 255, 1);}



.featured-card-content .btn-primary{background: rgba(0, 69, 158, 1); font-size: 0.75rem; font-weight: 600; border-color: rgba(0, 69, 158, 1);}

.featured-card-content .btn-primary:hover{ background: transparent;}

.featured-card-content .btn-outline-light{background:transparent; font-size: 0.75rem; font-weight: 600; border-color: rgba(255, 255, 255, 1);}

.featured-card-content .btn-outline-light:hover{border-color: rgba(0, 69, 158, 1); color: rgb(255, 255, 255);}

        .pill-badge {

            background: rgba(255,255,255,0.15);

            backdrop-filter: blur(8px);

            border: 1px solid rgba(255,255,255,0.2);

            border-radius: 50px;

            padding: 6px 14px;

            font-size: 12px;

            margin: 0 8px 8px 0;

            display: inline-block;

        }



        /* --- Right Side Cards --- */

       .gallery-item-wrapper {

        position: relative;

        border-radius: 12px;

        overflow: hidden;

        height: 160px; /* Fixed height for consistency */

    }



    .gallery-img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

    }



    .gallery-overlay {

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        padding: 10px 12px;

        /* Dark gradient at the bottom for text readability */

        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

        color: white;

    }



    .stars {

        color: #ffc107; /* Golden yellow for stars */

        font-size: 10px;

        letter-spacing: 1px;

        margin-bottom: 2px;

    }



    .location-text {

        font-size: 11px;

        font-weight: 500;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    

    /* Ensuring the card matches the white box in the image */

    .white-card {

        background: white;

        border-radius: 20px;

        padding: 24px;

        box-shadow: 20px 40px 100px 0px rgba(0, 0, 0, 0.08);

        height: 100%;

    }

    .see_more{ color: rgba(0, 69, 158, 1)!important; font-size: 0.75rem; font-weight: 700;}

    .title_homeinters{color: rgba(36, 36, 36, 1); font-size: 1.25rem; font-weight: 600;}



        /* --- Step Tracker --- */

        .step_title{ color: rgba(36, 36, 36, 1); font-size: 1.25rem; font-weight:600;}

        .step-container {

            display: flex;

            justify-content: space-between;

            position: relative;

            padding-top: 10px;

        }

        .step-container::before {

            content: "";

            position: absolute;

            top: 25px;

            left: 10%;

            right: 10%;

            height: 1px;

            background: #e0e0e0;

            z-index: 0;

        }

        .step-item {

            position: relative;

            z-index: 1;

            text-align: center;

            width: 15%;

        }

        .step-number {

            width: 32px;

            height: 32px;

            background: rgba(234, 243, 255, 1);

            color:rgba(0, 69, 158, 1);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto 12px;

            font-weight: 700;

        }

        .step-text {

            font-size:0.875rem;

            font-weight: 500;

            color: rgba(36, 36, 36, 1);

        }



        /* --- Checklist --- */

        .check-list {

            list-style: none;

            padding: 0;

        }

        .check-list li {

            margin-bottom: 16px;

            font-size: .875rem;

            display: flex;

            align-items: center;

            font-weight: 400;

            color: rgba(36, 36, 36, 1);

        }

        .check-list li::before {

            content: "✓";

            background: rgba(87, 160, 255, 0.24);

            color: rgba(37, 99, 234, 1);

            width: 22px;

            height: 22px;

            border-radius: 50%;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            margin-right: 12px;

            font-size: 11px;

            font-weight: bold;

        }



        .gallery-img {

            border-radius: 14px;

            width: 100%;

            height: 140px;

            object-fit: cover;

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

        }

        .excludes{ color: rgba(107, 114, 128, 1);font-family: Inter;font-weight: 400;font-style: Regular;font-size: 11px;line-height: 100%;}

    /*===========================Nav bar=========================*/

    .stellarnav {

    width:100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    z-index: 1;

    line-height: normal;

    justify-content:center;

}

.stellarnav ul {

    margin: 0;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.stellarnav li {

    list-style: none;

    display: block;

    margin: 0;

    padding: 0;

    position: relative;

    line-height: normal;

}

/* .stellarnav ul li:nth-child(5) {

    margin-right: 235px;

} */

.stellarnav li a {

    position: relative;

  padding-left: 35px;

  margin-bottom: 10px;

    display: block;

    border-bottom: none;

    margin: 0;

    padding: 20px 19px;

    text-transform: capitalize;

    font-weight: 600;

    letter-spacing: 0.5px;

    font-size: 14px;

    color: #242424;

}

.stellarnav li a:hover {

    color: #03399d;

}

.stellarnav ul ul {

    top: 82%;

    padding: 0;

    min-width: max-content;

    position: absolute;

    z-index: 9900;

    box-shadow: 0 0 14px 0 #0000001f;

    text-align: left;

    display: none;

    background: #ddd;

}

.stellarnav li li {

    display: block;

}

.stellarnav ul ul ul {

    top: 0;

    left: 220px;

}

.stellarnav > ul > li:hover > ul > li:hover > ul {

    opacity: 1;

    visibility: visible;

    top: 0;

}

.stellarnav > ul > li.drop-left > ul {

    right: 0;

}

.stellarnav li.drop-left ul ul {

    left: auto;

    right: 220px;

}

.stellarnav.light {

    background: #fff;

}

.stellarnav.light a {

    color: #000;

}

.stellarnav.light ul ul {

    background: #fff;

}

.stellarnav.light li a {

    color: #000;

}

.stellarnav.dark ul ul {

    background: #fff;

    -webkit-border-bottom-right-radius: 8px;

-webkit-border-bottom-left-radius: 8px;

-moz-border-radius-bottomright: 8px;

-moz-border-radius-bottomleft: 8px;

border-bottom-right-radius: 8px;

border-bottom-left-radius: 8px;

}

.stellarnav.fixed {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 9999;

}

body.stellarnav-noscroll-x {

    overflow-x: hidden;

}

.stellarnav li.has-sub > a:after {

    /*content: '';

    background:url('images/Vector%20(1).png');

    margin-left: 10px;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #242424;

    display: inline-block;*/

}

.stellarnav li li.has-sub > a:after {

       margin-left: 10px;

    float: right;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #00379C;

    position: relative;

    top: 4px;

}

.stellarnav li.drop-left li.has-sub > a:after {

    float: left;

    margin-right: 10px;

    border-left: 0;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-right: 4px solid #fff;

}

.stellarnav.hide-arrows li li.has-sub > a:after,

.stellarnav.hide-arrows li.drop-left li.has-sub > a:after,

.stellarnav.hide-arrows li.has-sub > a:after {

    display: none;

}

.stellarnav .call-btn-mobile,

.stellarnav .close-menu,

.stellarnav .location-btn-mobile,

.stellarnav .menu-toggle {

    display: none;

    text-transform: uppercase;

    text-decoration: none;

}

.stellarnav .dd-toggle {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    width: 48px;

    height: 44px;

    text-align: center;

    z-index: 9999;

    border: 0;

}

.stellarnav.desktop li.has-sub a {

    padding-right: 15px;

}

.stellarnav.desktop li.has-sub ul li a {

    padding: 10px 20px;

    font-size: 14px;

    color: #242424;

    text-transform: capitalize; font-weight: 400;

}

.stellarnav.desktop li.has-sub ul li a:hover {

   color: #03399d;

}

.stellarnav.desktop.hide-arrows li.has-sub a {

    padding-right: 15px;

}

.stellarnav.mobile > ul > li > a.dd-toggle {

    padding: 0;

}

.stellarnav li.call-btn-mobile,

.stellarnav li.location-btn-mobile {

    display: none;

}

.stellarnav svg {



    fill: currentColor;

    width: 1em;

    height: 1em;

    position: relative;

    top: 2px;

}

/*-------footer Area-------*/

.footer_section {

    display: inline-block;

    width: 100%;

}



.footer_bg {

    background: #F3F4F6;

    padding-bottom: 0px;

}



.footer_mainsection {

    padding: 40px 0%;

}



.footer_logo {

    margin-bottom: 15px;

}



.footer_contact h4 {

    font-size: 12px;

    font-weight: 700;

    color: #4B5563;

    margin-bottom: 10px;

}



.footer_contact p {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 10px;

}



.footer_contact p a {

    font-size: 14px;

    font-weight: 600;

    color: #4B5563;

}



.footer_contact h5 {

    font-size: 14px;

    font-weight: 500;

    color: #4B5563;

    margin-bottom: 10px;

    margin-top: 20px;

}



.follow_us {

    display: flex;

    gap: 15px;

}



.follow_us a {}



.follow_us a:hover img {

    transform: scale(1.05) rotate(2deg);

    filter: brightness(1.1) contrast(1.1);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



.footer_about h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_about ul {

    list-style: none;

    padding: 0;

}



.footer_about li {}



.footer_about li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_about li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_quicklink h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_quicklink ul {

    list-style: none;

    padding: 0;

}



.footer_quicklink li {}



.footer_quicklink li a {

    /*font-size: 14px;*/

    /*font-weight: 400;*/

    /*color: #4B5563;*/

    /*margin-bottom: 12px;*/

    /*display: block;*/

    /*transition: all 0.3s ease-in-out;*/

        font-size: 12px;

    font-weight: 400;

    color: rgb(75, 85, 99);

    margin-bottom: 12px;

    display: block;

    transition: 0.3s ease-in-out;

}



.footer_quicklink li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.boder_lefq {

    padding-left: 15px;

    border-left: solid 1px #d4d0d0;

}



.partner li a {

    /*color: #00379C;*/

    /*margin-bottom: 12px;*/

    /*display: block;*/

    /*transition: all 0.3s ease-in-out;*/

    /*border: solid 1px #00379C;*/

    /*border-radius: 6px;*/

    /*padding: 5px 10px;*/

    color: #00379C;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

    border: solid 1px #00379C;

    border-radius: 20px;

    padding: 5px 10px;

    text-align: center;

}





.footer_soluction h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_soluction ul {

    list-style: none;

    padding: 0;

}



.footer_soluction li {}



.footer_soluction li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_soluction li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_community h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_community ul {

    list-style: none;

    padding: 0;

}



.footer_community li {}



.footer_community li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_community li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_community li a span {

    font-size: 11px;

    font-weight: 500;

    background: #E2FFFB;

    color: #239F8E;

    border: solid 1px #239F8E;

    border-radius: 15px;

    padding: 1px 8px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.lang_but {

    text-align: center;

    margin-bottom: 45px;

}



.lang_but img {

    width: auto;

    display: inline-block;

}



.copy_main {

    background: #0B1E48;

    padding: 16px 0;

}



.copy_mainse {

    display: flex;

    justify-content: space-between;

}



.copy_left {

    display: flex;

    gap: 20px;

}



.copy_left p {

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 0px;

}



.copy_right {

    gap: 15px;

    display: flex;

}



.copy_right a {

    font-size: 12px;

    font-weight: 400;

    color: #fff;

}



.copy_right a:hover {

    color: #239F8E;

}

    /*========Scroll Top======*/



.scrollToTop {

    width: 34px;

    height: 34px;

    border-radius: 25px;

    text-align: center;

    font-weight: bold;

    background: #fff;

    text-decoration: none;

    position: fixed;

    bottom: 20px;

    right: 0;

    z-index: 33;

    /*display: none;*/

}



.smart_homesoluction li p {

    color: #73738C;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    

}

.smart_homesoluction ul {

    column-count: 2;

    padding: 0;

    margin-left: 20px;

    column-gap: 20px;

}

.menu-content li {

     padding: 12px 20px; 

     transition: background-color 0.2s; 

}



div#v-pills-tabContent {

    background: #F2F3F7;

    border-left: solid 1px #d5d6db;

    height: -webkit-fill-available;

    width: 70%;

    /*background-image: linear-gradient(to right, rgb(242, 243, 247) 40%, rgba(242, 243, 247, 0.5)), url(https://avamart.v2webcloud.com/public/front/assets/images/home/bgimag.png);*/

}