* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: "Bricolage Grotesque", sans-serif;

    text-decoration: none !important;

}



:root {

    --theme-color1: #AA1E28;

    --theme-color2: #303030;

    --theme-color3: #2196F3;

}



/* button css start  */



button.main-butn:before {

    content: "";

    height: 300px;

    width: 300px;

    background: #e1a358;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%) scale(0);

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

    z-index: -1;

}



button.main-butn {

    font-size: 16px;

    color: var(--color-white);

    padding: 10px 20px;

    transition: all 0.2s;

    text-transform: capitalize;

    position: relative;

    border-radius: 0px;

    font-weight: 500;

    cursor: pointer;

    text-align: center;

    vertical-align: middle;

    overflow: hidden;

    border: none;

    background: var(--theme-color1);

    box-shadow: var(--box-shadow);

    z-index: 1;

}



button.main-butn:hover:before {

    transform: translateY(-50%) translateX(-50%) scale(1);

}





/* button css end  */





/* heading botom css start */



.heading-divider {

    display: inline-block;

    position: relative;

    border-bottom: 4px solid var(--theme-color1);

    width: 90px;

    height: 4px;

    border-radius: 50px;

    margin: auto;

    margin-top: 0;

    margin-bottom: 15px;

}

.icon-box img {
    height: 40px;
}



.heading-divider::after {

    content: '';

    position: absolute;

    top: -1px;

    left: 0;

    height: 6px;

    width: 15px;

    background-color: white;

    border-radius: 50px;

    animation: heading-move 4s infinite ease-in-out;

}



@keyframes heading-move {

    0% {

        left: 0;

    }



    50% {

        left: calc(100% - 15px);

    }



    100% {

        left: 0;

    }

}



/* heading botom css start */









/* header css start  */



/* .navbar {

    background: transparent;

    padding: 0.7rem 1rem;

    position: absolute;

    z-index: 999;

    backdrop-filter: blur(26px);

    border-bottom: 1px solid #ffffff14;

    top: 0;

    width: 100%;

} */

.navbar {

    background: white !important;

    padding: 0px 5px !important;

    position: sticky !important;

    z-index: 999 !important;

    backdrop-filter: blur(26px) ;


    top: 0;

    width: 100%;

    top: 0;

    border-bottom: 1px solid #ccc !important;

}



/* .navbar-nav .nav-link {

    color: #fff;

    font-weight: 500;

    margin: 0 5px;

} */



.navbar-nav .nav-link {

    color: black;

    font-weight: 500;

    margin: 0 5px;

    transition: all 0.5s ease;

}



.navbar img {

    height: 55px;

    width: 198px;

    object-fit: cover;

}



/* .navbar-nav .nav-link.active {

    color: #fff;

    position: relative;

    transform: translateY(-5px);

} */

.navbar-nav .nav-link.active,

.navbar-nav .nav-link:hover {

    color: var(--theme-color1);

    position: relative;

    transform: translateY(-5px);

    display: inline-block;

}



/* .navbar-nav .nav-link.active::after {

    content: "•";

    color: var(--theme-color1);

    font-size: 20px;

    position: absolute;

    bottom: -6px;

    left: 50%;

    transform: translateX(-50%);

} */

.navbar-nav .nav-link::after {

    content: "";

    position: absolute;

    bottom: 5px !important;

    left: 50%;

    width: 0;

    height: 2px;

    background: var(--theme-color1);

    transition: all 0.3s ease;

    transform: translateX(-50%);

}



/* On Active */

/* .navbar-nav .nav-link.active::after {

    width: 100%;

} */

.navbar-nav .nav-link.active::after,

.navbar-nav .nav-link:hover::after {

    width: 100% !important;

    /* underline exactly matches text width */

}



/* (Optional) On Hover add underline also */

.navbar-nav .nav-link:hover::after {

    width: fit-content;

}



.contact-btn {

    background: var(--theme-color1);

    color: #fff !important;

    border-radius: 0;

    font-weight: 600;

    padding: 8px 16px;

}



.contact-btn:hover {

    background: var(--theme-color1);

}



nav.new-nav {

    position: relative;

    background: #f4f4f4;

    color: black !important;

}



.new-nav a.nav-link {

    color: black;

}



.new-nav a.nav-link.active {

    color: black;

}



/* header css end  */



/* home page css start  */



/* home-banner start  */



.home-banner img {

    height: 565px;

    object-fit: cover;

}



.home-banner .carousel-item {

    position: relative;

}



/* .home-banner .carousel-item::after {

    content: "";

    position: absolute;

    inset: 0;

    background: rgb(0 0 0 / 43%);

    z-index: 1;

    pointer-events: none;

} */



/* .home-banner .carousel-caption {

    z-index: 2;

    color: #fff;

    top: 15%;

    right: 0;

    left: 17%;

    text-align: left;

    height: fit-content;

} */

.home-banner .carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 1.25rem;

    left: 3%;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    color: #fff;

    text-align: left;

    top: 20%;

    z-index: 22;

    height: fit-content;

}



.home-slide {

    width: 100%;

    max-width: 53%;

}



.home-banner button.carousel-control-prev {

    display: none;

}



.home-banner button.carousel-control-next {

    display: none;

}





/* 

.home-banner h2 {

    font-size: 72px;



} */



.home-banner h6 {

    font-weight: 400;

    font-size: 16px;

    border: 1px solid white;

    padding: 6px 10px;

    width: fit-content;

    border-radius: 20px;

}



.home-banner p {

    font-size: 18px;

}







/* .home-banner i.bi.bi-whatsapp {

    position: absolute;

    right: 28px;

    bottom: 115px;

    color: white;

    background-color: rgb(0, 191, 0);

    padding: 10px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    z-index: 1;

} */



.home-banner i.bi.bi-whatsapp {

    color: white;

    background-color: rgb(0, 191, 0);

    padding: 10px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    width: fit-content;

    margin-bottom: 6px;

}



.home-banner i.bi.bi-telephone {

    color: white;

    background-color: black;

    padding: 10px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    width: fit-content;

}



.home-sideicon {

    position: fixed;

    right: 15px;

    bottom: 28px;

    z-index: 999;

}



/* home-banner end  */





/* milestone-section start  */



.milestone-section {

    background: #fff;

    padding: 60px 20px;

    text-align: center;

}



/* .milestone-section h2 {

    color: var(--theme-color1);

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 48px;

} */



.milestone-item {

    padding: 20px;

}



.milestone-item h3 {

    font-size: 2rem;

    font-weight: bold;

    margin-bottom: 5px;

}



.milestone-divider {

    border-left: 1px solid #ddd;

    height: 60px;

    margin: auto;

}



p.title-p {

    font-size: 20px;

    color: var(--theme-color2);

}



.dollor h3 {

    text-align: center;

    margin: 20px 0 0 0;

    font-weight: 700;

    color: black;

}



.milestone-section .milestone-item p {

    font-size: 18px;

    color: var(--theme-color2);

}



.milestone-item {

    padding: 20px 0;



}



/* milestone-section end  */



/* about sec start  */



.about .about-card {

    border: 1px solid #ddd;

    padding: 40px 25px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    background: white;

}



.about-title {

    color: var(--theme-color1);

    font-weight: 600;

    font-size: 32px;

}



.about-text {

    color: var(--theme-color2);

    margin: 20px 0;

}



.learn-more {

    font-weight: 500;

    text-decoration: none;

    color: #000;

}



.learn-more:hover {

    color: var(--theme-color1);

}



.about-img {

    position: relative;

    overflow: hidden;

    border-radius: 0px;

}





.about-img img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: filter 500ms ease, transform 500ms ease;

    position: relative;

    z-index: 1;

}





.about-img::after {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 70%;

    height: 100%;

    pointer-events: none;

    z-index: 2;

    transform: skewX(-25deg) translateX(0);



    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    transition: transform 1000ms cubic-bezier(.2, .9, .3, 1);

    will-change: transform;

}



.about-img:hover::after {

    transform: skewX(-25deg) translateX(300%);



}



.about-img:hover img {

    transform: scale(1.02);

}



.contact-box img {

    height: 44px;

    width: 44px;

}



.marthn img {

    height: 270px;

    object-fit: cover;

}



.lifestyle img {

    width: 40px;

    height: 40px;

    object-fit: cover;

}



.conection img {

    width: 38px;

    height: 39px;

}



/* 

.about {

    background-image: url(./images/whiteback.jpg);

    padding: 50px 20px;

} */



/* about sec end  */



/* our-project sec start */



.our-project .project-card {

    border: 1px solid #ddd;

    border-radius: 5px;

    overflow: hidden;

    transition: transform 0.3s ease;

    background: #fff;

}



.our-project .project-card:hover {

    transform: translateY(-5px);

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

}



.our-project .project-badge {

    position: absolute;

    top: 10px;

    left: 10px;

    background: #2196F3;

    color: #fff;

    padding: 4px 10px;

    font-size: 13px;

    border-radius: 5px;

}



.our-project .card-img-top {

    height: 250px;

    object-fit: cover;

}



.our-project .view-link {

    font-weight: 500;

    text-decoration: none;

    color: #000;

}



.our-project .view-link:hover {

    color: #a10000;

}



.our-project .nav-link.active {

    border: none;

    border-bottom: 2px solid #aa1e28 !important;

    color: var(--theme-color1);

    font-weight: 600;

}



.our-project .nav-link {

    color: black;

    font-size: 18px;

    font-weight: 400;

    margin: 0 0 0 10px;

}



.our-project .nav-link:hover {

    border: none !important;

    border-bottom: 2px solid var(--theme-color1) !important;

}



/* our-project sec end */



/* choose sec start  */



/* .choose .feature-box {

    border: 1px solid #ddd;

    padding: 15px;

    border-radius: 5px;

    transition: all 0.3s ease;

    height: 100%;

    background: #aa1e28;

    color: white;

} */



.choose .feature-box {

    border: 1px solid #ddd;

    padding: 15px;

    border-radius: 20px;

    transition: all 0.3s ease;

    height: 100%;

    background: #f2f2f2;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    color: white;

}



.choose .feature-box:hover {

    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */

    transform: translateY(-5px);

}



/* .choose .feature-box i {

    font-size: 28px;

    color: #000000;

    margin-bottom: 15px;

    display: flex;

    background: #e1a358;

    width: 60px;

    height: 60px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    transition: transform .4s ease;



    transform-origin: center;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    will-change: transform;

} */

.choose .feature-box i {

    font-size: 28px;

    color: #ffffff;

    margin-bottom: 0px;

    display: flex;

    background: #aa1e28;

    width: 60px;

    height: 60px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    transition: transform .4s ease;

    transform-origin: center;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    will-change: transform;

}



.choose .feature-box:hover i {

    transform: rotateY(-360deg);

}



/* 

.choose .feature-title {

    font-weight: 600;

    font-size: 1.1rem;

    margin-bottom: 8px;

} */

.choose .feature-title {

    font-weight: 600;

    font-size: 1.1rem;

    margin-bottom: 0px;

    color: black;

}



/* .choose .feature-text {

    font-size: 0.9rem;



} */

.choose .feature-text {

    font-size: 0.9rem;

    color: black;

}



.choose .about-img {

    max-width: 100%;

    border-radius: 5px;

    overflow: hidden;

}



/* choose sec end  */



/* behind sec start  */



.behind .leader-img {



    max-width: 100%;

    height: auto;

}



.behind .leader-section h2 {

    font-size: 1.5rem;

    font-weight: 600;

    margin-bottom: 1rem;

}



.behind .leader-section p {

    font-size: 0.95rem;

    color: #333;

    line-height: 1.7;

}



.behind .leader-name {

    font-weight: 700;

    text-transform: uppercase;

    margin-top: 1.5rem;

    font-size: 1rem;

}



.behind .leader-title {

    font-size: 0.9rem;

    color: #555;

}



.behind h2 {

    color: var(--theme-color2);

    font-size: 24px;

    margin-bottom: 20px;

}



.behind strong {

    color: black;

}



.behind {

    background-image: url(./images/06.png);

    background-size: cover;

    background-blend-mode: overlay;

    /* background-color: #e8ba83;  */

    background-color: transparent;

}



.behind .be-left {

    border-radius: 20px;

}



/* behind sec end  */



/* news sec start */



.news .blog-card img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    border-radius: 6px;

}



.news .blog-meta {

    font-size: 13px;

    color: #777;

    margin-top: 10px;

}



.news .blog-title {

    font-size: 24px;

    font-weight: 600;

    margin: 10px 0;

    color: black;

}



.news .read-more {

    font-size: 14px;

    text-decoration: none;

    color: #000;

    font-weight: 500;

}



.news .read-more:hover {

    text-decoration: underline;

}



/* news sec start */



/* contact sec start */



section.contact {

    background-color: #F9F9FB;

}



.contact .form-control {

    border: 1px solid #ddd;

    border-radius: 0;

    box-shadow: none;

    font-size: 16px;

    padding: 12px;

}



.contact .form-control:focus {

    border-color: #000;

    box-shadow: none;

}



.contact textarea.form-control {

    resize: none;

    min-height: 120px;

}



.contact .contact-box {

    background: #fff;

    padding: 50px;

    border-radius: 6px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

    border: 1px solid #ccc;

}



.contact .contact-icon {

    font-size: 28px;

    color: #b22222;

    margin-right: 15px;

}



.contact .contact-title {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 5px;

    color: black;

}



.contact .contact-text {

    font-size: 16px;

    color: var(--theme-color2);

    margin-bottom: 12px;

}



.contact .info-box {

    display: inline-block;

    padding: 10px 15px;

    border: 1px solid #ddd;

    background: #fff;

    border-radius: 4px;

    font-weight: 500;

    color: black;

}



hr {

    margin: 25px 0;

    color: #000000;

}



.contact .contact-right {

    padding-bottom: 30px;

}





/* contact sec end  */





/* footer css start  */

footer {

    background: #F9F9FB;

    padding: 50px 0 20px;

    font-size: 14px;

    color: #333;

}



footer h6 {

    font-weight: 600;

    margin-bottom: 20px;

    font-size: 15px;

}



footer ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



footer ul li {

    margin-bottom: 10px;

    font-size: 16px;

}



footer ul li a {

    text-decoration: none;

    color: #808080;

}



footer ul li a:hover {

    text-decoration: underline;

}



.footer-logo {

    margin-bottom: 15px;

    width: 250px;

    height: 60px;

    object-fit: cover;

}



.social-icons a {

    color: #000;

    margin-right: 12px;

    font-size: 18px;

    text-decoration: none;

}



.footer-bottom {

    border-top: 1px solid #ddd;

    margin-top: 30px;

    padding-top: 15px;

    text-align: center;

    font-size: 13px;

    color: #666;

}



footer .locate p {

    font-size: 18px;

    color: black;

    margin: 15px 0;

}



footer h6 {

    font-weight: 600;

    margin-bottom: 20px;

    font-size: 18px;

    color: black;

}



.detail p {

    font-size: 16px;

    color: black;

    font-weight: 500;

}



footer .social-icons i {

    font-size: 20px;

    border: 1px solid black;

    padding: 11px;

    border-radius: 50%;

    display: flex;

    width: fit-content;

}



.navbar span.navbar-toggler-icon {

    filter: invert(0);

}



/* foter css end  */





/* home page css end  */





/* about page start  */



.about-banner {

    background-image: url(../images/about-banner.svg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 90vh;

    display: flex;

    justify-content: center;

    align-items: center;

}



.about-banner h6 {

    font-size: 18px;

    border: 1px solid white;

    width: fit-content;

    margin: auto;

    padding: 7px 12px;

    border-radius: 24px;

}



.about-banner h2 {

    font-size: 72px;

    max-width: 74%;

    margin: auto;

}



.about-banner p {

    max-width: 50%;

    margin: auto;

}







.vision .sub-title {

    font-weight: 600;

    font-size: 18px;

    margin-top: 20px;

    position: relative;

}



.vision .sub-title::before {

    content: "";

    display: inline-block;

    width: 40px;

    height: 6px;

    background: var(--theme-color2);

    margin-right: 10px;

    vertical-align: middle;

    position: absolute;

    top: -10px;

}



.vision .text-content {

    font-size: 15px;

    color: #555;

    margin-top: 10px;

}



.vision .vision-img {

    max-width: 100%;

}



.led .team-card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    transition: all 0.4s ease;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

}



.led .team-card:hover {

    box-shadow: 0 12px 30px rgba(128, 0, 0, 0.25);

}



.led .team-card img {

    /* transition: transform 0.5s ease; */

    transition: transform 0.5s ease;

    height: 370px;

    object-fit: cover;

}







.led .card-body {

    background: #F9F9FB;

    text-align: center;

    padding: 20px;

}



.led .card-title {

    font-weight: 500;

    margin-bottom: 5px;

    transition: color 0.4s ease;

    color: black;

}



.led .team-card:hover .card-title {

    color: var(--theme-color1);



}



.led .card-text {

    color: var(--theme-color2);

    font-size: 14px;

    transition: color 0.3s ease;

}



.led .team-card:hover .card-text {

    color: var(--theme-color1);



}



.led .social-icons a {

    display: inline-block;

    margin: 5px;

    width: 38px;

    height: 38px;

    line-height: 38px;

    border-radius: 50%;

    background: #f0f0f0;

    color: var(--theme-color2);

    transition: all 0.3s ease;

    font-size: 18px;

    border: 1px solid black;

}



.led .social-icons a:hover {

    background: var(--theme-color1);

    color: #fff;

    transform: scale(1.15) rotate(5deg);

    border: none;

}



.led .led-inner {

    max-width: 60%;

}



.led .portfolio-img {

    position: relative;

}



.led .portfolio-img::before {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: var(--theme-color1);

    border-radius: 0px;

    transform: scaleY(0);

    transition: 0.8s;

}



.led .port:hover .portfolio-img::before {

    opacity: .5;

    transform: scaleY(1);

}





.testimonial .testimonial-card {

    border-radius: 12px;

    padding: 25px 20px;

    text-align: center;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);

    transition: all 0.3s ease-in-out;

    margin: 15px;

    background: #F9F9FB;

    border: 3px solid var(--theme-color1);

}



.testimonial .testimonial-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);

}



.testimonial .testimonial-card img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin-bottom: 15px;

    object-fit: cover;

}



.testimonial .testimonial-card h5 {

    font-weight: 600;

    margin-bottom: 5px;

    color: black;

}



.testimonial .testimonial-card p.role {

    font-size: 14px;

    color: #666;

    margin-bottom: 15px;

}



.testimonial .testimonial-card p.feedback {

    font-size: 15px;

    color: var(--theme-color2);

    line-height: 1.6;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.testimonial .owl-nav {

    text-align: center;

    margin-top: 20px;

}



.testimonial .owl-nav button {

    background: #fff !important;

    border: 1px solid #ccc !important;

    padding: 5px 12px !important;

    margin: 0 5px;

    border-radius: 50%;

}



.testimonial .owl-nav button span {

    font-size: 20px;

    color: #333;

}



.testimonial img {

    width: 100px !important;

    height: 100px !important;

    margin: auto;

}





.testimonial-card {

    position: relative;

    background: transparent;

    border-radius: 12px;

    padding: 25px 20px;

    text-align: center;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);

    overflow: hidden;

    z-index: 1;

}



.testimonial-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background-color: var(--theme-color1);

    transform: scaleY(0);

    transform-origin: bottom center;

    transition: transform 0.4s ease;

    border-radius: inherit;

    z-index: -1;

}



.testimonial-card:hover::before {

    transform: scaleY(1);

    transform-origin: top center;

}



.testimonial-card:hover,

.testimonial-card:hover h5,

.testimonial-card:hover p {

    color: #fff !important;

}



.awards .stat-card {

    position: relative;

    text-align: center;

    padding: 50px 25px;

    border-radius: 16px;

    background: #fff;

    overflow: hidden;

    transition: all 0.4s ease;

    border-left: 5px solid transparent;

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

    border: 1px solid #ccc;

    height: 347px;

}





.awards .stat-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 50%;

    height: 100%;

    background: rgba(255, 57, 57, 0.4);

    transform: skewX(-25deg);

    transition: 1s;

}



.awards .stat-card:hover::before {

    left: 150%;

}





.awards .icon-box {

    width: 110px;

    height: 110px;

    border-radius: 50%;

    background: radial-gradient(circle at 30% 30%, #e4ad6c9c, #e3aa658c);

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 20px;

    box-shadow: 0 8px 18px rgba(139, 0, 0, 0.3);

    transition: transform 0.4s ease;

}







.awards .stat-card h3 {

    font-size: 28px;

    font-weight: 700;

    margin-bottom: 6px;

    transition: transform 0.3s ease;

}









.awards .stat-card:hover {

    border-left: 5px solid var(--theme-color1);

    transform: translateY(-10px);

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);

}



.awards .stat-card:hover .icon-box {

    transform: scale(1.15) rotate(8deg);

}



.awards .stat-card:hover h3 {

    transform: scale(1.1);

    color: var(--theme-color1);

}



.awards .icon-box img {

    width: 50% !important;

}



/* about page end  */



/* new-project page css start */



.magnum .main-tabs .nav-link {

    border: none;

    color: black;

    font-weight: 500;

    font-size: 24px;

}



.magnum .main-tabs .nav-link.active {

    border: none;

    border-bottom: 2px solid #000;

    font-weight: 600;

}



.magnum .inner-tabs .nav-link {

    border: none;

    color: black;

    font-size: 16px;

    padding: 10px 20px;

}



.magnum .inner-tabs .nav-link.active {

    border: none;

    border-bottom: 2px solid var(--theme-color1);

    font-weight: 600;

    color: white;

    background: var(--theme-color1);

}



.magnum .project-header {

    text-align: center;

    margin: 30px 0;

}



.magnum .project-header h1 {

    font-weight: 500;

    font-size: 48px;

    color: black;

}



.magnum .project-header p {

    font-size: 20px;

    color: #303030;

}



.magnum .btn-dark {

    border-radius: 6px;

    padding: 8px 18px;

}



.magnum.magnum .btn-outline-danger {

    border-radius: 6px;

    padding: 8px 18px;

    border-color: var(--theme-color1) !important;

    color: var(--theme-color1) !important;

}



.magnum.magnum .btn-outline-danger:hover {

    color: white !important;

    background-color: var(--theme-color1) !important;

}



.magnum .about-section {

    text-align: center;

    margin: 40px 0;

}



.magnum h4.mag-title {

    font-size: 32px;

    color: black;

}



.magnum .about-icons i {

    font-size: 28px;

    margin-bottom: 10px;

    color: #333;

}



.magnum .about-icons p {

    margin: 0;

    font-size: 14px;

    color: #555;

}



.magnum .about-icons strong {

    display: block;

    font-size: 15px;

    color: #000;

}



.magnum .divider {

    border-top: 1px solid #e0e0e0;

    margin: 20px 0;

}



.magnum span.ongo {

    background: #2196F326;

    color: var(--theme-color3);

    padding: 10px 15px;

    font-size: 16px;

}



.magnum .project-tab .orent {

    border: none;

}



.unit .floor-card {

    border: 1px solid #eee;

    border-radius: 10px;

    overflow: hidden;

    transition: all 0.3s ease;

    background: #fff;

}



.unit .floor-card:hover {

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

    transform: translateY(-5px);

}



.unit .floor-card img {

    width: 100%;

    height: auto;

}



.unit .floor-card .card-body {

    padding: 15px;

    text-align: left;

}



.unit .download-link {

    color: var(--theme-color1);

    text-decoration: none;

    font-weight: 500;

}



/* .unit .download-link:hover {

    text-decoration: underline;

}



.unit .nav-tabs .nav-link.active {

    border-bottom: 2px solid #d9534f !important;

    color: #d9534f !important;

    font-weight: 600;

} */



.unit .owl-nav {

    display: block !important;

}



.unit .owl-nav button {

    position: absolute;

    top: 40%;

    background: #fff !important;

    border-radius: 50%;

    padding: 10px !important;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

}



.unit .owl-nav .owl-prev {

    left: -30px;

}



.unit .owl-nav .owl-next {

    right: -30px;

}



.unit .nav-link {

    color: black;

}



.unit button.owl-next {

    background-color: var(--theme-color1) !important;

    width: 50px;

    height: 50px;

    border-radius: 50% !important;

}



.unit button.owl-prev {

    background-color: var(--theme-color1) !important;

    width: 50px;

    height: 50px;

    border-radius: 50% !important;

}



.unit i.bi.bi-chevron-right,

.unit i.bi.bi-chevron-left {

    color: white;

    font-size: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.floor .floor-card h6 {

    color: black;

    font-weight: 600;

    font-size: 20px;

}



.lifestyle .amenity-box {

    text-align: center;

    padding: 20px 10px;

}



.lifestyle .amenity-box i {

    font-size: 32px;

    margin-bottom: 10px;

    display: block;

    color: #000;

}



.lifestyle .amenity-box p {

    font-weight: 500;

    font-size: 20px;

    margin: 0;

    text-transform: uppercase;

    color: black;

}



.lifestyle .section-title {

    font-weight: 600;

    margin-bottom: 20px;

}



.conection .landmark-box {

    text-align: center;

    padding: 20px 10px;

}



.conection.conection .landmark-box i {

    font-size: 36px;

    margin-bottom: 8px;

    display: block;

    color: #000;

}



.conection .landmark-box h6 {

    font-size: 15px;

    font-weight: 600;

    margin: 0;

}



.conection .landmark-box p {

    font-size: 13px;

    color: #555;

    margin: 0;

}







/* new-project page css start */



/* complete page css start  */



.completed .project-card {

    border: 1px solid #ccc;

    border-radius: 6px;

    padding: 25px 20px;

    text-align: center;

    transition: all 0.3s ease;

    background: #fff;

}



.completed .project-card:hover {

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

    transform: translateY(-5px);

}



.completed .project-card i {

    font-size: 32px;

    margin-bottom: 0px;

    color: #000;

}



.completed .project-card h5 {

    font-weight: 600;

    margin-bottom: 30px;

}



.completed .project-card p {

    color: #666;

    margin: 0;

    font-size: 14px;

}



.completed .icon-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 85px;

    height: 85px;

    background: #f6f4f9;

    border-radius: 10px;

    z-index: 1;

    margin: auto;

    margin-bottom: 20px;

}



.completed .project-card:hover .icon-box:before {

    opacity: 1;

    transform: perspective(400px) rotateX(0deg) scale(1.0);

}



.icon-box:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    background: var(--theme-color1);

    transition-delay: 0.5s;

    transition: .3s;

    border-radius: 10px;

    opacity: 1;

    transform: perspective(400px) rotateX(-90deg) scale(0.2);

    transform-origin: top;

    z-index: -1;



}



.completed .project-card:hover i {

    color: white;

}



/* complete page css end  */



/* view project page css start */



.comp p {

    max-width: 80%;

}



.property .property-card {

    border: 1px solid #eee;

    border-radius: 10px;

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.property .property-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

}



.property .property-img {

    position: relative;

    overflow: hidden;

}



.property .property-img img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    transition: transform 0.4s ease;

}



.property .property-card:hover img {

    transform: scale(1.05);

}



.property .completed-badge {

    position: absolute;

    top: 12px;

    left: 12px;

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

    color: #fff;

    padding: 5px 12px;

    border-radius: 4px;

    font-size: 13px;

}



.property .bhk-options {

    position: absolute;

    bottom: 12px;

    left: 12px;

}



.property .bhk-badge {

    background: #f1f1f1;

    padding: 6px 14px;

    border-radius: 30px;

    font-size: 16px;

    font-weight: 500;

    margin-right: 6px;

    display: inline-block;

    transition: background 0.3s ease, color 0.3s ease;

    cursor: pointer;

    color: black;

}



.property .bhk-badge:hover {

    background: #0d6efd;

    color: #fff;

}



.property .card-body p {

    font-size: 14px;

    color: #555;

}



.property .location {

    font-size: 14px;

    margin-bottom: 8px;

    color: #444;

}



.property h5.card-title {

    color: black;

}



.comp {

    background-image: url(./images/view-banner.png);

    background-blend-mode: overlay;

    background-color: #343434;

}







/* vie project page css end  */





/* blog page css strart  */





.blog .gallery img {

    width: 100%;

    height: 350px;

    object-fit: cover;

    border-radius: 20px;

}



.blog .nav-tabs .nav-link {

    border: none;

    color: black;

    font-weight: 400;

    font-size: 24px;

}



.blog .nav-tabs .nav-link.active {

    border-bottom: 2px solid #000;

    font-weight: 600;

}



.blog .blog-card img {

    width: 100%;

    height: 250px;

    object-fit: cover;

    border-radius: 6px;

}



.blog .blog-meta {

    font-size: 13px;

    color: #666;

    margin: 8px 0;

}



.blog .blog-meta span {

    margin-right: 8px;

    color: #808080;

    font-size: 16px;

}



.blog .blog-card h5 {

    font-size: 18px;

    margin-bottom: 12px;

    font-weight: 600;

}



.blog .read-more {

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    color: #000;

    transition: all 0.3s;

}



.blog .read-more:hover {

    color: var(--theme-color1);

    text-decoration: underline;

}



.gallery .gallery-item {

    position: relative;

    overflow: hidden;

}



.gallery .gallery-item img {

    width: 100%;

    display: block;

    border-radius: 20px;

    transition: transform 0.5s ease;

}



/* Overlay box */



.gallery .overlay-box {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #aa1e28bd;

    background-image: url(./images/patern.png);

    background-position: right top;

    background-repeat: no-repeat;

    transform: scale(0, 1);

    transform-origin: left center;

    transition: transform 0.4s ease;

}



.gallery .gal-inner:hover .overlay-box {

    transform: scale(1, 1);

    transform-origin: right center;

}



.gallery .gal-inner:hover img {

    transform: scale(1.08);



}





/* blog page css end  */



/* single-blog page css start  */

.single-blog .blog-header {

    font-size: 2rem;

    font-weight: 600;

}



.single-blog .blog-meta {

    font-size: 0.9rem;

    color: #777;

}



.single-blog .featured-img {

    width: 100%;

    height: auto;

    border-radius: 6px;

    margin: 20px 0;

}



.single-blog .highlight-box {

    background: #f8f9fa;

    border-left: 4px solid var(--theme-color1);

    padding: 15px;

    margin: 20px 0;

}



.single-blog .highlight-box h6 {

    font-weight: 600;

    margin-bottom: 8px;

    color: var(--theme-color1);

    font-size: 24px;

}



.single-blog .blog-section h5 {

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 10px;

}



.single-blog .conclusion-box {

    background: #f2f6ff;

    border-left: 4px solid var(--theme-color1);

    padding: 15px;

    margin-top: 25px;

}



.single-blog .conclusion-box h6 {

    font-weight: 600;

    color: var(--theme-color1);

    margin-bottom: 10px;

    font-size: 24px;

}



.conclusion-box p {

    font-size: 20px;

    color: black;

    font-weight: 500;

}



.current .job-card {

    border: 1px solid #e0e0e0;

    border-radius: 6px;

    transition: all 0.3s ease;

    background: #fff;

}



.current .job-card:hover {

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

    transform: translateY(-4px);

}



.current .job-img {

    width: 100%;

    height: 220px;

    object-fit: contain;

    padding: 20px;

}



.current .job-body {

    padding: 15px;

}



.current .job-type {

    color: #c0392b;

    font-size: 0.9rem;

    font-weight: 600;

}



.current .job-title {

    font-size: 1.1rem;

    font-weight: 600;

    margin: 5px 0 10px;

}



.current .job-meta {

    font-size: 0.9rem;

    color: #555;

    margin-bottom: 10px;

}



.current .job-meta i {

    color: #c0392b;

    margin-right: 6px;

}



.current .skills-title {

    font-weight: 600;

    font-size: 0.95rem;

    margin-top: 10px;

}



.current .skills-text {

    font-size: 0.9rem;

    color: #333;

}



.current .apply-btn {

    background: var(--theme-color1);

    color: #fff;

    font-weight: 500;

    width: 100%;

    border-radius: 0;

    padding: 10px;

}





/* single-blog page css end  */



/* carrer page css start  */

.current .job-card {

    border: 1px solid #e0e0e0;

    border-radius: 6px;

    transition: all 0.3s ease;

    background: #fff;

}



.current .job-card:hover {

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

    transform: translateY(-4px);

}



.current .job-img {

    width: 100%;

    height: 330px;

    object-fit: cover;

    padding: 20px;

}



.current .job-body {

    padding: 15px;

}



.current .job-type {

    color: var(--theme-color1);

    font-size: 0.9rem;

    font-weight: 600;

}



.current .job-title {

    font-size: 1.1rem;

    font-weight: 600;

    margin: 5px 0 10px;

}



.current .job-meta {

    font-size: 0.9rem;

    color: #555;

    margin-bottom: 10px;

}



.current .job-meta i {

    color: #c0392b;

    margin-right: 6px;

}



.current .skills-title {

    font-weight: 600;

    font-size: 0.95rem;

    margin-top: 10px;

}



.current .skills-text {

    font-size: 0.9rem;

    color: #333;

}



.current .apply-btn {

    background: var(--theme-color1);

    color: #fff;

    font-weight: 500;

    width: 100%;

    border-radius: 0;

    padding: 10px;

}



.current .modal-dialog {

    width: 100% !important;

    max-width: 60%;

    margin: auto;

}



.current .modal-content {

    background-color: #F9F9FB;

}



.current .modal-body .application-box button.submit-btn {

    background-color: var(--theme-color1);

    color: white;

}



.current .modal-header {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 333;

}



/* carrer page css end  */



/* csr page css start  */



h2.cs-title {

    max-width: 80%;

}



.csr img.crs-img {

    position: absolute;

    left: 66px;

    bottom: -87px;

    width: 40%;

}



section.csr {

    padding-bottom: 140px !important;

}



.csr img {

    height: auto;

    transition: transform 0.4s ease;

    border-radius: 6px;

    width: 450px;

}



.csr img:hover {

    transform: scale(1.1);



}



.focus .focus-card {

    border: 1px solid #e0e0e0;

    padding: 25px;

    border-radius: 8px;

    transition: all 0.4s ease;

    background-color: #fff;

    height: 100%;

    text-align: left;

}



.focus .focus-card i {

    font-size: 30px;

    color: #000;

    display: inline-block;

    margin-bottom: 15px;

    transition: transform 0.6s ease, color 0.3s ease;

}



.focus .focus-card h5 {

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 24px;

    color: black;

}



.focus .focus-card:hover {

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

    transform: translateY(-8px);

}



.focus .focus-card:hover i {

    transform: rotate(360deg);

    color: var(--theme-color1);

}





section.matter {

    background-color: #aa1e28;

}



.matter .impact-card {

    background: #F9F9FB;

    border-radius: 12px;

    padding: 30px;

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

    border: 1px solid;

}



.matter .impact-card h3 {

    font-weight: 700;

    margin-bottom: 15px;

    color: black;

}



.matter .impact-stat {

    font-size: 1.5rem;

    font-weight: 700;

    color: #000;

}



.matter .impact-card p {

    color: var(--theme-color2);

}



.matter .impact-label {

    color: var(--theme-color2);

    font-size: 0.9rem;

}



.matter .impact-divider {

    border-top: 1px solid #ddd;

    margin: 15px 0;

}



.member .csr-table th,

.csr-table td {

    vertical-align: middle;

}



.member .csr-btn {

    background-color: var(--theme-color1);

    color: #fff;

    font-weight: 600;

    padding: 10px 20px;

    border-radius: 6px;

    text-decoration: none;

    transition: 0.3s;

    display: inline-block;

}



.member .csr-btn:hover {

    background-color: var(--theme-color1);

    color: #fff;

}



/* csr page css end  */



/* invester p[age css start  */



.invester .stat-box {

    background: #f8f9fa;

    border-radius: 10px;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ccc;

}



.invester .stat-value {

    font-size: 1.5rem;

    font-weight: 700;

}



.invester .report-card {

    text-align: center;

    background: #fff;

    border-radius: 10px;

    padding: 20px;

    border: 1px solid #eee;

    height: 100%;

}



.invester .report-card img {

    max-width: 100%;

    border-radius: 6px;

    margin-bottom: 10px;

}



.invester .report-link {

    font-weight: 600;

    color: #a12d2d;

    text-decoration: none;

}



.invester .report-link:hover {

    text-decoration: underline;

}



.invester .custom-card {

    border: 1px solid #eee;

    padding: 30px;

    border-radius: 10px;

    background: #fff;

    height: 100%;

}



.invester .nav-link {

    color: var(--theme-color1);

    font-weight: 500;

}



.quater .card-custom {

    min-height: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 90px 20px !important;

}



.quater .stock-card {

    background-color: #9D27250D;

}



.quater .stock-price {

    font-size: 20px;

    font-weight: bold;

    color: black;

}



.quater .stock-change {

    color: green;

}



.quater .logo-img {

    width: 40px;

    height: 40px;

    object-fit: cover;

}



.invester small.data {

    font-size: 20px;

    color: #808080;

    border-left: 3px solid var(--theme-color1);

    padding-left: 10px;

}



.invester .quater .card-custom h4 {

    font-size: 48px;

    color: black;

}



.invester .quater .card-custom h6 {

    font-size: 28px;

    color: black;

    margin-bottom: 20px;

}



.finace .nav-tabs .nav-link {

    font-weight: 500;

    color: #000;

    border: none;

    border-bottom: 2px solid transparent;

}



.finace .nav-tabs .nav-link.active {

    border-bottom: 2px solid #000;

    color: #000;

}



.finace .report-list {

    border-top: 1px solid #eee;

    padding: 15px 0;

}



.finace .report-list:first-child {

    border-top: none;

}



.finace .report-link {

    color: #c00;

    font-weight: 500;

    text-decoration: none;

}



.finace .report-link:hover {

    text-decoration: underline;

}



.govern .nav-tabs .nav-link {

    font-weight: 500;

    color: #000;

    border: none;

    border-bottom: 2px solid transparent;

}



.govern .nav-tabs .nav-link.active {

    border-bottom: 2px solid #000;

    color: #000;

}



.govern .accordion-button {

    background: #fff;

    font-weight: 500;

    color: #000;

    box-shadow: none !important;

}



.govern .accordion-button::after {

    filter: invert(0.4);

}



.govern .accordion-body table {

    width: 100%;

    margin-bottom: 10px;

}



.govern .accordion-body td {

    padding: 10px;

    border-top: 1px solid #eee;

}



.govern .accordion-body td:first-child {

    width: 40%;

    font-weight: 500;

}



.govern .terms-link {

    color: goldenrod;

    font-size: 14px;

    text-decoration: none;

}



.govern .terms-link:hover {

    text-decoration: underline;

}



.share-holder .accordion-button {

    background: #fff;

    font-weight: 500;

    font-size: 18px;

    box-shadow: none !important;

}



.share-holder .accordion-button::after {

    filter: invert(0.5);

}



.share-holder .report-list {

    border-top: 1px solid #eee;

    padding: 12px 0;

}



.share-holder .report-link {

    color: var(--theme-color1);

    font-weight: 500;

    text-decoration: none;

}



.share-holder .report-link:hover {

    text-decoration: underline !important;

}



.share-holder .year-select {

    margin: 10px 0 20px 0;

    align-items: center;

}



.share-holder .accordion-button:not(.collapsed) {

    color: var(--theme-color1);

}



.quater .stock-card {

    justify-content: start !important;

}



.faq .faq-header {

    text-align: center;

    margin-bottom: 30px;

}



.faq .faq-header h2 {

    font-weight: 700;

}



.faq .faq-header p {

    color: #666;

    font-size: 15px;

}



.faq .faq-tabs .btn {

    border-radius: 50px;

    padding: 6px 18px;

    margin: 5px;

    border: 1px solid #ddd;

    font-size: 14px;

    font-weight: 500;

    color: #333;

    background: #fff;

}



.faq .faq-tabs .btn.active {

    background-color: var(--theme-color1);

    color: #fff;

    border-color: var(--theme-color1);

}



.faq .accordion-item {

    border: none;

    margin-bottom: 10px;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);

}



.faq .accordion-button {

    font-weight: 500;

    background: #fff;

    border-radius: 10px !important;

    box-shadow: none !important;

    border: 1px solid;

}



.faq .accordion-button:not(.collapsed) {

    background: var(--theme-color2);

    color: white;

}



.faq .accordion-body {

    font-size: 14px;

    color: var(--theme-color2);

}



.faq .accordion-button:not(.collapsed)::after {

    filter: brightness(91.5);

}



/* invester page css end  */





/* contact page css start  */



.contact .contact-section {

    padding: 60px 0;

}



.contact .form-control,

.form-select {

    margin-bottom: 15px;

}











.contact .info-card {

    background-color: #fff;

    border-radius: 8px;

    padding: 20px;

    margin-bottom: 15px;

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

}



.contact .info-card i {

    font-size: 24px;

    color: #a82020;

    margin-right: 10px;

}



.contact .map-container {

    width: 100%;

    height: 300px;

    border-radius: 10px;

    overflow: hidden;

}



.contact .contact-image {

    max-width: 100%;

    border-radius: 10px;

}



/* contact page css end ] */







.choose .about-img img.apart-img {

    height: 580px;

    object-fit: cover;

}



.home-banner .milestone-section {

    padding: 0;

    border: 1px solid #ccc !important;

    margin: 0 0 0 0;

}



.home-banner .milestone-item {

    border: 0;

    margin-bottom: 0;

}



section.home-banner {

    background-color: transparent;

}



.milestone-item.first {

    border-right: 1px solid #ccc;

}



.mile-inner {

    border: 1px solid #ccc;

    padding: 10px 0;

}



.why-section {

    padding: 40px 0;

    text-align: center;

}



.why-section .why-section h2 {

    font-weight: 600;

    font-size: 36px;

    margin-bottom: 10px;

}



.why-section .why-section p.sub-title {

    color: #777;

    font-size: 14px;

    margin-bottom: 50px;

}



.why-section .why-item {

    text-align: left;

    margin-bottom: 40px;

}



.why-section .why-item i {

    color: #b9372f;

    border: 1.5px solid #b9372f;

    border-radius: 50%;

    padding: 6px;

    font-size: 14px;

    margin-right: 10px;

    display: flex;

    justify-content: center;

    align-content: center;

}



.why-section .why-item h5 {

    font-weight: 600;

    margin-bottom: 6px;

    display: flex;

    align-items: center;

    font-size: 18px;

}



.why-section .why-item p {

    color: #666;

    font-size: 14px;

    margin-left: 27px;

}



.csr-list span {

    font-size: 16px !important;

}



/* media query start */



@media(max-width:1599px) {



    .home-slide {

        width: 100%;

        max-width: 60%;

    }



    .home-banner .carousel-caption {

        left: 4%;

    }

}



@media(max-width:1399px) {



    .home-slide {

        width: 100%;

        max-width: 70%;

    }



    .about-banner h2 {

        font-size: 58px;

        max-width: 100%;

        margin: auto;

    }



    .led .led-inner {

        max-width: 90%;

    }





}



@media(max-width:1199px) {



    .navbar .nav-inner {

        padding: 0 !important;

    }



    .navbar-nav .nav-link {

        color: black;

        font-weight: 500;

        margin: 0;

        padding: 6px !important;

    }



    .home-slide {

        width: 100%;

        max-width: 90%;

    }



    /* .home-banner h2 {

        font-size: 58px;

    } */



    .about-title {

        font-size: 32px;

    }



    .magnum .main-tabs .nav-link {

        font-size: 20px;

    }



    .magnum .project-header h1 {

        font-size: 38px;

    }



    .csr img {

        width: 300px;

    }



    .csr img.crs-img {

        position: absolute;

        left: 66px;

        bottom: 27px;

        width: 30%;

    }



    section.csr {

        padding-bottom: 0 !important;

    }





}



@media(max-width:991px) {

    .home-slide {

        width: 100%;

        max-width: 100%;

    }



    .milestone-section {

        padding: 46px 20px 0;

    }



    .milestone-item {



        margin-bottom: 15px;

    }



    .choose img {

        height: 424px;

        margin: 0;

        object-fit: contain;

    }



    .behind .leader-img {

        max-width: 70%;

        height: auto;

        margin: auto;

        margin-top: 0px;

    }



    .vision .section-title {

        text-align: center;

    }



    .vision .sub-title::before {

        display: block;

        margin: 0 auto 8px auto;

    }



    .vision .text-content {

        text-align: center;

    }



    .vision .sub-title::before {

        left: 0;

        right: 0;

    }



    .about-banner h2 {

        font-size: 40px;

    }



    .about-banner p {

        max-width: 100%;

    }



    .navbar-nav .nav-link.active::after {

        bottom: -10px;

        /* left: 38px; */

    }



    footer .locate p {

        font-size: 16px;

    }



    .lifestyle .amenity-box p {

        font-size: 16px;

    }



    .magnum .project-header h1 {

        font-size: 34px;

    }



    .magnum h4.mag-title {

        font-size: 28px;

    }



    .blog .gallery img {

        height: 247px;

    }



    .blog .gallery img {

        height: 360px;

    }



    .csr img.crs-img {

        bottom: -40px;

        width: 25%;

    }



    .csr img {

        width: 57%;

    }



    .invester .quater .card-custom h4 {

        font-size: 30px;

        color: black;

    }



    .invester .quater .card-custom h6 {

        font-size: 20px;



    }



    .quater .card-custom {

        padding: 30px 20px !important;

    }



    .why-section .why-item h5 {

        justify-content: start;

    }



    .why-section .why-item p {

        margin-left: 0;

    }



    .about .about-inner {

        flex-direction: column-reverse;

    }



    .behind .behind-inner {

        flex-direction: column-reverse;

    }



    .navbar button {

        margin-bottom: 0px;

    }



    .footer-logo {

        margin-bottom: 15px;

        width: 176px;

        height: 40px;

        object-fit: cover;

    }



    .navbar button.main-butn {

        margin-bottom: 20px;

    }



    .matter .impact-card {

        text-align: center;

    }

}



@media(max-width:767px) {



    /* .home-banner h2 {

        font-size: 48px;

    } */

    .choose .about-img img.apart-img {

        height: 580px;

        object-fit: cover;

        margin: 0;

    }



    .about-title {

        font-size: 28px;

    }



    .behind .leader-img {

        max-width: 100%;



    }



    .about-banner {

        height: 60vh;

    }



    .about-banner h2 {

        font-size: 30px;

        margin-bottom: 10px;

    }



    .led .led-inner {

        max-width: 60%;

    }



    .footer-logo {

        margin-bottom: 15px;

        width: 50%;

    }



    .magnum .main-tabs .nav-link {

        font-size: 18px;

    }



    .magnum .project-header h1 {

        font-size: 28px;

    }



    .magnum .inner-tabs .nav-link {

        font-size: 14px;

        padding: 7px 20px;

    }



    .magnum .project-header p {

        font-size: 16px;

    }



    .unit .owl-nav {

        display: none !important;

    }



    .navbar img {

        height: 40px;

        width: 187px;

        object-fit: cover;

    }



    .contact .contact-section {

        padding: 44px 0 0;

    }



    .contact .contact-image {

        margin: 30px 0 0 0;

    }



    .current .modal-dialog {

        width: 100% !important;

        max-width: 90%;

        margin: auto;

    }



}



@media(max-width:575px) {

    .led .led-inner {

        max-width: 95%;

    }



    .led .team-card img {

        transition: transform 0.5s ease;

        height: 300px;

        object-fit: cover;

    }



    .contact .contact-box {

        padding: 50px 20px;

    }



    footer {

        padding: 50px 20px;

    }



    .about-img {

        padding: 0;

    }



    .choose .feature-box {

        gap: 6px !important;

        padding: 8px;

    }





    .choose .feature-box i {

        font-size: 16px !important;

        width: 33px;

        height: 33px;

    }



    .choose .feature-title {

        font-weight: 600;

        font-size: 14px;

        margin-bottom: 0px;

    }



    .choose .feature-text {

        font-size: 12px;

        color: black;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .choose .about-img img.apart-img {

        height: 405px;

        object-fit: cover;

        margin: 0;

    }



    section.news {

        padding-top: 10px !important;

    }



    section.behind {

        padding-bottom: 0 !important;

    }



    .home-banner img {

        height: auto;

        object-fit: cover;

    }



    p.title-p {

        font-size: 16px;

        color: var(--theme-color2);

    }



    .news .blog-title {

        font-size: 20px;

    }



    .awards {

        padding-bottom: 40px;

    }

}



@media(max-width:480px) {



    /* .home-banner h2 {

        font-size: 29px;

    } */



    .magnum .main-tabs .nav-link {

        font-size: 16px;

    }



    .magnum .project-header h1 {

        font-size: 24px;

    }



    .magnum h4.mag-title {

        font-size: 24px;

    }



    .choose .feature-title {

        font-weight: 600;

        font-size: 12px;

        margin-bottom: 0px;

    }



    .choose .about-img img.apart-img {

        height: 447px;

        object-fit: cover;

        margin: 0;

    }



    .behind .be-left {

        border-radius: 20px;

        padding-top: 0 !important;

    }



    .about-title {

        font-size: 22px;

    }



    .milestone-item h3 {

        font-size: 25px;

        font-weight: bold;

        margin-bottom: 5px;

    }



    .milestone-section .milestone-item p {

        font-size: 14px;

        color: var(--theme-color2);

    }



    .about-text {

        color: var(--theme-color2);

        margin: 0;

    }



    .behind .leader-img {

        max-width: 100%;

        margin-top: 0;

    }



    .be-left strong span {

        font-size: 20px;

    }



    .contact .contact-text {

        font-size: 14px;

    }



    .contact .contact-title {

        font-size: 18px;



    }



    footer {

        padding: 30px 20px;

    }



    .blog .nav-tabs .nav-link {

        font-size: 16px;

    }



    .csr img.crs-img {

        bottom: -26px;

        width: 24%;

        left: 38px;

    }

}



@media(max-width:320px) {

    .footer-logo {

        margin-bottom: 15px;

        width: 70%;

    }

}



/* media query end */