@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');



:root {

    --primary-color: #253351;

    --secondary-color: #a69075;

    /* --tertiary-color: #ec8b00; */

    --body-color: #252322;



    --white: #fff;

    --primary-light: #f4f8ff;

    --secondary-light: #fffbf7;



    --facebook: #4267B2;

    --twitter: #00acee;

    --linkedin: #0e76a8;

    --youtube: #FF0000;

    --whatsapp: #25D366;

    --instagram: #c92bb7;



    --openSans: "Open Sans", sans-serif;

    --playfair: "Playfair", serif;

}



/* ----------------------------------------------------

bg background

 ---------------------------------------------------- */

.bg-white {

    background-color: #fff;

}



.primary-color {

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

}



.secondary-color {

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

}



.primary-light {

    background-color: var(--primary-light) !important;

}



.secondary-light {

    background-color: var(--secondary-light) !important;

}



/* ----------------------------------------------------

text color

 ---------------------------------------------------- */

.text-primary {

    color: var(--primary-color) !important;

}



.text-secondary {

    color: var(--secondary-color) !important;

}



.text-primary-light {

    color: var(--primary-light) !important;

}



.text-secondary-light {

    color: var(--secondary-light) !important;

}





/* -------------------------------------------------

 General Styling

 ------------------------------------------------- */

body {

    --openSans: "Poppins", sans-serif;

}



a {

    text-decoration: none;

}



.padding {

    padding-top: 6rem;

    padding-bottom: 6rem;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: var(--playfair);

    /* font-weight: 400; */

}



/* --------------------------------------------------

heading

--------------------------------------------------  */

.heading {

    margin-bottom: 30px;

}



.heading h2 {

    position: relative;

    font-weight: 300;

    font-size: 3rem;

    margin: 0;

}



.heading h3 {

    font-weight: 600;

    position: relative;

    font-size: 2rem;

}



/* --------------------------------------------------

list

-------------------------------------------------- */

.list {

    margin: 0;

    padding: 0;

}



.list li {

    line-height: 2;

    list-style: none;

}



/* -------------------------------------------------

form

------------------------------------------------- */

.form-control {

    border-radius: 0;

    outline: none;

    font-size: 0.838rem;

    border-radius: 5px;

    background-color: var(--white);

    border: 1px solid #dee2e66c;

}



.form-select {

    color: #646769;

    font-size: 0.838rem;

}



/* -------------------------------------------------

button

------------------------------------------------- */

.readmore {

    gap: 5px;

    margin-top: 1rem;

    /* border: 1px solid red; */

}



.readmore .button {

    position: relative;

    /* overflow: hidden; */

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

    z-index: 1;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    padding: 10px 20px;

    width: fit-content;

    text-transform: uppercase;

    color: var(--white);

    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

    gap: 10px;

    cursor: pointer;

    border: none;

    outline: none;

    border-radius: 30px;

    transition: color 0.3s ease-in-out, border 0.3s ease-in-out;

}



/* .readmore .button::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 0%;

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

    z-index: -1;

    transition: width 0.5s ease-in-out;

}



.readmore .button:hover::before {

    width: 100%;

} */



/* .readmore .button:hover {

    color: #fff;

} */





/* .readmore .button img {

    filter: invert(1);

}



.readmore .button:hover img {

    filter: invert(0);

} */



/* border */

/* .readmore .button.border {

    background-color: transparent;

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

    width: 100%;

    color: var(--primary-color);

}



.readmore .button.border:hover {

    border: 1px solid var(--white) !important;

} */



.readmore a {

    transition: transform 0.4s ease;

}



.readmore a:hover i {

    transition: transform 0.4s ease;

    transform: translateX(6px);

    /* hover par left side slide */

}





/* ------------------------------------------------------

 tabs

 ------------------------------------------------------ */

.tab {

    gap: 10px;

    margin-bottom: 2rem;

    overflow: hidden;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.tab button {

    border: none;

    outline: none;

    cursor: pointer;

    padding: 7px 16px;

    transition: 0.3s;

    font-size: 0.9rem;

    background-color: inherit;

    background-color: var(--white);

    border: 1px solid #e0e0e079;

    text-transform: uppercase;

    box-shadow: #63636e0e 0px 7px 29px 0px;

    border-radius: 30px;

}



.tab button:hover {

    color: var(--white);

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

}



.tab button.active {

    color: var(--white);

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

}



.tabcontent {
    display: none;
    border-top: none;
}

/* ---------------------------------------------------
 Small Tabs (inside Buckingham)
 --------------------------------------------------- */
/* --------------------------------

innerTab

-------------------------------- */

.innerTab {
    gap: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 2rem;
    padding-top: 1.5rem;
}

.innerTab button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 16px;
    transition: 0.3s;
    font-size: 0.9rem;
    background-color: inherit;
    background-color: var(--white);
    border: 1px solid #e0e0e079;
    text-transform: uppercase;
    box-shadow: #63636e0e 0px 7px 29px 0px;
    border-radius: 30px;
}


.innerTab button:hover {
    color: var(--white);
    background-color: var(--secondary-color);
}

.innerTab button.active {
    color: var(--white);
    background-color: var(--secondary-color);
}

/* ---------------------------------------------------

 hover effect

 --------------------------------------------------- */

.hoverEffect img:hover {

    border-top-right-radius: 70px;

    border-bottom-left-radius: 70px;

}



/* clipPath */

.clipPath {

    clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0 100%, 0% 10%);

    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;

    /* border: 1px solid red; */

}



/* -------------------------------------------------------------

animation

------------------------------------------------------------- */



/* ----------------------------------------------------

social icons

---------------------------------------------------- */

.social-links {

    display: flex;

    /* justify-content: center; */

    align-items: center;

    gap: 5px;

}



.social-links a i {

    font-size: 13px;

    display: flex;

    align-items: center;

    justify-content: center;

    /* width: 40px; */

    height: 40px;

    margin-right: 10px;

    border-radius: 50%;

    color: #fff;

    transition: all 300ms ease-in-out;

    text-align: center;

}



.social-links a i.sm {

    width: 32px;

    height: 32px;

}



.social-links a .bi-facebook {

    background-color: var(--facebook);

}



.social-links a .bi-linkedin {

    background-color: var(--linkedin);

}



.social-links a .bi-twitter-x {

    background-color: var(--twitter);

}



.social-links a .bi-youtube {

    background-color: var(--youtube);

}



.social-links a .bi-whatsapp {

    background-color: var(--whatsapp);

}



.social-links a .bi-instagram {

    background-color: var(--instagram);

}



.social-links a:hover i {

    background-color: #fff;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}



/*  */

.social-links a:hover .bi-facebook {

    color: var(--facebook);

}



.social-links a:hover .bi-linkedin {

    color: var(--linkedin);

}



.social-links a:hover .bi-twitter-x {

    color: var(--twitter);

}



.social-links a:hover .bi-youtube {

    color: var(--youtube);

}



.social-links a:hover .bi-whatsapp {

    color: var(--whatsapp);

}



.social-links a:hover .bi-instagram {

    color: var(--instagram);

}



/* social icons */



.shareBtn {

    padding: 0;

    margin: 0;

    list-style-type: none;

}





.shareBtn .share i.fa {

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    cursor: pointer;

    color: var(--secondary-color);

}



/* submenu hover from TOP to BOTTOM */

.shareBtn .share:hover .submenu li:nth-child(1) {

    opacity: 1;

    top: 10px;

    transition-delay: 0.08s;

    transform: translateY(0);

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

    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

}



.shareBtn .share:hover .submenu li:nth-child(2) {

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

    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

    opacity: 1;

    top: 55px;

    transition-delay: 0.16s;

    transform: translateY(0);

}



.shareBtn .share:hover .submenu li:nth-child(3) {

    opacity: 1;

    top: 100px;

    transition-delay: 0.24s;

    transform: translateY(0);

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

    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

}



.shareBtn .share:hover .submenu li:nth-child(4) {

    opacity: 1;

    top: 145px;

    transition-delay: 0.32s;

    transform: translateY(0);

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

    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

}



/* submenu base styling */

.shareBtn .submenu {

    list-style-type: none;

    padding: 0;

    margin: 0;

    position: relative;

}



.shareBtn .submenu li {

    transition: all ease-in-out 0.4s;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    opacity: 0;

    transform: translateY(-20px);

    /* shuru mein thoda upar se aayega */

}



/* .shareBtn .submenu li a{

    border-right: 1px solid #5c5c5c63;

    } */



.rightbox .innerbox .submenu a:first-child {

    padding: 0;

    border-right: none;

}



.shareBtn .submenu li a:hover i.fa {

    color: #fff;

}



.shareBtn .submenu li a.facebook:hover i.fa {

    background-color: #3b5999;

}



.shareBtn .submenu li a.twitter:hover i.fa {

    background-color: #55acee;

}



.shareBtn .submenu li a.googlePlus:hover i.fa {

    background-color: #dd4b39;

}



.shareBtn .submenu li a.instagram:hover i.fa {

    background-color: #e4405f;

}



/* button position */

.shareBtn.bottomRight {

    top: 10px;

    right: 10px;

}









/* -----------------------------------------------------

back to top button

----------------------------------------------------- */

#backToTop {

    display: none;

    position: fixed;

    bottom: 1rem;

    right: 1rem;

    width: 40px;

    height: 40px;

    font-size: 17px;

    border: none;

    outline: none;

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

    cursor: pointer;

    border-radius: 50%;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    z-index: 999;

    color: #fff;

}



#backToTop:hover {

    background-color: var(--white);

    color: var(--body-color);

}



/* -----------------------------------------------------

swiper

----------------------------------------------------- */

/* .swiper {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

} */



/* ------------------------------------------

swiper-pagination

------------------------------------------ */

/* .swiper-pagination {

    text-align: center;

    margin-top: 15px;

}



.swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    background: #ccc;

    opacity: 1;

    border-radius: 50%;

    margin: 0 5px;

    transition: background 0.3s, transform 0.3s;

}



.swiper-pagination-bullet-active {

    background: var(--secondary-color);

    transform: scale(1.4);

} */



/* ----------------------------------------------------

 swiper-button-next, 

 swiper-button-prev

 ---------------------------------------------------- */

.swiper-button-next,

.swiper-button-prev {

    width: 40px;

    height: 40px;

    background-color: var(--secondary-light);

    color: var(--body-color);

    border-radius: 50%;

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

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    transition: all 0.3s ease;

}



.swiper-button-next:hover,

.swiper-button-prev:hover {

    background: var(--secondary-color);

    transform: scale(1.1);

}



.swiper-button-next {

    right: 10px;

}



.swiper-button-prev {

    left: 10px;

}



.swiper-button-next::after,

.swiper-button-prev::after {

    font-size: 16px;

    font-weight: bold;

}



/* ----------------------------------------------------

Custom Scroll

---------------------------------------------------- */

.scroller {

    max-height: 320px;

    overflow: auto;

    padding-right: 20px;

}



.scroller::-webkit-scrollbar {

    width: 3px;

}



/* Track */

.scroller::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px #adadad;

    border-radius: 10px;

}



/* Handle */

.scroller::-webkit-scrollbar-thumb {

    background: var(--secondary-color);

    border-radius: 10px;

}



/* Handle on hover */

.scroller::-webkit-scrollbar-thumb:hover {

    background: var(--primary-color);

}



/* Custom Scroll */





/* --------------------------------------------------

modal

-------------------------------------------------- */

.modal-backdrop.show {

    opacity: 1;

    background: rgb(0 10 12 / 95%);

    backdrop-filter: blur(5px);

}



.modal-content {

    background: #fff;

    box-shadow: 0 8px 32px 0 rgba(0 0 0 / 20%);

    border-radius: 1rem;

}



button.close {

    position: absolute;

    right: -20px;

    top: -20px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    background-color: #fff;

    opacity: 1;

    text-shadow: none;

}



.close:not(:disabled):not(.disabled):focus,

.close:not(:disabled):not(.disabled):hover {

    color: #fff;

    opacity: 1;

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

}



.modal-content {

    background-color: var(--secondary-light);

    color: var(--body-color);

    border: none;

    /* padding: 0.8rem; */
}



/* .modal-dialog {

    max-width: 700px;

} */



.modal-content .modal-header {

    padding: 0;

    border: none;

}



.modal-content button.close {

    position: absolute;

    top: -10px;

    right: -10px;

    padding: 0;

    margin: 0;

    width: 40px;

    height: 40px;

    z-index: 1;

    text-shadow: none;

    color: var(--white);

    outline: none;

    border: none;

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

    opacity: 1;

}



.modal-content .freePickmodal {

    margin-top: 10px;

    display: block;

    font-size: 13px;

    text-align: center;

}



.modal-header .close {

    color: #fff;

}



.modal-header {

    background: none;

    border: none;

}



.modal-logo .inner {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

}



.modal .modalImg .inner .img img {

    width: 100%;

    /* border-top-left-radius: 10px; */

    /* border-bottom-left-radius: 10px; */
}



/* .modal-logo .bhk {

    font-size: 1rem;

}



.modal-logo .bhk span {

    font-size: 200%;

    display: block;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 1;

} */



/* .modal-logo .price {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 10px 0;

    border: solid rgb(255 255 255 / 20%);

    border-width: 1px 0;

    font-size: 1rem;

} */



/* .modal-logo .price span {

    font-weight: 700;

    color: var(--vibrant-color);

    font-size: 200%;

    line-height: 1;

} */



.modal-body {

    padding: 1.5rem;

}



/* -------------------------------------------------

header

------------------------------------------------- */

.header {

    position: fixed;

    top: 0px;

    left: 0;

    width: 100%;

    z-index: 998;

    padding: 0.2rem 0;

    transition: top 0.4s ease;

    background-color: var(--white);

    border-bottom: 1px solid #ffffff5d;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 14px;

}



/* When scrolled */

/* .header.sticky {

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

    transition: top 0.4s ease;

    padding: 0;

} */



.header .logo {

    max-width: 100px;

    transition: all 300ms ease-in-out;

}



.header .logo img {

    width: 100%;

}



/* siteLogo */

.header.scrolled img {

    transition: all 300ms ease-in-out;

    width: 35px;

}





/* .header.sticky .logo {

    padding: 0.5rem;

    margin-bottom: 0;

} */



.header .nav {

    display: flex;

    align-items: center;

    gap: 2rem;

}



.header .nav>ul {

    display: flex;

    align-items: center;

    position: relative;

    margin: 0;

}



.header .nav>ul>li>a {

    text-transform: uppercase;

    display: flex;

    align-items: center;

    position: relative;

    transition: all 300ms ease-in-out;

    padding: 0 0.8rem;

    color: var(--secondary-color);

    z-index: 1;

    font-weight: 600;

    font-family: var(--playfair);

}



.header .nav>ul>li:hover>a {

    color: var(--primary-color);

}



.header .nav ul li:hover>a::before {

    width: 100%;

}



.header.fixed .menuBtn span::before {

    background: var(--body-color);

}

/* walikthrough */
.walikthrough .btn {
    text-transform: uppercase;
    font-family: var(--playfair);
    color: var(--secondary-color);
    /* background-color: var(--secondary-color); */
    border-radius: 30px;
    /* font-size: 0.8rem; */
    padding: 7px 10px;
    border: 1px solid var(--secondary-color);
}


/* enquirybox */

.enquirybox {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 2rem;

}



.enquirybox .innerbox {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 20px;

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

    text-transform: uppercase;

    color: var(--white);

    border-radius: 30px;

    font-size: 0.8rem;

}

.enquirybox .innerbox:hover{
    background-color: var(--primary-color);
}


/* .enquirybox .innerbox a:first-child {

    border-right: 1px solid #5c5c5c63;

} */



/* .enquirybox .innerbox .whatsapp {

    display: flex;

    justify-content: center;

    align-items: center;

}



.enquirybox .innerbox .whatsapp i {

    font-size: 1.1rem;

    color: var(--whatsapp);

} */



/* .header .nav */

.menuBtn {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    /* background-color: #fff; */

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    transition: all 300ms ease-in-out;

    position: relative;

    cursor: pointer;

    align-items: flex-end;

}



.header.fixed .menuBtn {

    width: 40px;

    height: 40px;

}



.menuBtn div {

    position: relative;

    width: 100%;

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

    transition: all 300ms ease-in-out;

}



.menuBtn span {

    display: block;

    position: relative;

    width: 100%;

    height: 2px;

    margin: 5px 0;

    transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.menuBtn span::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--secondary-color);

    transform-origin: center center;

    transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



#menuLine1 {

    transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    width: 60%;

}



.menuBtn.closeMenuBtn span#menuLine1 {

    width: 100%;

    -webkit-transform: rotate(45deg) translate(4px, 4px);

    transform: rotate(45deg) translate(4px, 4px);

}



.menuBtn.closeMenuBtn span#menuLine2 {

    right: 100px;

}



.menuBtn.closeMenuBtn span#menuLine3 {

    -webkit-transform: rotate(-45deg) translate(4px, -5px);

    transform: rotate(-45deg) translate(4px, -5px);

}



/* ----------------------------------------------------------

menuContainer 

---------------------------------------------------------- */

.menuContainer {

    position: fixed;

    inset: 0;

    /* padding-top: 120px; */

    z-index: 996;

    background-color: rgb(0 123 255 / 13%);

    backdrop-filter: blur(5px);

    display: none;

}



.menuContainer .inner {

    padding: 1px 0;

    width: 100%;

    height: 100%;

    visibility: hidden;

    background: var(--white);

    /* background: radial-gradient(circle at 50% -10%, var(--secondary-color), var(--primary-color)); */

    box-shadow: 0 1rem 3rem rgb(0 0 0 / 16%);

    transition: all 300ms ease-in-out;

}



/* .header.fixed+.menuContainer {

    padding-top: calc(1rem + 80px);

} */





.menuContainer.active .inner {

    visibility: visible;

}



.mainMenu {

    background: var(--secondary-light);

    margin-top: 10rem;

    padding: 1.5rem;

}



.mainMenu::before {

    background: var(--white);

}



.mainMenu li:not(:last-child) a {

    border-bottom: 1px solid rgba(94, 94, 94, 0.082);

}



.mainMenu li:first-child a {

    padding-top: 0;

}



.mainMenu li:last-child a {

    padding-bottom: 0;

}



.mainMenu a {

    display: block;

    font-weight: 500;

    padding: 0.9rem 0;

    font-size: 1rem;

    font-weight: 500;

    color: var(--body-color);

    transition: all 300ms ease-in-out;

    position: relative;

    text-transform: uppercase;

}



/* .mainMenu li.active>a,

.mainMenu li:hover>a {

  padding: 10px;

  background-color: #fff;

  color: var(--primary-color);

} */



.mainMenu a i {

    font-size: 75%;

    position: absolute;

    right: 0;

    top: 50%;

    line-height: 0;

    transition: all 300ms ease-in-out;

}



.mainMenu li {

    line-height: 1.5;

}



.mainMenu li.active>a i,

.mainMenu li:hover>a i {

    right: 10px;

}



.mainMenu li.active>a i {

    transform: rotate(540deg);

}



.menuDrop {

    padding: 5px 15px;

    margin-bottom: 10px;

    background-color: rgba(255, 255, 255, 0.1);

    display: none;

}



.mainMenu ul ul li:last-child a {

    border-bottom: 0;

}



/*header*/



/* ---------------------------------------------------

 enqueryForm

 ---------------------------------------------------  */

/* .enqueryForm {

    background-color: #fff;

    color: var(--body-color);

    text-align: center;

    transition: all 300ms ease-in-out;

    z-index: 99;

    padding: 1rem;

}



.form-close {

    position: absolute;

    right: -2px;

    top: 0;

    transform: translateY(-50%);

    width: 32px;

    height: 32px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: maroon;

    color: #fff;

    cursor: pointer;

    transition: all 300ms ease-in-out;

}



.form-close:hover {

    background: var(--secondary-color);

}



.enqueryForm .form-tag {

    font-size: 14px;

}



.enqueryForm h6,

.enqueryForm .form-bhk {

    text-transform: uppercase;

    font-weight: 700;

    color: var(--body-color);

}



.enqueryForm .form-bhk {

    padding: 0 0 0.5rem 0;

    border-bottom: solid rgb(0 0 0 / 10%);

    border-width: 1px 0;

}



.enqueryForm .form-group {

    margin-bottom: 10px;

}



.enqueryForm .form-control,

.modal-body .form-control {

    border-bottom: 2px solid #eaeaea;

    background-color: #f1f1f1;

    color: var(--body-color);

    padding: 6.5px 10px;

    font-size: 14px;

}



.enqueryForm span {

    margin-top: 10px;

    display: block;

    font-size: 13px;

}



.enqueryForm .freePick {

    font-size: 11px;

} */



/* ------------------------------------------------

form

------------------------------------------------ */

/* -----------------------------------------------------------

 banner

 ----------------------------------------------------------- */

.banner {
    margin-top: 96px;
    z-index: 1;
    overflow: hidden;
}

.banner img {
    /* width: 100%; */
    height: calc(100vh - 100px);
    object-fit: cover;
}

/* ------------------------------------------
banner socail icon
------------------------------------------ */
.bannerSocialbox {
    position: absolute;
    bottom: 5%;
    left: 1%;
    /* transform: translateY(-50%); */

    z-index: 9;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.bannerSocialbox .social-links {

    display: block;

}



.bannerSocialbox .line {

    position: absolute;

    content: '';

    top: -100px;

    transform: translateY(-50%);

    width: 1px;

    height: 200px;

    border: 1px solid #ffffff5d;

    /* border-bottom: 1px solid #ffffff5d; */

}





/*------------------------------------------------ 

overview

------------------------------------------------ */
.overview {
    position: relative;
    z-index: 1;
    padding-top: 13rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

.overview::before {
    content: "LEGACY BY GAURS";
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 8rem;
    font-weight: 500;
    color: rgba(99, 99, 99, 0.03);
    white-space: nowrap;
    z-index: 0;
}

.overview .container-lg {
    position: relative;
    z-index: 2;
}


/* logo */
.overview .overLogo {
    max-width: 300px;
}

.overview .overLogo img {
    width: 100%;
}

/* ---------------------------------------------
overview
--------------------------------------------- */
/* .overview .inner {
    padding-left: 2.7rem;
} */

.overview .inner p {
    text-align: justify;
}

.overview .stats {
    margin-top: 1rem;
    /* display: flex; */
    align-items: center;
}

.overview .stats:first-child {
    border-right: 1px solid #a792772e;
}

.overview .stats .inner {

    display: flex;

    align-items: center;

    gap: 0.6rem;

    padding: 0;

}

.overview .stats .locaBtm {
    margin-top: 0.8rem;
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-color);
}

.overview .stats .inner .icon {
    max-width: 24px;
    flex: 0 0 24px;

}



.overview .stats .inner .icon img {

    width: 100%;

}



.overview .stats .inner span {

    text-transform: uppercase;

    text-align: start;

    font-size: 0.75rem;

    letter-spacing: 1px;
}

/* overview rera */
.overview .overviewRerabox {
    padding: 2rem;
    margin-top: 1rem;
}



.overview .overviewRerabox .reraImg {
    max-width: 80px;
}

.overview .overviewRerabox .reraImg img {
    width: 100%;
}

.overview .overviewRerabox .raraInnerbox {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.overview .raraInnerbox .reraContent {
    text-align: end;
}

.overview span {
    text-transform: uppercase;
    font-size: 11px;
}

.overview .raraInnerbox .reraContent p {
    color: var(--body-color);
    font-size: 11px;

}


.overview .accountbox {

    text-align: end;

    font-size: 11px;

    line-height: 1.6;

    text-transform: uppercase;

}



.overview .accountbox strong {

    color: var(--secondary-color);

}



.overview .bnkNmaebox {

    display: flex;

    justify-content: flex-end;

    gap: 0.5rem;

}



.overview .bnkNmaebox strong {
    padding-right: 5px;
    /* border-right: 1px solid var(--secondary-color); */
}


/* .overview .bnkNmaebox span {
    padding-left: 5px;
} */

/* -------------------------------------------
unseen-future
------------------------------------------- */
.unseen-future {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.unseen-future::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-color: var(--secondary-light);
}

.unseen-future .unseen-container {
    position: relative;
    /* background: linear-gradient(rgb(37 51 81 / 16%), rgba(37, 51, 81, 0.849)), url(../images/exterior-1.jpg) center / cover no-repeat; */
    background: url(../images/exterior-1.webp) center right / cover no-repeat;
    min-height: 60vh;
    display: flex;
}

.unseen-future .unseen-container .content {
    padding: 2rem;
    max-width: 400px;
    font-family: var(--playfair);
    font-size: 1.75rem;
    line-height: 1.2;
}

/* ---------------------------------------------------
overviewBottom
--------------------------------------------------- */
.overviewBottom {
    overflow: hidden;
}

.overviewBottom h3 {
    text-transform: capitalize;
    font-weight: 600;
}

.overviewBottom .overImg {
    position: relative;
    z-index: 1;
}

.overviewBottom .overImg::before {
    position: absolute;
    content: '';
    top: 20%;
    right: -10%;
    width: 70%;
    height: 90%;
    background-color: var(--white);
    z-index: 0;
}

.overviewBottom .overImg img {
    clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0 100%, 0% 10%);
    width: 100%;
}

.overviewBottom .heading {
    margin-bottom: 2rem;
}

/* .overviewBottom .heading h3 {
    font-size: 2.1rem;
} */










/* ------------------------------------------------

 facility

 ------------------------------------------------ */

/* .facility {

    overflow: hidden;

} */



/* .facility .facibox {

    padding: 1rem;

    background-color: var(--white);

} */



.facility .imgBox {

    position: relative;

    width: 100%;

    z-index: -1;

}



.facility .imgBox::before {

    content: '';

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.facility .imgBox img {

    width: 100%;

    height: 100%;

}



.facility .imgBox .inner {

    background-color: rgba(0, 0, 0, 0.425);

    position: absolute;

    left: 1rem;

    bottom: 1rem;

    max-width: 300px;

    padding: 0.4rem;

    z-index: 99;

}



.facility p {

    color: var(--white);

    font-size: 0.8rem;

    font-family: var(--openSans);

}



/* ------------------------------------------------

 amenities

 ------------------------------------------------ */

.amenities {

    position: relative;

    overflow: hidden;

}



.amenities::before {

    content: "";

    position: absolute;

    inset: 0;

    /* top: 10%; */

    width: 100%;

    height: 100%;

    background: url("../images/logobg.png") no-repeat center center;

    background-size: 500px;

    opacity: 0.08;

    z-index: 1;

}



.amenities .container-lg {

    position: relative;

    z-index: 2;

}



/* .amenities .img {

    width: 100px;

    height: 100px;

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

    border: 3px solid #fff;

    outline: 3px solid var(--secondary-color); 

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;



    transform: translateY(-20px);

    transition: transform 0.5s ease; 

}*/



/* segmentlogo */

.amenities .segmentlogo {

    width: 230px;

}



.amenities .segmentlogo img {

    width: 100%;

}



/* amenitiesiconbox */

.amenitiesiconbox {

    margin: 6rem 0;

}



.amenitiesiconbox .iconbox {

    display: flex;

    gap: 10px;

    align-items: center;

}



.amenitiesiconbox .iconbox .img {

    width: 25px;

}



.amenitiesiconbox .iconbox .img img {

    width: 100%;

}



.amenitiesiconbox .iconbox span {

    color: var(--primary-color);

    font-weight: 400;

    font-size: 0.8rem;

}



/* imgbox */

.amenities .imgbox {

    position: relative;

}



.amenities .imgbox span {

    background-color: var(--secondary-light);

    text-transform: capitalize;

    position: absolute;

    padding: 2px 6px;

    font-size: 12px;

    font-weight: 600;

    bottom: 7px;

    color: var(--body-color);

    left: 7px;

}



/* -------------------------------------------

 gallery

 ------------------------------------------- */

.gallery {

    padding: 0;

    padding-bottom: 4rem;

    position: relative;

    overflow: hidden;

}



.gallery .gallery-container {

    position: relative;

    min-height: 45vh;

    background: linear-gradient(rgba(37, 51, 81, 0.856), rgba(37, 51, 81, 0.849)), url(../images/gallBg.webp) center / cover no-repeat;

    display: flex;

    justify-content: center;

    flex-direction: column;

    text-align: justify;

    text-align-last: center;

}



.gallery .gallery-container h2 {

    margin-bottom: 20px;

    color: var(--white);

    text-align: center;

}



.gallery .gallery-container .contentbox {

    width: 70%;

    margin: 0 auto;

    text-align: center;

}





/* gallSliderContainer */

.gallery .gallSliderContainer {

    margin-top: -6rem;

    position: relative;

    z-index: 10;

    padding: 0;

}



.gallery .gallbottomboxImg {

    width: 100%;

}



.gallery .gallbottomboxImg img {

    width: 100%;

}



.gallery .swiper-slide {

    width: 40%;

}





/* ------------------------------------------------

 exterior

 ------------------------------------------------ */

.exterior {

    overflow: hidden;

}



.exterior .innerbox {

    position: relative;

}



/* Overlay on Image */

/* .exterior .innerbox::before {

    content: '';

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.521);

    z-index: 1;

} */



/* Image setup */

.exterior .innerbox .img {

    width: 100%;

    height: 85vh;

}



.exterior .innerbox .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 2 / 1;
    display: block;
}



/* Text Content on Top */

.exterior .innerbox .exteriorContent {

    position: absolute;

    top: 3%;

    left: 3%;

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

    color: var(--primary-color);

    z-index: 2;

    max-width: 450px;

    font-family: var(--openSans);

}



.exterior .innerbox .exteriorContent h3 {

    font-size: 2.3rem;

    font-weight: 600;

    margin-bottom: 10px;

}



.exterior .innerbox .exteriorContent p {
    line-height: 1.6;
}



/* Swiper Pagination Dots */

.exterior .swiper-pagination {

    bottom: 30px;

    text-align: center;

    z-index: 10;

}



.exterior .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: transparent;

    border: 2px dotted #fff;

    opacity: 0.6;

    margin: 0 6px !important;

    transition: all 0.3s ease;

}



.exterior .swiper-pagination-bullet-active {

    background: #fff;

    border: 2px solid #fff;

    opacity: 1;

    transform: scale(1.2);

}



/* ------------------------------------------------

timeless-legacies

------------------------------------------------ */

.timeless-legacies {

    position: relative;

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

    /* background-blend-mode: overlay; */

    z-index: 1;

    overflow: hidden;

}



/* .timeless-legacies::before{

    background: #a69075 url(../logos/logobg.png) center / 80px;

    position: absolute;

    content: '';

    inset: 0;

    z-index: -1;

} */



.timeless-legacies::before {

    content: "";

    position: absolute;

    inset: 0;

    background: url('../logos/logobg.png') center / 80px;

    /* filter: hue-rotate(45deg); */

    /* z-index: -1; */

    filter: contrast(0.7);

}







.timeless-legacies .timelessParent {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    /* grid-template-rows: repeat(4, 1fr); */

    /* height: 1200px; */

    gap: 1rem;

}



.timeless-legacies .timelessParent .div1 {

    grid-area: 1 / 1 / 3 / 3;

}



.timeless-legacies .timelessParent .div2 {

    grid-area: 1 / 3 / 2 / 4;

}



.timeless-legacies .timelessParent .div3 {

    grid-area: 1 / 5 / 2 / 6;

}



.timeless-legacies .timelessParent .div4 {

    grid-area: 1 / 4 / 2 / 5;

}



.timeless-legacies .timelessParent .div5 {

    grid-area: 2 / 3 / 3 / 5;

}



.timeless-legacies .timelessParent .div6 {

    grid-area: 2 / 5 / 3 / 6;

}



.timeless-legacies .timelessParent .div7 {

    grid-area: 3 / 3 / 5 / 6;

}



.timeless-legacies .timelessParent .div8 {

    grid-area: 3 / 1 / 5 / 3;

}



.timeless-legacies .timelessParent .div1 .img,

.timeless-legacies .timelessParent .div3 .img,

.timeless-legacies .timelessParent .div5 .img,

.timeless-legacies .timelessParent .div7 .img {

    width: 100%;

    height: 100%;

}



.timeless-legacies .timelessParent .div1 img,

.timeless-legacies .timelessParent .div3 img,

.timeless-legacies .timelessParent .div5 img,

.timeless-legacies .timelessParent .div7 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.timeless-legacies .timelessParent .contentbox {

    height: 100%;

    padding: 1rem;

    display: flex;

    align-items: center;

    background-color: var(--secondary-light);

    flex-direction: column;

    justify-content: center;

}



.timeless-legacies .timelessParent p {

    font-size: 1.1rem;

    color: var(--secondary-color);

}



/* before  */

.timeless-legacies .timelessParent .div2,

.timeless-legacies .timelessParent .div4,

.timeless-legacies .timelessParent .div6,

.timeless-legacies .timelessParent .div8 {

    position: relative;

}



.timeless-legacies .timelessParent .div2::before,

.timeless-legacies .timelessParent .div4::before,

.timeless-legacies .timelessParent .div6::before,

.timeless-legacies .timelessParent .div8::before {

    content: "";

    position: absolute;

    transform: translateY(-50%);

    top: 30%;

    width: 0;

    height: 0;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-right: 15px solid var(--secondary-light);

    z-index: 5;

    transition: all 0.3s ease;

}



.timeless-legacies .timelessParent .div2::before {

    left: -15px;

}



.timeless-legacies .timelessParent .div4::before {

    right: -15px;

    transform: rotate(180deg);

}



.timeless-legacies .timelessParent .div6::before {

    left: -15px;

}



.timeless-legacies .timelessParent .div8::before {

    right: -15px;

    transform: rotate(180deg);

}



/* ------------------------------------------------

 iconicTower

 ------------------------------------------------ */

.iconicTower .iconicLogobox {

    max-width: 180px;

}



.iconicTower .iconicLogobox img {

    width: 100%;

}



.iconicTower .innerbox {

    color: var(--white);

    max-width: 90%;

}



.iconicTower .innerbox h3 {

    font-size: 2.4rem;

}

/* ------------------------------------------------
 specifications
 ------------------------------------------------ */
.border-secondary {
    border-color: var(--secondary-color) !important;
}

.specBox .inner {
    height: 100%;
    padding: 1.5rem;
    background-color: var(--white);
    color: var(--body-color);
    box-shadow: 0 5px 26px rgb(0 0 0 / 5%);
}

.specBox .inner .heading {
    color: var(--secondary-color);
}

.specBox .inner ul li {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
}

.specBox .inner ul li:not(:last-of-type) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
}

.specBox .inner ul li strong {
    /* color: var(--secondary-color); */
    max-width: 50%;
    flex: 0 0 35%;
}

.specBox .inner ul li span {
    /* max-width: 65%; */
    flex: 1 0 65%;
    padding: 0 10px;
}

/* Specification */





/* ------------------------------------------------

 floor-plan

 ------------------------------------------------ */
.floor-plan {
    overflow: hidden;
}

.floopContaniner {
    background-color: var(--secondary-light);
}



.floopContaniner .typeBOx {

    color: var(--primary-color);

    text-transform: uppercase;

    padding: 1.2rem 0;

    font-weight: 600;

    font-size: 0.9rem;

    text-align: center;

}


.floopContaniner .floorImage {
    height: 90%;
    mix-blend-mode: darken;
        filter: blur(5px);
}

.floopContaniner .floorImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.floorDetails {
    margin-top: 2rem;
    padding: 0 1.7rem 1.7rem 1.7rem;
    border-right: 1px dashed #e5e5e5;
}

.floorDetails .logo {
    width: 150px;
}

.floorDetails .logo img {
    width: 100%;
}


.floor-plan .floorDetails .readmore:hover .button{
    background-color: var(--primary-color);
}




/* typeHeader */

/*.tab.typeHeader {

    display: flex;

    justify-content: start;

}



.typeHeader .tablinks {

    padding: 5px 16px;

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

    color: var(--body-color);

    font-size: 0.9rem;

    border: 1px solid rgba(206, 206, 206, 0.397);

}



.tab.typeHeader button:hover {

    background-color: var(--secondary-light);

}



.tab.typeHeader button.active {

    color: var(--white);

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

} */



.floorDetails .configurationbox {
    text-align: start;
    margin-top: 2rem;
    /* border: 1px solid red; */
}

.floorDetails .configurationbox .innerTaglne {
    font-size: 0.8rem;
}



.floorDetails h2 {
    font-family: var(--openSans);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--secondary-color);
    margin-top: 1rem;
}



.floorDetails .details {
    /* border: 1px solid red; */
    margin: 0.5rem 0;
    padding: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    background-color: var(--white);
}



.floorDetails .list li {
    font-size: 0.8rem;
    padding: 5px 0;
    list-style: none;
    border-bottom: 1px dashed #e5e5e5;
    /* text-transform: uppercase; */
    color: var(--secondary-color);
}



.floorDetails .list li:last-child {
    border-bottom: none;
}

.floorDetails .list li span {
    color: var(--primary-color);
    margin-right: 5px;
}

.floorDetails .bottomContent{
    max-width: 80%;
    /* border: 1px solid red; */
}

.floorDetails .bottomContent small{
     font-size: 0.8rem;
    line-height: 1.6;
    display: block;
    margin-top: 0.5rem;

}

.floorDetails .fpbtmImg {
    margin-top: 1rem;
    mix-blend-mode: darken;
    /* border: 1px solid red; */
}

/* ----------------------------------------------
walkthrough
---------------------------------------------- */
.walkthrough video {
    width: 100%;
    height: 90vh;
    object-fit: cover;
    display: block;
}

/* ----------------------------------------------

location

---------------------------------------------- */

.location {

    overflow: hidden;

}



.location .map {
    width: 100%;
    height: 400px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}



.location .map img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.location .locationContent {
    display: flex;
    text-align: center;
    margin-bottom: 0;
    height: 100%;
    align-items: center;

}

.location .locationContent h3 {
    margin: 0;
    font-size: 2.1rem;
}

/*  */

.location .iframe {
    width: 100%;
    height: 400px;
}

.location .iframe iframe {
    width: 100%;
    height: 100%;
}



/* disclaimer */

.disclaimerSec {

    margin-top: 3rem;

}



.disclaimerSec .innerbox {

    margin-top: 4rem;

}



.privacySec {

    margin-top: 3rem;



}



.privacySec .innerbox {

    margin-top: 4rem;

}



/* gaurs-upersection */

.gaurs-upersection .gaurs-logo {

    width: 140px;

    margin-bottom: 1rem;

}



.gaurs-upersection .gaurs-logo img {

    width: 100%;

}



.gaurs-upersection .statsBox {

    display: flex;

    align-items: center;

    gap: 1rem;

}



.gaurs-upersection .statsBox:not(:last-of-type) {

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid var(--secondary-color);

}



.gaurs-upersection .statsBox h2 {

    font-size: 3rem;

    font-weight: 700;

    margin-bottom: 0;

}



.gaurs-upersection .statsBox p {

    margin-bottom: 0;

}



.gaurs-upersection .gaursBox p {

    text-align: justify;

}



/* gaurs */







/* ------------------------------------------------

 footer

 ------------------------------------------------ */

.footer {

    padding-top: 5rem;

    padding-bottom: 5rem;

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

    font-size: 14px;

    overflow: hidden;

}



.footer .footer-about .footerlogo {

    width: 140px;

}



.footer .footer-about .footerlogo img {

    width: 100%;

}



.footer .footer-about .inner {

    padding-right: 4rem;

}



.footer .footer-about p {

    margin-top: 3rem;

    font-size: 14px;

    color: color-mix(in srgb, var(--white), transparent 30%);

}



.footer h4 {

    font-size: 16px;

    font-weight: 600;

    position: relative;

    padding-bottom: 12px;

    margin-bottom: 15px;

    color: var(--white);

}



.footer h4::after {

    content: "";

    position: absolute;

    display: block;

    width: 20px;

    height: 2px;

    background: var(--white);

    bottom: 0;

    left: 0;

}



.footer .footer-links ul {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    padding: 0;

    margin-top: 2rem;

}



.footer .footer-links ul li {

    width: 50%;

    padding: 10px 0;

    display: flex;

    align-items: center;

    color: color-mix(in srgb, var(--white), transparent 30%);

}



.footer .footer-links ul li:first-child {

    padding-top: 0;

}



.footer .footer-links ul a {

    color: color-mix(in srgb, var(--white), transparent 30%);

    display: inline-block;

    line-height: 1;

}



.footer .footer-links ul a:hover {

    color: var(--white);

}



.footer .footer-links .inner {

    margin-top: 2rem;

    color: var(--white);

}



.footer .footer-links .inner p {

    color: color-mix(in srgb, var(--white), transparent 30%);

}



.footer .footer-links .inner p a{
    margin-left: 0.5rem;
    color: color-mix(in srgb, var(--white), transparent 30%);
}

.footer .footer-links .inner p a:hover{
    color: var(--white);
}


.footer .footer-links .inner p i {

    color: var(--secondary-color);

}



/* social link */

.footer-links .social-links {

    margin-top: 1rem;

}



/* footer social icons */

.footer .social-links a i {

    font-size: 1rem;

    background-color: transparent;

    color: var(--secondary-color);

}



/* footerMiddlebox */

.footerMiddlebox {

    margin-top: 3rem;

    padding-top: 3rem;

    border-top: 1px solid #c0c0c01f;

}



/* raraInnerbox */

footer .raraInnerbox {

    display: flex;

    align-items: center;

    gap: 10px;

    border: 1px sold #e5e5e5;

}



footer .raraInnerbox .reraImg {

    width: 80px;

}



footer .raraInnerbox .reraImg img {

    width: 100%;

}



footer .raraInnerbox .reraContent p {

    color: var(--white);

    line-height: 2;

}







/* collectionAccountDetails */

.footer .collectionAccountDetails .accountbox {

    color: color-mix(in srgb, var(--white), transparent 30%);

    /* color: #fff; */

    display: flex;

    flex-direction: column;

    font-size: .875rem;

    padding: 5px;

    /* border: 1px solid rgb(255 255 255 / 10%); */

}



.footer .collectionAccountDetails .accountbox strong {

    color: var(--secondary-color);

}


.footer .collectionAccountDetails .accountbox:hover span{
    color: var(--white);
} 






/* copyright */

.footer .copyright {

    margin-top: 2rem;

    padding: 1.25rem 0;

    border-top: 1px solid #c0c0c01f;

    border-bottom: 1px solid #c0c0c01f;

}



.footer .copyright p {

    margin-bottom: 0;

    color: var(--white)
}



/* .footer */

.footer .capsulbox {

    text-align: center;

}



.footer .capsulbox a {

    margin: 0.5rem;

    display: block;

    padding: 0.4rem;

    color: var(--white);

    width: auto;

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

    border-radius: 20px;

    transition: all 300ms ease-in-out;

}



.footer .capsulbox a:hover {

    background-color: var(--white);

    color: var(--primary-color);

}



/* privacybox */

.footer .privacybox {

    display: flex;

    list-style: none;

    padding: 0;

    margin: 0;

    justify-content: flex-end;

}



.footer .privacybox li {

    display: flex;

    align-items: center;

}



.footer .privacybox li a {

    color: var(--white);

    display: inline-block;

    line-height: 1;

    padding: 0 1rem;

    border-right: 1px solid #a792772e;

}



.footer .privacybox li:nth-child(1) a {

    padding-left: 0;

}



.footer .privacybox li:nth-child(2) a {

    border: none;

}



/* thankyouContainer */