@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Titillium+Web:wght@400;600;700;900&display=swap);:root { --pro-red: #f05150; --pro-black: #000 } *,*:before,*:after { box-sizing: inherit } * { scroll-behavior: inherit!important } html,body { height: auto; width: 100%; margin: 0; padding: 0; box-sizing: border-box } body { font-family: 'Roboto',sans-serif; font-style: normal; font-size: 16px; font-weight: 400; color: #484848; line-height: 1.8 } a { color: #14212B; display: inline-block } a,a:active,a:focus,a:hover { outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none } a:hover { color: #0049D0 } ul { margin: 0; padding: 0 } li { list-style: none } h1,h2,h3,h4,h5,h6 { color: var(--pro-black); margin: 0; font-weight: 600; font-family: 'Titillium Web',sans-serif; line-height: 1.2 } h1 { font-size: 40px } h2 { font-size: 35px } h3 { font-size: 28px } h4 { font-size: 22px } h5 { font-size: 18px } h6 { font-size: 16px } p { margin: 0 } .img,img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: auto } label { color: #999; cursor: pointer; font-weight: 400 } *::-moz-selection { background: #d6b161; color: #fff; text-shadow: none } ::-moz-selection { background: #555; color: #fff; text-shadow: none } ::selection { background: #555; color: #fff; text-shadow: none } *::-moz-placeholder { color: #999; font-size: 16px; opacity: 1 } *::placeholder { color: #999; font-size: 16px; opacity: 1 } .preloader { background: #fff; position: fixed; height: 100%; width: 100%; left: 0; top: 0; z-index: 9999 } .loader { width: 40px; height: 40px; position: relative; top: calc(50% - 30px); left: calc(50% - 20px) } .loader-box-1,.loader-box-2 { width: 100%; height: 100%; border-radius: 50%; background-color: var(--pro-red); opacity: .6; position: absolute; top: 0; left: 0; animation: loader-bounce 2.0s infinite ease-in-out } .loader-box-2 { animation-delay: -1.0s } @keyframes loader-bounce { 0%,100% { transform: scale(0) } 50% { transform: scale(1) } } .ovrflow-hidden { overflow: hidden } .text-right { text-align: right } .space-between { display: flex; justify-content: space-between; align-items: center } .c-pd { padding: 0 7rem } .s-pd { padding: 0 12rem } .h-100 { height: 100% } .h-100vh { height: 100vh } .bg { background-color: #F6F6F6 } .site-heading { margin-bottom: 50px } .site-title-tagline { text-transform: uppercase; font-weight: 600; font-size: 18px; color: var(--pro-red); position: relative } .site-title { font-weight: 700; text-transform: capitalize; font-size: 35px; color: var(--pro-black); margin-top: 5px; margin-bottom: 0 } .site-title span { color: var(--pro-red) } .site-heading p { font-size: 16px } @media all and (max-width: 767px) { .site-title { font-size:35px } } .pb-140 { padding-bottom: 140px } .pd-50 { padding: 50px 0 } .py-120 { padding: 70px 0 } .pt-120 { padding-top: 120px } .pb-120 { padding-bottom: 120px } .pt-0 { padding-top: 0 } .pt-10 { padding-top: 10px } .pt-20 { padding-top: 20px } .pt-30 { padding-top: 30px } .pt-40 { padding-top: 40px } .pt-50 { padding-top: 50px } .pt-60 { padding-top: 60px } .pt-70 { padding-top: 70px } .pt-80 { padding-top: 80px } .pt-90 { padding-top: 90px } .pt-100 { padding-top: 100px } .pb-0 { padding-bottom: 0 } .pb-10 { padding-bottom: 10px } .pb-20 { padding-bottom: 20px } .pb-30 { padding-bottom: 30px } .pb-40 { padding-bottom: 40px } .pb-50 { padding-bottom: 50px } .pb-60 { padding-bottom: 60px } .pb-70 { padding-bottom: 70px } .pb-80 { padding-bottom: 80px } .pb-90 { padding-bottom: 90px } .pb-100 { padding-bottom: 100px } .mt-0 { margin-top: 0 } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .mt-30 { margin-top: 30px } .mt-40 { margin-top: 40px } .mt-50 { margin-top: 50px } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mt-90 { margin-top: 90px } .mt-100 { margin-top: 100px } .mb-0 { margin-bottom: 0 } .mb-10 { margin-bottom: 10px } .mb-20 { margin-bottom: 20px } .mb-30 { margin-bottom: 30px } .mb-40 { margin-bottom: 40px } .mb-50 { margin-bottom: 50px } .mb-60 { margin-bottom: 60px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } .mb-90 { margin-bottom: 90px } .mb-100 { margin-bottom: 100px } .mr-300 { margin-right: 300px } .ml-300 { margin-left: 300px } .pos-rel { position: relative; z-index: 1 } .theme-btn { font-size: 16px; color: #fff; padding: 7px 8px 7px 25px; text-transform: uppercase; position: relative; cursor: pointer; text-align: center; border-radius: 50px; font-weight: 600; overflow: hidden; border: none; background: var(--pro-red); box-shadow: 0 3px 24px rgb(0 0 0 / 10%); transition: all 0.5s ease-in-out; z-index: 1 } .theme-btn:hover { color: #fff; background: var(--pro-black) } .theme-btn i { height: 36px; width: 36px; line-height: 36px; color: var(--pro-red); background: #fff; margin-left: 12px; border-radius: 50px; transition: all .5s ease-in-out } .theme-btn:hover i { color: var(--pro-black) } .theme-btn2 { color: #fff; background: var(--pro-black) } .theme-btn2 i { color: var(--pro-black); background: #fff } .theme-btn2:hover { background: var(--pro-red) } .theme-btn2:hover i { color: var(--pro-red) } @media (min-width: 1200px) { .container,.container-sm,.container-md,.container-lg,.container-xl { max-width:1260px } } #scroll-top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 22px; border: none; outline: none; background: var(--pro-red); color: #fff; cursor: pointer; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; box-shadow: 0 3px 24px rgb(0 0 0 / 10%); transition: all .5s ease-in-out } .header-top { padding: 3px 0; background: #000; position: relative; z-index: 2 } .header-top-wrapper { display: flex; align-items: center; justify-content: space-between } .header-top-contact ul { display: flex; align-items: center; gap: 25px } .header-top-contact li { display: flex; align-items: center; gap: 12px } .header-top-contact ul li i { text-align: center; color: var(--pro-red); border-radius: 10px; font-size: 16px } .header-top-contact li h6 { color: #fff; font-size: 20px } .header-top-contact ul li a { color: #fff; font-weight: 400 } .header-top-right { display: flex; align-items: center; gap: 15px } .header-top-social a { color: #fff; font-size: 17px; text-align: center; margin-left: 10px; border-radius: 50px; transition: all .5s ease-in-out } .header-top-social a:hover { color: var(--pro-red) } @media all and (max-width: 992px) { .header-top { display:none } } @media all and (min-width: 992px) { .navbar .nav-item .nav-link { margin-right:17px; padding: 22px 0; font-size: 16px; font-weight: 500; color: #000; letter-spacing: 1px } .navbar .nav-item:last-child .nav-link { margin-right: 0 } .navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; padding: 15px; border: none; left: -10px; border-radius: 12px; width: 220px; box-shadow: 0 0 50px 0 rgb(32 32 32 / 15%) } .navbar .nav-item .dropdown-menu::before { content: "\f0de"; position: absolute; font-family: "Font Awesome 5 Pro"; left: 20px; top: -38px; color: #fff; font-size: 50px; font-weight: 700 } .navbar .nav-item .dropdown-menu li { border-bottom: 1px solid #eee } .navbar .nav-item .dropdown-menu li:last-child { margin-bottom: 0; border-bottom: none } .navbar .nav-item .dropdown-menu .dropdown-item { font-size: 15px; font-weight: 600; padding: 8px 15px; color: var(--pro-black); position: relative; transition: all .5s ease-in-out } .navbar .nav-item .dropdown-menu .dropdown-item:hover { background: #fff0; color: var(--pro-red); padding-left: 25px } .navbar .nav-item .nav-link { position: relative; z-index: 1 } .navbar .nav-item .nav-link.active,.navbar .nav-item:hover .nav-link { color: var(--pro-red) } .navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg) } .navbar .dropdown-menu-end { right: 0; left: auto } .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0% } .navbar .dropdown-menu.fade-up { top: 140% } .header-nav-right { display: flex; align-items: center; gap: 20px; margin-left: 0 } .navbar .header-btn { padding-top: 8px } .header-phone { display: flex; align-items: center; justify-content: center; gap: 10px; margin-left: 18px } .header-phone-icon { width: 45px; height: 45px; background: var(--pro-red); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 22px } .header-phone-content span { color: #fff } .header-phone-content a { color: #fff } } .navbar { padding-top: 0; padding-bottom: 0; z-index: 999 } .custom-nav { background: #fff; border-radius: 10px; margin-top: 40px; position: relative } .custom-nav::before { content: ""; position: absolute; height: 100%; left: 30px; right: 30px; bottom: 10px; background: var(--pro-red); border-radius: 10px; z-index: -1 } .navbar.fixed-top .custom-nav { margin-top: 0 } .navbar.fixed-top { background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / .17); animation: slide-down 0.7s } .navbar.fixed-top .nav-item .nav-link { color: #000 } .navbar.fixed-top .nav-item .nav-link.active,.navbar.fixed-top .nav-item:hover .nav-link { color: var(--pro-red) } @keyframes slide-down { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } .navbar.fixed-top .nav-item .nav-link::before { color: var(--pro-black) } .navbar .navbar-brand .logo-display { display: block } .navbar .navbar-brand .logo-scrolled { display: none } .navbar.fixed-top .navbar-brand .logo-display { display: none } .navbar.fixed-top .navbar-brand .logo-scrolled { display: block } button.navbar-toggler { font-size: 3.5rem; padding: 0; margin: 0 } button.navbar-toggler:focus { outline: none; box-shadow: none } .navbar-toggler-icon { display: inline-block; width: inherit; height: inherit } .navbar-brand img { width: 180px } .dropdown-toggle::after { display: inline-block; margin-left: 5px; vertical-align: 1.5px; font-family: 'Font Awesome 5 Pro'; content: "\f067"; font-weight: 600; border: none; font-size: 11px } .dropdown-toggle:hover::after { content: "\f068" } .mobile-menu-right { display: flex; align-items: center } @media all and (max-width: 1199px) { .navbar .header-btn { display:none } .navbar .header-btn { display: none } .header-phone { display: none } } @media all and (max-width: 991px) { .navbar { top:0; right: 0; left: 0; background-color: #fff; position: fixed } .custom-nav { margin-top: 0 } .navbar-brand { padding-left: 10px } .navbar-brand img { width: 180px } .navbar-collapse { max-height: 290px; overflow: hidden; overflow-y: auto; padding: 0 20px; background-color: #fff } .dropdown-toggle::after { float: right } .navbar .nav-item .nav-link { color: var(--pro-black); font-weight: 700; transition: all .5s ease-in-out } .navbar .nav-item .nav-link:hover { color: var(--pro-red)!important } .navbar-toggler-icon { font-size: 32px; color: var(--pro-black); font-weight: 500; padding-right: 10px; margin-bottom: 10px } .navbar .dropdown-menu { border-radius: 10px } .navbar.fixed-top .navbar-toggler-icon { color: var(--pro-black) } .header-nav-right { display: none } } .hero-section { position: relative } .hero-single { padding-top: 150px; padding-bottom: 150px; background-position: center center!important; background-size: cover!important; background-repeat: no-repeat!important; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; z-index: 1; height: calc(100vh - 0px) } .hero-single::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 53%); left: 0; top: 0; z-index: -1 } .hero-single-shape { clip-path: polygon(0 0,100% 0,100% 90%,0% 100%) } .hero-single .hero-content { display: flex; flex-direction: column; justify-content: center; height: 100% } .hero-single .hero-content .hero-title { color: #fff; font-size: 40px; font-weight: 700; line-height: 1.3; text-transform: uppercase } .hero-single .hero-content .hero-title span { color: var(--pro-red) } .hero-single .hero-content .hero-sub-title { color: var(--pro-red); font-size: 20px; font-weight: 700; position: relative; text-transform: uppercase } .hero-single .hero-content p { color: #fff; line-height: 30px; font-weight: 400; margin-bottom: 20px } .hero-single .hero-content .hero-btn { gap: 2rem; display: flex; margin-top: 1rem; justify-content: start } .hero-title { font-weight: 700; margin: 20px 0 } .hero-sub-title { font-size: 2rem; font-weight: 500; line-height: 1 } .hero-single .video-btn { display: flex; justify-content: center; align-items: center } .hero-slider.owl-theme .owl-nav { position: absolute; bottom: 14px; right: 20px; display: flex; gap: 14px } .hero-slider.owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 30px; margin: 0; padding: 0; background: rgb(255 255 255 / 40%); display: inline-block; cursor: pointer; height: 55px; width: 55px; line-height: 56px; text-align: center; border-radius: 50%; transition: all .5s ease-in-out } .hero-slider.owl-theme .owl-nav [class*=owl-]:hover { background: #fff; color: var(--pro-red) } .hero-slider.owl-theme .owl-nav .owl-prev { left: 40px } .hero-slider.owl-theme .owl-nav .owl-next { right: 40px } @media all and (max-width: 1199px) { .hero-single .hero-content .hero-title { font-size:37px } .hero-slider.owl-theme .owl-nav .owl-prev,.hero-slider.owl-theme .owl-nav .owl-next { top: unset; bottom: 5px!important } .hero-slider.owl-theme .owl-nav .owl-next { left: 120px } } @media all and (max-width: 991px) { .hero-single .hero-content .hero-title { font-size:35px } .hero-single { padding-top: 370px } } @media all and (max-width: 767px) { .hero-single .hero-content .hero-sub-title { font-size:18px } .hero-single .hero-content .hero-btn { gap: 1rem } } .play-btn { display: inline-block; padding: 0; height: 75px; width: 75px; line-height: 75px; font-size: 20px; text-align: center; background: #fff; color: var(--pro-red)!important; position: absolute; border-radius: 50% } .play-btn i::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; background-color: #fff; border-radius: 50px; animation: ripple-wave 1s linear infinite; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease-in-out } @keyframes ripple-wave { 0% { opacity: .8; -webkit-transform: scale(.9); transform: scale(.9) } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } } .about-area { position: relative; display: block; padding-top: 70px } .about-left { padding: 20px; position: relative } .about-left::before { content: ""; position: absolute; width: 90%; height: 90%; left: 0; top: 0; border-radius: 10px 0 0 0; border: 5px solid var(--pro-red); clip-path: polygon(0 0,0 100%,100% 0); z-index: -1 } .about-img img { border-radius: 10px; width: 100% } .about-shape { position: absolute; right: 0; bottom: 0; z-index: -1 } .about-experience { background: var(--pro-red); position: absolute; left: 50px; bottom: 0; width: 160px; height: 160px; padding-top: 30px; border-radius: 50%; text-align: center; z-index: 1 } .about-experience::before { content: ""; position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; border: 2px dashed #fff; border-radius: 50%; z-index: -1 } .about-experience p { font-weight: 700; font-size: 50px; color: #fff; line-height: 60px } .about-experience .about-experience-text { color: #fff; font-weight: 500; font-size: 15px } .about-right { position: relative; display: block } .about-right .about-text { margin-bottom: 15px } .about-list-wrapper { position: relative; display: block; margin-top: 32px; margin-bottom: 40px } .about-list { position: relative; display: block } .about-list li { position: relative; display: flex; align-items: center } .about-list li+li { margin-top: 10px } .about-list li .icon { position: relative; display: flex; align-items: center } .about-list li .icon span { font-size: 20px; color: var(--pro-red) } .about-list li .text { margin-left: 16px } .about-list li .text p { margin: 0 } @media all and (max-width: 991px) { .about-right { margin-top:50px } } .feature-item { padding: 20px; background: var(--pro-black); position: relative; border-radius: 14px; margin-bottom: 25px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); transition: all .5s ease-in-out } .feature-item:hover { transform: translateY(-10px) } .feature-icon { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; background: var(--pro-red); margin-bottom: 20px; border-radius: 10px; transition: all .5s ease-in-out } .feature-icon i { font-size: 40px; color: #fff } .feature-content p { margin-top: 10px; color: #fff } .feature-content h3  { color: #fff; font-size: 24px } .service-item { position: relative; margin-bottom: 25px; padding: 28px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); transition: all .5s ease-in-out } .service-item p.service-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 2; -webkit-box-orient: vertical } .service-item:hover { transform: translateY(-10px) } .service-img img { border-radius: 10px } .service-icon i { font-size: 70px; color: var(--pro-red); line-height: 1 } .service-content { margin-top: 25px } .service-title { margin-top: 5px } .service-title a { margin-bottom: 10px; font-size: 24px } .service-title a:hover { color: var(--pro-red)!important } .service-arrow { margin-top: 20px } .service-arrow .service-read-btn { font-weight: 500; color: var(--pro-red) } .service-arrow .service-read-btn:hover { color: var(--pro-black) } .service-arrow a i { margin-left: 8px } .category-list i { color: var(--pro-red) } .service-single-list i { color: var(--pro-red); margin-right: 10px } .service-download a { border: 2px solid var(--pro-red); padding: 10px 20px; border-radius: 50px; color: var(--pro-black); display: block; font-weight: 500; margin-bottom: 20px; transition: all .5s ease-in-out } .service-download a i { margin-right: 10px } .service-download a:hover { background-color: var(--pro-red); color: #fff } .service-details img { border-radius: 10px } .event-item { position: relative; margin-bottom: 40px } .event-img { padding: 10px } .event-img img { border-radius: 15px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%) } .event-date { position: absolute; right: 20px; top: 20px; text-align: center; background: #fff; padding: 10px 20px; font-size: 16px; color: var(--pro-red); border-radius: 10px; font-weight: 600; box-shadow: 0 3px 24px rgb(0 0 0 / 10%) } .event-info { background: #fff; border-radius: 15px; margin-top: -100px; padding: 110px 20px 20px 20px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%) } .event-info h4 a { color: #222736 } .event-info h4 a:hover { color: var(--pro-red) } .event-info span { margin-top: 20px; display: block; color: #222736 } .event-info span i { color: var(--pro-red) } .event-details img { border-radius: 15px } .event-map { margin-bottom: 20px } .event-map iframe { border-radius: 15px; height: 400px; width: 100% } .event-content-single { margin-bottom: 20px } .event-content-single h5 { margin-bottom: 5px } .event-content-single i { color: var(--pro-red); margin-right: 5px } .event-single-info p { margin-bottom: 20px } .event-author-info { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; margin-top: 50px } .event-author-info img { border-radius: 50% } .event-single-info .widget-title { margin-bottom: 15px!important } .video-content { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px } .video-content::before { content: ""; position: absolute; border-radius: 10px; background: rgb(23 27 42 / .3); width: 100%; height: 100%; left: 0; top: 0 } .video-wrapper { position: relative; display: flex; justify-content: center; border-radius: 5px; height: 600px } .video-wrapper img { border-radius: 12px } .video-area .play-btn { display: inline-block; padding: 0; height: 75px; width: 75px; text-align: center; background: #fff; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%) } @media all and (max-width: 767px) { .video-wrapper { height:250px } } .testimonial-area { position: relative; z-index: 1 } .testimonial-area::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1 } .testimonial-item { background: #fff; padding: 20px; border-radius: 10px; margin-top: 30px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%) } .testimonial-author-img { width: 80px; height: 80px; margin-top: -50px; position: absolute; right: 30px; border: 2px dashed var(--pro-red); border-radius: 50px; padding: 3px } .testimonial-author-img img { border-radius: 50% } .testimonial-author-info { margin-top: 20px } .testimonial-rate { color: var(--pro-red); margin-bottom: 20px } .testimonial-area .owl-dots { text-align: center; margin-top: 30px } .testimonial-area .owl-dots .owl-dot span { background: rgb(255 93 34 / .5); margin: 5px; border-radius: 0; width: 20px; height: 7px; border-radius: 50px; display: inline-block; transition: all .5s ease-in-out } .testimonial-area .owl-dots .owl-dot.active span { background-color: var(--pro-red) } .testimonial-item span { position: absolute; color: var(--pro-red); right: 30px; bottom: -10px; font-size: 65px } .counter-area { position: relative; background-image: url(../../img/01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: 1 } .counter-area::before { content: ""; position: absolute; background: rgb(0 0 0 / .7); height: 100%; width: 100%; left: 0; top: 0; z-index: -1 } .counter-box { text-align: center; padding: 80px 35px; position: relative; z-index: 1; display: flex; justify-content: center; gap: 12px; align-items: center } .counter-box .icon { width: 60px; height: 60px; font-size: 55px; color: #fff; align-items: center; justify-content: center; border-radius: 10px; display: flex } .counter-box .icon img { filter: invert(1); width: 100% } .counter-box .counter { display: block; line-height: 1; color: #fff; font-size: 50px; font-weight: 600 } .counter-box .title { color: #fff; margin-top: 15px; font-size: 18px } @media all and (max-width: 991px) { .counter-area .counter-box { margin-bottom:25px } } @media all and (max-width: 767px) { .counter-area { margin-top:0 } } .widget { background: #F6F6F6; padding: 30px; border-radius: 10px; margin-bottom: 30px } .widget .widget-title { color: var(--pro-black); padding-bottom: 10px; margin-bottom: 30px; position: relative; font-size: 20px } .widget .widget-title::before { position: absolute; content: ''; width: 15px; border-bottom: 3px solid var(--pro-red); bottom: 0; left: 0 } .widget .widget-title::after { position: absolute; content: ''; width: 30px; border-bottom: 3px solid var(--pro-red); bottom: 0; left: 24px } .widget .search-form .form-control { padding: 10px 15px 10px 15px; border-radius: 8px; box-shadow: none } .widget .search-form { position: relative } .widget .search-form .form-control:focus { border-color: var(--pro-red) } .widget .search-form button { position: absolute; right: 0; top: 0; padding: 8px 18px 6px 18px; background: #fff0; border: none; color: #6C7C89 } .widget .category-list a { display: block; padding: 10px 0; font-weight: 500; border-bottom: 1px solid #ced4da; transition: all .5s ease-in-out } .widget .category-list a:last-child { margin-bottom: 0; border-bottom: none } .widget .category-list a:hover { padding-left: 10px; color: var(--pro-red) } .widget .category-list a i { margin-right: 5px; color: var(--pro-red) } .widget .category-list a span { float: right } .widget .recent-post-single { display: flex; justify-content: start; align-items: center; margin-bottom: 20px } .widget .recent-post-img { margin-right: 20px } .widget .recent-post-img img { width: 100px; border-radius: 10px } .widget .recent-post-bio h6 { font-size: 18px } .widget .recent-post-bio span { font-size: 14px } .widget .recent-post-bio span i { margin-right: 5px } .widget .recent-post-bio h6 a:hover { color: var(--pro-red) } .widget .social-share-link a { width: 35px; height: 35px; line-height: 31px; border-radius: 50px; border: 2px solid var(--pro-red); color: var(--pro-red); text-align: center; margin-right: 5px; transition: all .5s ease-in-out } .widget .social-share-link a:hover { background: var(--pro-red); color: #fff } .widget .tag-list a { background: #fff; padding: 5px 18px; margin-bottom: 10px; margin-right: 10px; border-radius: 50px; display: inline-block; transition: all .5s ease-in-out } .widget .tag-list a:hover { background-color: var(--pro-red); color: #fff } .contact-wrapper { padding: 50px 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); position: relative } .contact-form { padding: 0 40px } .contact-form-header { margin-bottom: 30px; color: var(--pro-black) } .contact-form-header h2 { color: var(--pro-black); font-size: 30px; margin-bottom: 10px } .contact-form .form-group { margin-bottom: 25px } .contact-form .form-group .form-control { padding: 12px 20px; border-radius: 8px; box-shadow: none; transition: all .5s ease-in-out } .contact-form .form-group .form-control:focus { border-color: var(--pro-red) } .contact-map { margin-bottom: -9px } .contact-map iframe { width: 100%; height: 450px } .contact-content { margin-bottom: 50px } .contact-info { display: flex; align-items: center; gap: 20px; padding: 20px; position: relative; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #E7E9EC } .contact-info:last-child { border-bottom: none } .contact-info-icon i { font-size: 25px; color: #fff; width: 55px; height: 55px; line-height: 55px; border-radius: 50px; text-align: center; background: var(--pro-red) } .contact-info h5 { color: var(--pro-black); margin-bottom: 5px } .contact-info p { color: var(--pro-black) } @media all and (max-width: 991px) { .contact-wrapper { padding:50px 20px } .contact-form { padding: 0 } .contact-info { padding: 0; margin-bottom: 50px } } .nice-select { border: none; height: 54px; line-height: 54px; box-shadow: none; border-radius: 8px; font-size: 16px; width: 100%; margin-bottom: 22px } .nice-select .list { width: 100%; border-radius: 10px; border: none } .nice-select:after { height: 9px; width: 9px; margin-top: -6px } .faq-area .accordion-item { border: none; margin-bottom: 30px; border-radius: 10px!important; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%) } .faq-area .accordion-item span { width: 45px; height: 45px; margin-right: 15px } .faq-area .accordion-item i { width: 45px; height: 45px; line-height: 45px; border-radius: 50px; background: var(--pro-red); text-align: center; color: #fff } .faq-area .accordion-button:not(.collapsed) { color: var(--pro-red); background-color: #fff; border-radius: 10px; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) } .accordion-button { border-radius: 10px!important; font-weight: 700; font-size: 18px; color: var(--pro-black); box-shadow: none!important } .accordion-button:not(.collapsed) { border-bottom: 1px dashed var(--pro-red) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2var(--pro-black)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } @media all and (max-width: 991px) { .faq-left { margin-bottom:50px } .accordion-button { font-size: 16px } } .site-breadcrumb { position: relative } .site-breadcrumb-wrapper { background-size: cover!important; background-repeat: no-repeat!important; background-position: center center!important; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; padding: 130px 0 40px; z-index: 1 } .site-breadcrumb-wrapper::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgb(0 0 0 / .65); z-index: -1 } .site-breadcrumb .breadcrumb-title { font-size: 40px; color: #fff; font-weight: 700; margin-bottom: 10px; text-transform: uppercase } .site-breadcrumb .breadcrumb-menu { position: relative; z-index: 1 } .site-breadcrumb .breadcrumb-menu li { position: relative; display: inline-block; margin-left: 25px; color: #fff; font-weight: 400; text-transform: capitalize } .site-breadcrumb .breadcrumb-menu li a { color: #fff; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out } .site-breadcrumb .breadcrumb-menu li.active { color: var(--pro-red) } .site-breadcrumb .breadcrumb-menu li::before { position: absolute; content: '\f101'; font-family: 'Font Awesome 5 Pro'; right: -21px; top: 1px; text-align: center; font-size: 16px; color: #fff } .site-breadcrumb .breadcrumb-menu li:first-child { margin-left: 0 } .site-breadcrumb .breadcrumb-menu li:last-child:before { display: none } .site-breadcrumb .breadcrumb-menu li a:hover { color: var(--pro-red) } @media (max-width: 991px) { .site-breadcrumb-wrapper { padding-top:360px; padding-bottom: 120px } } .pagination { display: flex; justify-content: center; align-items: center; margin-top: 40px; margin-bottom: 40px } .pagination .page-link { border: none; background: var(--pro-black); color: #fff; margin: 0 10px; border-radius: 50px!important; width: 40px; height: 40px; line-height: 28px; text-align: center; transition: all .5s ease-in-out } .pagination .page-link:hover,.pagination .page-item.active .page-link { background: var(--pro-red) } body.rtl-mode { direction: rtl } body.rtl-mode .item-area { direction: ltr } body.rtl-mode .price-wrapper { direction: rtl } @media (min-width: 992px) { body.rtl-mode .navbar-brand { margin-left:3rem } body.rtl-mode .navbar .nav-item .nav-link { margin-left: 3rem; margin-right: 0 } } .login-form { padding: 50px; background: #fff; border-radius: 10px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 3%) } .login-form .login-header { margin-bottom: 50px } .login-form .login-header img { width: 200px; margin-bottom: 10px } .login-form .login-header h3 { color: var(--pro-red); margin-bottom: 5px; font-weight: 600 } .login-form .login-header p { font-size: 20px } .login-form .login-footer { margin-top: 40px } .login-form .login-footer a { color: var(--pro-red); transition: .5s } .login-form .login-footer a:hover { color: var(--pro-black) } .login-form .form-group { margin-bottom: 20px } .login-form label { color: var(--pro-black); margin-bottom: 5px } .login-form .form-group .form-control { border: 1px solid #e8e8e8; border-radius: 8px; padding: 12px 18px; box-shadow: none; transition: .5s } .login-form .form-group .form-control:focus { border-color: var(--pro-red) } .login-form .form-check-input { box-shadow: none } .login-form .forgot-pass { color: var(--pro-red); transition: .5s } .login-form .forgot-pass:hover { color: var(--pro-black) } .login-form .form-check-input { margin-top: 6.3px } .login-form .form-check-label a { color: var(--pro-red); transition: .5s } .login-form .form-check-label a:hover { color: var(--pro-red) } .form-check-input:checked { background-color: var(--pro-red); border-color: var(--pro-red) } @media only screen and (max-width: 991px) { .login-form { padding:40px 20px } } .coming-soon { background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 100vh; width: 100%; top: 0; left: 0; position: relative } .coming-soon .container { position: relative } .coming-soon:before { position: absolute; content: ''; background: rgb(0 0 0 / .7); width: 100%; height: 100%; top: 0; left: 0 } .coming-soon .newsletter-form { position: relative; margin-top: 30px } .coming-soon .newsletter-form .input-newsletter { height: 60px; display: block; width: 100%; border: none; border-radius: 50px; font-size: 14px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 25px; box-shadow: none } .coming-soon .newsletter-form button { position: absolute; right: 4px; top: 4px; bottom: 4px; height: auto; border: none; border-radius: 50px; background: var(--pro-red); display: inline-block; color: #fff; padding-left: 30px; padding-right: 30px; transition: .5s } .coming-soon .newsletter-form button:hover { background-color: var(--pro-black); color: #fff } .coming-social { margin-top: 30px; text-align: center } .coming-social a { color: #fff; margin: 5px; width: 40px; height: 40px; line-height: 36px; border-radius: 50px; text-align: center; border: 2px solid #fff; display: inline-block; transition: .5s } .coming-social a:hover { background: var(--pro-red); border-color: var(--pro-red) } .countdown-wrap { margin-top: 30px } .countdown-single { background: var(--pro-red); padding: 20px; margin: 10px; border-radius: 10px; position: relative; box-shadow: 0 3px 24px rgb(0 0 0 / 10%) } .countdown-single h2 { color: #fff } .countdown-single h5 { color: #fff } .error-wrapper { text-align: center } .error-wrapper h1 { font-size: 200px; font-weight: 700; color: var(--pro-red) } .error-wrapper h1 span { color: var(--pro-black) } .error-wrapper h2 { margin-top: 30px; margin-bottom: 10px } .error-wrapper img { width: 100% } .error-wrapper .theme-btn { margin-top: 30px } @media all and (max-width: 767px) { .error-wrapper h1 { font-size:160px } } .terms-content:not(:last-child) { margin-bottom: 54px } .terms-content:first-child { margin-top: -3px } .terms-content .terms-list { margin-top: 37px } .terms-content h3 { margin-bottom: 23px; position: relative } .terms-content p:not(:last-child) { margin-bottom: 26px } .terms-list li:not(:last-child) { margin-bottom: 16px } .footer-area { background: #212121; position: relative; z-index: 1 } .footer-shape { position: relative; height: 80px; width: 100%; left: 0; top: 0; background: var(--pro-red); clip-path: polygon(100% 0,0 0,50% 100%) } .footer-widget-box { margin-bottom: 20px } .footer-widget { position: relative; z-index: 1 } .footer-logo img { width: 230px; margin-bottom: 20px } .copyright { padding: 10px 0; background: #000 } .copyright .footer-menu { margin: 0; padding: 0; text-align: right } .copyright .footer-menu li { display: inline-block; margin-left: 25px; font-size: 16px } .copyright .footer-menu li a { color: #f5faff; transition: all .5s ease-in-out } .copyright .footer-menu li a:hover { color: var(--pro-red) } .copyright .copyright-text { color: #f5faff; margin-bottom: 0; font-size: 16px } .copyright-text span:last-child { font-size: 4px; color: #000 } .copyright .copyright-text a { color: #000; font-weight: 500 } .footer-widget-title { color: #fff; position: relative; padding-bottom: 20px; margin-bottom: 30px; z-index: 1 } .footer-widget-title::before { position: absolute; content: ''; z-index: -1; width: 15px; height: 3px; background-color: var(--pro-red); bottom: 0; left: 0 } .footer-widget-title::after { position: absolute; content: ''; z-index: -1; width: 35px; height: 3px; background-color: var(--pro-red); bottom: 0; left: 20px } .footer-list { display: flex; flex-direction: column; gap: 1rem } .footer-list li a { color: #fff; transition: all .5s ease-in-out } .footer-list li a i { margin-right: 5px; color: var(--pro-red) } .footer-list li a:hover { padding-left: 10px; color: var(--pro-red) } .footer-widget-box p { color: #fff; padding-right: 18px; margin-bottom: 20px } .footer-social { display: flex; gap: 3px; margin-top: 20px; flex-wrap: wrap } .footer-social li a { height: 30px; width: 30px; line-height: 25px; text-align: center; border-radius: 50px; background: var(--pro-red); border: 2px solid var(--pro-red); color: #fff; transition: all .5s ease-in-out; font-size: 15px } .footer-social li a:hover { background: #fff0; color: var(--pro-red) } .footer-newsletter .subscribe-form .form-control { border: 2px solid #e8e8e8; height: 55px; padding: 0 20px; border-radius: 50px; font-size: 16px; color: #fff; box-shadow: none; background-color: #fff0 } .footer-newsletter .subscribe-form .form-control::placeholder { color: #F2F3F5; opacity: 1 } .footer-newsletter .subscribe-form .theme-btn { margin-top: 20px } .footer-contact li { position: relative; display: flex; justify-content: start; align-items: center; color: #f5faff; font-size: 16px; margin-bottom: 10px } .footer-contact li a { color: #f5faff; -webkit-transition: 0.3s; transition: 0.3s } .footer-contact li i { width: 12px; height: 30px; font-size: 18px; margin-right: 15px; border-radius: 5px; line-height: 31px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; color: var(--pro-red) } @media all and (max-width: 1199px) { .footer-widget-box { margin-bottom:50px } } @media all and (max-width: 991px) { .footer-widget-wrapper { padding-bottom:0 } .copyright .footer-menu { float: left; margin-top: 20px; text-align: left } .copyright .footer-menu li { margin-left: 0; margin-right: 15px } } @media all and (max-width: 767px) { .footer-widget-wrapper { padding-bottom:0 } } .home-3.main { margin-top: 0 } .home-3 .hero-single { padding-top: 150px } .home-3 .hero-content { text-align: center } .home-3 .hero-content h1 { color: #fff; font-size: 50px; font-weight: 700 } .home-3 .hero-search { background: #fff; padding: 10px; margin-top: 50px; border-radius: 10px } .home-3 .hero-search .form-group { position: relative } .home-3 .hero-search .form-control { padding: 18px 130px 18px 50px; border-radius: 10px; box-shadow: none } .home-3 .hero-search .form-control:focus { border-color: var(--pro-red) } .home-3 .hero-search i { position: absolute; top: 23.5px; left: 20px } .home-3 .hero-search button { position: absolute; top: 6px; right: 6px; background: var(--pro-black); color: #fff; border: none; padding: 10px 25px; font-weight: 500; border-radius: 10px; transition: all .5s ease-in-out } .home-3 .hero-search button:hover { background: var(--pro-red); color: #fff } .partner-slider .owl-item { padding: 10px } .partner-slider .owl-item .items { box-shadow: 0 0 6px #e5e5e5; padding: 10px; border-radius: 6px; padding: 16px } .partner-slider .owl-item img { width: 100% } .dd_noida { background: #f6fcff; padding: 60px 0 } .dd_noida .row { align-items: center } .dd_noida .row:nth-child(2) { margin-top: 50px } .dd_noida .row:nth-child(2) .col-md-7 { order: 1 } .dd_noida .row:nth-child(2) .desc { box-shadow: rgb(34 176 252 / .1) 0 24px 33px 0; position: relative; z-index: 4; right: -20%; left: auto; top: 8%; background: #fff; padding: 30px } .dd_noida .cimg { overflow: hidden } .dd_noida .cimg img { width: 100%; position: relative; z-index: 3; transition: all 0.3s ease-in-out } .dd_noida .row:hover .cimg img { transform: scale(1.1) } .dd_noida .desc { box-shadow: rgb(34 176 252 / .1) 0 24px 33px 0; position: relative; z-index: 3; left: -20%; top: 8%; background: #fff; padding: 30px } .dd_noida .desc h3 { padding-bottom: 15px; text-transform: uppercase; color: #1B1117 } .dd_noida .desc p { font-size: 16px; font-weight: 400; line-height: 26px } .hot_property { padding-bottom: 70px } .hot_property .links { border: 1px solid #eee; border-radius: 5px; overflow: hidden; margin-bottom: 20px } .hot_property .links h3 { background: var(--pro-red); width: 100%; color: #fff; padding: 10px 15px; font-size: 15px } .hot_property .links:last-child { margin-bottom: 0 } .hot_property .links ul { display: grid; flex-wrap: wrap; gap: 8px 20px; padding: 15px; grid-template-columns: repeat(4,1fr) } .hot_property .links ul li { display: inline-block; position: relative; line-height: 20px; padding-left: 15px } .hot_property .links ul li:after { position: absolute; left: 0; content: "\f105"; font-family: FontAwesome } .hot_property .links ul li a { font-size: 13px } .comon_icon { position: fixed; width: 45px; z-index: 1; left: 6px; border-radius: 10px; overflow: hidden } .comon_icon img { width: 100% } .phone_ion { bottom: 2px } .whatsapp { bottom: 50px } .office_offer { padding-top: 70px } .office_offer .loc_img { height: 200px; overflow: hidden; position: relative; border-radius: 15px } .office_offer .loc_img:before { content: ""; background: linear-gradient(0deg,rgb(0 0 0 / .6) 13%,rgb(0 0 0 / .01) 89%); position: absolute; bottom: 0; width: 100%; height: 70% } .office_offer .loc_img img { width: 100%; height: 100%; object-fit: cover } .office_offer .loc_name { position: absolute; bottom: 10px; width: 100%; text-align: center } .office_offer .loc_name h3 { color: #fff; font-size: 20px } .homeimg { background-size: cover; width: 100%; float: right; z-index: 9; position: relative } .sideBar .formm.active { right: 0 } .sideBar .formm { width: 300px; background: #fff; position: fixed; z-index: 3; right: -302px; top: 154px; box-shadow: 0 0 4px #ccc; transition: .3s } .homeimg .form-group .input-group-prepend .input-group-text { width: 28px; height: 35px } .sideBar .formm .talk-to-us img { width: 100% } .sideBar .formm .talk-to-us { padding: 0; display: inline-block; position: absolute; left: -56px; top: 0; text-align: left; width: 64px } .formm-inner h3 { padding: 10px 10px; font-size: 18px; color: #fff; text-align: center; font-weight: 600; margin-bottom: 0; background: #f05150 } .sideBar .formm .formm-inner { border: none } .formm .formm-inner form { padding: 15px } .formm .formm-inner .theme-btn1 { background: #000; color: #fff; border-radius: 5px; outline: none; border: none; padding: 5px 15px } .formBox .formm-inner { display: block; background: #f6f6f6; border-radius: 3px; box-shadow: 0 0 16px 0 rgb(0 0 0 / .12); -webkit-box-shadow: 0 0 16px 0 rgb(0 0 0 / .2); box-shadow: 0 0 16px 0 rgb(0 0 0 / .2); padding: 0; z-index: 9; position: relative } .formBox .formm-inner .form-group { margin-bottom: 6px } .formBox .formm-inner .form-group label { color: #000; font-size: 13px; font-weight: 600; line-height: 16px } .formBox .formm-inner .form-group input { width: 100%; background: #fff; padding: 5px 7px; border: 1px solid #eee; font-size: 14px; border-radius: 4px; outline: none } .formBox .formm-inner .form-group input::placeholder { font-size: 14px } .ftr_appointment { position: absolute; right: -8px; top: 40px; transform: translate(0,-50%); rotate: 90deg; text-wrap-mode: nowrap; z-index: 9; border-radius: 0 0 8px 8px; overflow: hidden } .ftr_appointment span { background: #000; display: block; padding: 10px 20px; color: #fff } @media (min-width: 992px) { .video-one { } } .video-one .video-one__image { position: relative; margin-bottom: 60px } .video-one .video-one__image img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-radius: 8px } .video-one__content { text-align: center } @media (min-width: 992px) { .video-one__content { text-align:left } } .video-one__content .sec-title { margin-bottom: 0 } .video-one__content .sec-title h2 { letter-spacing: -.02em } @media (min-width: 768px) { .video-one__content .sec-title h2 { max-width:500px; margin-left: auto; margin-right: auto } } .video-one__content .block-text { margin: 0; font-family: var(--thm-b-font); font-size: 16px; line-height: 34px; color: var(--thm-text); margin-top: 20px } @media (min-width: 768px) { .video-one__content .block-text { max-width:500px; margin-top: 0; margin-left: auto; margin-right: auto } } .video-one__image .vid-link { background-color: var(--pro-red); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; -webkit-transition: all 500ms ease; transition: all 500ms ease; width: 70px; height: 70px; font-size: 20px; bottom: -30px; right: 60px; z-index: 1 } .video-one__image .vid-link:hover { background-color: var(--thm-black); color: #fff } .video-one__image .vid-link a { color: inherit } .video-one__image .vid-link .icon { position: relative; top: 3px } .video-one__image .vid-link::before { position: absolute; content: ""; border-radius: 50%; border: 1px solid var(--thm-black); top: -13px; bottom: -13px; left: -13px; right: -13px; opacity: .2 } .video-one__image .vid-link .ripple,.video-one__image .vid-link .ripple:before,.video-one__image .vid-link .ripple:after { position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; border-radius: 50%; -ms-border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-box-shadow: 0 0 0 0 rgb(255 170 23 / .6); box-shadow: 0 0 0 0 rgb(255 170 23 / .6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite } .video-one__image .vid-link .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute } .video-one__image .vid-link .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute } .desc_sf .flr_right { float: right; width: 50%; box-shadow: 0 0 7px #757575; padding: 8px; border-radius: 10px; margin: 0 0 25px 25px } .desc_sf .flr_right img { width: 100%; border-radius: 10px } .desc_sf h1 { font-size: 30px; margin-bottom: 20px } .desc_sf h2 { font-size: 20px; margin-bottom: 20px } .desc_sf h3 { font-size: 20px; margin-bottom: 20px } .desc_sf p { font-size: 16px; margin-bottom: 16px } .desc_sf .youtube_links { box-shadow: 0 0 10px #000; padding: 10px; border-radius: 10px; height: 475px } .desc_sf .youtube_links iframe { width: 100%; height: 100% } .desc_sf ul { font-size: 16px; margin-bottom: 25px } .desc_sf ul li { font-size: 16px; margin-bottom: 5px } .amenities { background-color: #F6F6F6; padding: 20px } .amenities .amenities_desc ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin: 0 } .amenities .amenities_desc ul li { display: flex; background: #fff; padding: 15px; border-radius: 5px; color: #000; align-items: center; gap: 15px; font-size: 16px } .amenities .amenities_desc ul li:hover { background: var(--pro-red); color: #fff; font-weight: 600 } .amenities .amenities_desc ul li:hover svg { fill: #fff } .amenities .amenities_desc ul li svg { width: 30px; height: 30px; fill: var(--pro-red) } .property_list { padding: 70px 0 } .property_list .pro-profile { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px } .property_list .property-boxarea2 { position: relative; z-index: 1; overflow: hidden; border-radius: 8px; padding: 15px 15px 60px 15px; box-shadow: 0 1px 4px 0 rgb(31 92 163 / .2)!important } .property_list .property-boxarea2 .slid_img { width: 100%; height: 200px; margin-bottom: 15px; position: relative; overflow: hidden } .property_list .property-boxarea2 .slid_img a { width: 100%; height: 100% } .property_list .property-boxarea2 .slid_img .rent { position: absolute; top: 10px; right: 10px; background: var(--pro-red); color: #fff; padding: 0 10px; border-radius: 45px; font-size: 14px; font-weight: 600 } .property_list .property-boxarea2 .slid_img .location { position: absolute; bottom: 0; background: #00000091; width: 100%; padding: 0 5px } .property_list .property-boxarea2 .slid_img .location p { color: #fff; position: relative; z-index: 1; display: flex; align-items: center; gap: 5px } .property_list .property-boxarea2 .slid_img img { width: 100%; height: 100%; object-fit: cover } .property_list .flat_dsc { flex: 1 } .property_list .flat_dsc .sec_loc { display: flex; justify-content: space-between } .property_list .flat_dsc .sec_loc .loc_name { font-style: normal; font-weight: 500; font-size: 22px; line-height: normal; color: var(--pro-black); display: block } .property_list .flat_dsc .csd p a { color: #393939; font-size: 15px } .property_list .flat_dsc .csd p a:hover { text-decoration: underline; color: #000 } .property_list .highlightsWrap { display: flex; flex-wrap: nowrap; overflow-x: hidden; max-width: 417px; align-items: center; margin-top: 6px } .property_list .highlightsWrap .onlyHighlight { display: flex; flex-wrap: nowrap; overflow-x: hidden; max-width: 417px; align-items: center; gap: 5px; margin-bottom: 10px } .property_list .highlightsWrap .onlyHighlight .highligts { font-weight: 600; font-size: 14px; line-height: 12px; color: var(--pro-red); margin-right: 6px } .property_list .highlightsWrap .onlyHighlight .tupleNew { background: #eaeaea; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 4px 8px 4px 8px; white-space: nowrap; max-width: max-content } .property_list .highlightsWrap .onlyHighlight .tupleNew span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #091e42; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .property_list .descPtag { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; margin-bottom: 10px } .content-aread .btn-area .theme-btn1 { display: block; background: var(--pro-red); padding: 2px 10px; color: #fff; font-weight: 600; width: fit-content; border-radius: 5px; position: absolute; bottom: 16px } .desc_sf.details h3 { font-size: 27px } .service-single-area .offers { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 30px } .service-single-area .offers .box { box-shadow: 0 0 10px #eee; padding: 15px 10px; display: flex; align-items: center; gap: 15px; border-radius: 5px } .service-single-area .offers .box .box-img { width: 45px } .service-single-area .offers .box .box-img img { width: 100% } .service-single-area .offers .box .box_det h3 { font-size: 17px; color: var(--pro-red); margin: 0 } .service-single-area .offers .box .box_det p { font-size: 15px; color: #646464; font-weight: 500; margin: 0 } .inventory { padding: 30px 0 } .inventory #customers { font-family: Arial,Helvetica,sans-serif; border-collapse: collapse; width: 100% } .inventory #customers td,.inventory #customers th { border: 1px solid #ddd; padding: 8px; color: #484848 } .inventory #customers td:last-child { width: 165px; text-align: center } .inventory #customers td a { background: var(--pro-red); padding: 5px 10px; color: #fff; border-radius: 6px; font-size: 15px; font-weight: 500 } .inventory #customers tr:nth-child(even) { background-color: #f2f2f2 } .inventory #customers tr:hover { background-color: #ddd } .inventory #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: var(--pro-black); color: #fff } .service-single-wrapper .slider { position: relative; width: 100%; height: 430px; overflow: hidden; margin-bottom: 50px } .service-single-wrapper .slides { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out } .service-single-wrapper .slides.active { opacity: 1; z-index: 1 } .service-single-wrapper .slides img { width: 100%; height: 100%; object-fit: contain } .service-single-wrapper .prev,.service-single-wrapper .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgb(0 0 0 / .5); color: #fff; border: none; padding: 12px; cursor: pointer; font-size: 18px; z-index: 2 } .service-single-wrapper .prev { left: 10px } .service-single-wrapper .next { right: 10px } .site_hf h2 { font-weight: 700; text-transform: capitalize; font-size: 27px; color: var(--pro-black); margin-top: 0; margin-bottom: 20px; text-align: center } .site_hf h2 span { color: var(--pro-red) } .location_scroll { padding: 70px 0; overflow: hidden } .location_scroll .loc_list h3 { font-size: 20px; margin-bottom: 15px } .location_scroll .loc_list ul { display: flex; flex-wrap: nowrap; gap: 5px; overflow-y: hidden; overflow-x: scroll } .location_scroll .loc_list ul li a { text-wrap-mode: nowrap; display: block; border: 1px solid #eee; padding: 5px 10px; border-radius: 5px; font-size: 14px } .side_box { position: sticky; top: 85px } .form_side { box-shadow: 0 0 10px #eee; border-radius: 10px; overflow: hidden } .form_side .title { background: var(--pro-black); padding: 10px } .form_side .title h3 { text-align: center; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: 1px } .form_side .form { padding: 20px } .form_side .form .from-group { margin-bottom: 10px } .form_side .form .from-group .theme-btn { padding: 10px; width: 100%; border-radius: 5px } .form_side .form .from-group:last-child { margin-bottom: 0 } .form_side .form .from-group label { color: var(--pro-black); font-size: 15px; display: block; font-weight: 500 } .form_side .form .from-group input,.form_side .form .from-group textarea { width: 100%; border: 1px solid #eee; padding: 7px; border-radius: 5px; color: #727272; font-size: 15px; display: block; font-weight: 500; outline: none } .location_map { width: 100%; padding-top: 70px; height: 400px } .location_map iframe { width: 100%; height: 100% } .pad_btm { padding-bottom: 0!important } .multi_domain { padding: 70px 0; background: #f0515026 } .multi_domain .links_domain .inner { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px } .multi_domain .links_domain .inner li a { background: #fff; padding: 10px 20px; display: flex; border-radius: 5px; text-align: center; font-weight: 500; font-size: 15px; height: 100%; align-items: center; justify-content: center } .home_page_client { padding-top: 60px } .home_page_client .partner-area { padding: 0 } .wrap.pryc { margin: 0 auto; background: #fff; padding: 28px; border-radius: 12px; box-shadow: 0 6px 22px rgb(16 24 40 / .06) } .pryc header { border-bottom: 1px solid #eef2f7; padding-bottom: 18px; margin-bottom: 20px } .pryc h1 { color: var(--accent); margin: 0; font-size: 22px } .pryc p.lead { color: #727986; margin: 8px 0 0 } .pryc h2 { font-size: 16px; color: #0f172a; margin-top: 22px } .pryc p { color: #374151; line-height: 1.6 } .pryc ul { margin-left: 18px } .pryc code { background: #f3f4f6; padding: 2px 6px; border-radius: 6px; font-family: monospace } .pryc .meta { font-size: 13px; color: #6c7381 } .pryc .contact { background: #f8fafc; border-left: 4px solid var(--accent); padding: 12px; border-radius: 6px; margin-top: 18px } .pryc footer { margin-top: 30px; font-size: 13px; color: var(--muted); text-align: center } .pryc a { color: var(--accent); text-decoration: none } @media (max-width: 600px) { .wrap.pryc { padding:18px } } .amenities .amenities_desc ul.mr_link { display: flex; flex-wrap: nowrap; flex-wrap: wrap } .amenities .amenities_desc ul.mr_link li:hover a { color: #fff } .amenities .amenities_desc ul.mr_link li:hover { font-weight: 400 } .amenities .amenities_desc .moreLink li { padding: 0; background: #0000!important } .amenities .amenities_desc .moreLink li:hover a { background: #000 } .amenities .amenities_desc .moreLink li a { font-size: 16px; color: #fff; padding: 6px 6px 6px 15px; text-transform: capitalize; position: relative; cursor: pointer; text-align: center; border-radius: 50px; font-weight: 500; overflow: hidden; border: none; background: var(--pro-red); box-shadow: 0 3px 24px rgb(0 0 0 / 10%); transition: all 0.5s ease-in-out; z-index: 1 } .amenities .amenities_desc .moreLink li a i { height: 25px; width: 25px; line-height: 25px; color: var(--pro-red); background: #fff; margin-left: 12px; border-radius: 50px; transition: all .5s ease-in-out } .main_home_banner {height:100vh; overflow:hidden; position:relative} .main_home_banner .carousel-item { height: 100vh; overflow: hidden; position: relative; } .main_home_banner .carousel-item:before{ content: "" !important; position: absolute;width: 100%; height: 100%; background: rgb(0 0 0 / 53%); left: 0;top: 0;z-index: 1;} .main_home_banner .carousel-item img { width: 100%; height: 100%; object-fit: cover; } .main_home_banner .carousel-item .desc { position: absolute; top: 50%; width: 100%; transform: translate(0px, -50%); z-index: 2; } .main_home_banner .carousel-item .desc .hero-content { width: 50%; } .main_home_banner .carousel-item .desc .hero-content .hero-sub-title { color: var(--pro-red); font-size: 20px; font-weight: 700; position: relative; text-transform: uppercase; } .main_home_banner .carousel-item .desc .hero-content .hero-title { color: #fff; font-size: 40px; font-weight: 700; line-height: 1.3; text-transform: uppercase; } .main_home_banner .carousel-item .desc .hero-content .hero-title span {color: var(--pro-red);} .main_home_banner .carousel-item .desc .hero-content .hero-btn {} .main_home_banner .carousel-item .desc .hero-content .theme-btn {}