/* Theme Name: RXR Theme URI: https://RXR.com Author: RXR team Version: 1.0 Text Domain: rxr */ /* ==== Site Name: index ==== PAGE BLOCKS:- 01 - GENERAL STYLES 02 - GLOBAL STYLES 03 - HEADER 04 - BANNER 05 - SERVICES 06 - ABOUT 07 - MODULES 08 - RESULTS 09 - BLOGS 10 - FAQ 11 - FOOTER 12 - ABOUTPAGE-BANNER 13 - ABOUT-RXR 14 - WHO-WE-ARE 15 - SOLUTIONS 16 - CONTACT-FORM 17 - BLOGS-CONTAINER 18 - BLOG-DETAIL 19 - SERVICE-BANNER 20 - ABOUT-SERVICES 21 - BENEFITS 22 - YARDI-DEVELOPMENT 23 - CONSULTATION 24 - SERVICEPAGE-FAQ */ /* ===== GENERAL STYLES ====== */ body { width:100%; height:100%; margin:0; padding:0; color:#2e2e2e; font-size: 16px; font-weight: normal; background-color: #fff; font-family: "Poppins", sans-serif; font-weight: 400;font-style: normal;} ul { padding:0; margin:0px;} li { list-style:none; font-size: 16px;} a {color:#fff; font-size: 16px; font-weight: 500; line-height: 27px; text-decoration:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} a:hover, a:focus { text-decoration: inherit; outline: none;color: #ee5821; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} a img { border:none; transition: all 0.3s ease 0s; } img {max-width:100%;} h1, h2, h3, h4, h5, h6 { margin:0 0 10px 0; color: #000000; font-weight: 700;letter-spacing: 0px;} h1 { font-size: 65px; color:#ffffff; font-weight: 800; } h2 { font-size: 44px; color: #ee5821; font-weight: 800;} h3 { font-size: 26px; font-weight: 700;} h4 { font-size: 24px; line-height: 26px; color: #414042; font-weight: 700;} h5 { font-size: 20px; line-height: 26px; color: #696969; font-weight: 500;} h6 { font-size:18px; line-height:24px; color:#ed1c24; font-weight:700; } p, ul, ol { font-size: 18px; line-height: 26px; margin:0 0 15px 0; color: #696969;} body.overflow-y { overflow: hidden;} section { padding: 120px 0; } .container-fluid { max-width: 1523px;} .container-sm {max-width: 1204px;} /* GLOBAL STYLES */ .btn{ display: inline-flex; align-items: center; justify-content: center;gap: 5px; padding: 16px 20px; font-size: 18px; font-weight: 700; color: #ffffff; line-height: 18px;background-color: #ee5821;border: 2px solid transparent; border-radius: 40px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .btn:hover, .btn:focus { background-color: transparent; color: #ee5821; border: 2px solid #ee5821; transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;} .btn:hover .ri-arrow-right-up-line:before{ background-color: transparent; color: #ee5821;} .arrow {padding-right: 5px; gap: 15px; display: inline-flex; transition: all ease-in-out 0.3s;} .arrow .ri-arrow-right-up-line:before{ background-color: #fff; color: #ee5821; border-radius: 50%; padding: 6px; transition: all ease-in-out 0.3s;} .arrow:hover .ri-arrow-right-up-line:before{ background-color: #ee5821; color: #fff; } figure{margin-bottom: 0px; overflow: hidden;} .ri-arrow-right-up-line{font-size: 30px; font-weight: 100; } .fa-check-circle{color: #ee5821; font-size: 18px; margin-right: 15px;} .hero{margin-bottom: 15px; text-align: center; } .hero p{ font-size: 20px; line-height: 26px; color: #696969; font-weight: 500;} /* HEADER */ header {position: fixed; top: 0; z-index: 4; width: 100%;} header::before { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100% ); height: 100px; z-index: -1;} header .mobile-toggle {display: none;} header .header-nav .nav li a { position: relative; margin:0px 25px; font-weight: 400;} header .header-nav .nav li .dropdown-toggle{ display: inline-flex; align-items: center; justify-content: center; gap: 3px;} header .header-nav{display: flex; justify-content: space-between;align-items: center; padding: 18px 0px;} header .nav li{padding: 0px;} header .dropdown-toggle::after { display: none;} header .header-nav .dropdown-menu a {margin: 0px !important; color: #000; } header .dropdown-menu.show { top: 56px; left: 0px; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #ffffff;} header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:active { background-color:#ffffff !important; } header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover { background: transparent !important; color:#ee5821; } header.scrolled {background: #ffffff;box-shadow: 0 5px 20px rgba(0,0,0,0.08);} header.scrolled .nav a { color: #000000;} header.scrolled::before {opacity: 0;} header .fa-chevron-down {font-size: 11px; transition: transform 0.3s ease;} header .dropdown { position: relative;} header .dropdown::after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 31px;} header .dropdown-menu { margin-top: 31px; border: none; background-color: #ffffff;} /* MOBILE NAV OVERLAY */ .nav-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1;} .nav-overlay.active { opacity: 1; visibility: visible;} /* BANNER */ .banner {background-repeat: no-repeat; background-size: cover; height: 100vh; position: relative; display: flex; justify-content: center; align-items: center;} .banner .banner-content{ max-width: 1198px; margin: 0 auto; text-align: center;} .banner .banner-content h5{color: #fff; max-width: 1000px; margin: 0 auto; padding-bottom: 18px;} .banner .banner-content .btn{display: inline-flex;} /* SERVICES */ .services { background-color: #ffffff;} .services .hero{margin-bottom: 30px;} .services h3{max-width: 350px; text-align: left; transition: all ease-in-out 0.3s; margin-bottom: 0px;} .services .col-lg-6 >div div{display: flex;justify-content: space-between; align-items: center; border-bottom: 2px solid #e6e7e8; padding-top: 18px; padding-bottom: 15px;} .services .row {margin-top: 21px; margin-bottom: 35px;} .services .row .col-lg-6 >div .ri-arrow-right-up-line:before { color: #fff; background: #ee5821; border-radius: 50%; padding: 11px; transition: transform all ease-in-out 0.3s;} .services p{margin-top: 15px; margin-bottom: 20px; transition: all ease-in-out 0.3s;} .services figure{height: 200px; border-radius: 40px;} .services figure img{height: 100%; width: 100%; object-fit: cover; object-position: center center; transition: all ease-in-out 0.3s;} .services .row .col-lg-6 >div{background: #f7f8fd; border-radius: 40px; vertical-align: top; padding: 20px; position: relative; transition: all ease-in-out 0.3s; cursor: pointer;} .services .row .col-lg-6 >div a{position: absolute; height: 100%; width: 100%; right: 0; top: 0; z-index: 1;} .services .row .col-lg-6 >div:hover{background-color: #ee5821;} .services .row .col-lg-6 >div:hover div h3{color: #ffffff; } .services .row .col-lg-6 >div:hover p{color: #ffffff;} .services .row .col-lg-6 >div:hover .ri-arrow-right-up-line:before {color: #ee5821; background: #ffffff;} .services .row .col-lg-6 >div:hover figure img{transform: scale(1.1);} .services .row{ gap:30px 0px;} /* ABOUT */ .about {background-color: #f7f8fd;} .about h4{color:#696969; font-weight: 600;} .about p{ line-height:26px; padding-right: 87px;} .about h2+p{margin-bottom: 36px;} .about .btn{margin-top: 18px;} .about .hero{text-align: left;} /* MODULES */ .modules {text-align: center; background-color: #ffffff;} .modules .testimonial-carousel { margin-top: 25px; max-width:1110px; margin: 0 auto; } .modules .testimonial-carousel .item{background-color: #f7f8fd; border-radius: 40px; padding: 13px;} .modules .testimonial-carousel .item figure{height: 270px; border-radius: 40px; } .modules .testimonial-carousel .item figure img{width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform 0.4s ease;} .modules .testimonial-carousel .item h4{padding: 30px 0px 14px;} .modules .testimonial-carousel .item:hover figure img {transform: scale(1.1);} .modules .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #c9cacc; width: 50px;} .modules .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 38px;} /* RESULTS */ .results {background-color: #f7f8fd; text-align: center; display: none; } .results .testimonial-carousel .owl-carousel{max-width: 1200px; width: 100%; margin: 42px auto 0;} .results .testimonial-carousel .item{display: flex; flex-wrap: wrap;} .results .testimonial-carousel .item figure{width: 55%} .results .testimonial-carousel .item .item-content{width: 45%} .results .testimonial-carousel .item figure{height: 398px; border-radius: 30px; align-self: center;} .results .testimonial-carousel .item figure img{height: 100%; width: 100%; object-fit: cover;} .results .testimonial-carousel .item .item-content{text-align: left; align-self: center; padding-left: 60px;} .results .testimonial-carousel .item h3{font-size: 32px;} .results .testimonial-carousel .item p{font-size: 16px;} .results .testimonial-carousel .item .item-content > p{border-bottom: 2px solid #c9cacc; padding-bottom: 15px; margin: 15px 0px;} .results .item-content > div{display: flex; justify-content: space-between;} .results .btn{margin-top: 10px;} .results .testimonial-carousel .owl-carousel { max-width: 1200px; margin: 40px auto 0;} .results .owl-stage { display: flex; justify-content: center;} .results .owl-item { display: flex; justify-content: center;} .results .testimonial-carousel .item { width: 1200px;} .results .owl-nav { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none;} .results .owl-nav button { pointer-events: all; width: 69px; height: 69px; border-radius: 50% !important; background: transparent; !important; border: 3px solid #e5e6e9 !important; display: flex !important; align-items: center; justify-content: center; transition: all 0.3s ease;} .results .owl-nav button i { font-size: 28px; color: #acadb1;} .results .owl-theme .owl-nav [class*='owl-']:hover {background: transparent;} .results .testimonial-carousel { position: relative;} .results .owl-carousel .owl-nav button.owl-next{ margin-right:-140px; } .results .owl-carousel .owl-nav button.owl-prev{ margin-left:-140px; } /* BLOGS */ .blogs { background-color: #f7f7f7;text-align: center; background: #ffffff; } .blogs .hero{ max-width:1028px; margin: 0 auto;} .blogs .container-fluid > h5{max-width: 1024px; margin: auto;} .blogs .all-blogs div h5{color: #000; font-weight: 700; padding-top:24px; } .blogs .all-blogs div img{width: 100%;height:100%;object-fit: cover;} .blogs .all-blogs .col-lg-6 figure{height: 347px;overflow: hidden;border-radius: 30px;} .blogs .all-blogs .row {gap: 26px 0px;} .blogs ul{display: flex;justify-content: center;} .blogs ul li{padding: 0px 20px;color: #696969;position: relative;} .blogs ul li:after{content: ""; position: absolute; width: 2px; right: -2px; top: 4px; background-color: #696969;height: 16px;} .blogs ul li:last-child{ padding-right: 0px;} .blogs ul li:last-child:after{content: none;} .blogs ul li:first-child{padding-left: 0;} .blogs .all-blogs{ padding-top: 14px; padding-bottom: 35px;} .blogs .all-blogs .col-lg-6 > div{ position: relative; } .blogs .all-blogs .col-lg-6 > div figure { position: relative; margin: 0;} .blogs .all-blogs .col-lg-6 > div figure img { width: 100%; display: block; transition: transform 0.4s ease;} .blogs .all-blogs .col-lg-6 > div figure::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; z-index: 1;} .blogs .all-blogs .col-lg-6 > div .ri-arrow-right-up-line { position: absolute; top: 21px; right: 15px; opacity: 0; z-index: 2; transition: all 0.3s ease;} .blogs .all-blogs .col-lg-6 > div .ri-arrow-right-up-line:before { content: "\ea70"; color: #fff; background: #ee5821; border-radius: 50%; padding: 11px; transition: all ease-in-out 0.3s;} .blogs .all-blogs .col-lg-6 > div:hover figure::after {opacity: 1;} .blogs .all-blogs .col-lg-6 > div:hover .ri-arrow-right-up-line { opacity: 1;} .blogs .all-blogs .col-lg-6 > div:hover figure img{transform: scale(1.1);} .blogs .col-lg-6 > div > a{position: absolute; height: 100%; width: 100%; right: 0; top: 0; z-index: 3;} /* FAQ */ .faq {background-color: #f7f8fd; text-align: center;} .faq .faq-content{max-width: 1020px; margin: 0 auto;} .faq .accordion{padding: 15px 0px 30px; text-align: left;} .faq .accordion-item{border-bottom: 2px solid #cccdd0 !important;} .faq .accordion-button {background: #f7f8fd; font-size: 22px; font-weight: 600; padding-right: 0; padding-left: 0;} .faq .accordion-body {background: #f7f8fd; font-size: 16px; line-height: 26px; padding-left: 0; padding-top: 0;} .faq .accordion-button:not(.collapsed){background-color: #f7f8fd; } .faq .accordion-button:focus {box-shadow: none;} .faq .accordion-button:not(.collapsed) {color: #000;} .faq .accordion-button::after { display: none !important;} .faq .accordion-button .fa-angle-down { transition: transform 0.3s ease; font-size: 20px; font-weight: 700; margin-right:15px;} .faq .accordion-button:not(.collapsed) .fa-angle-down { transform: rotate(180deg);} /* FOOTER */ footer {background-repeat: no-repeat; background-size: cover; background-position: bottom;} footer .footer-logo{display: flex; flex-direction: column;justify-content: center; max-width: 300px;} footer .footer-logo > a{max-width: 178px;} footer .footer-logo a img{width: 100%;display: block;} footer .footer-logo p{color: #ffffff; margin-top: 18px;font-size: 16px; line-height: 21px; max-width: 210px;} footer .nav-link{padding-top: 70px;} footer .nav-link h6{color: #ee5323; margin: 0px 0px; position: relative;padding-bottom: 6px; line-height: 25px; letter-spacing: 0.4px;font-weight: 700;} footer .nav-link h6:after{content: "";position: absolute;display: block;bottom: -4px;width: 46px;height: 3px;background-color: #ee5323;} footer .nav-link ul{ margin-top: 10px;} footer .copyright ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} footer .copyright ul li a{ font-weight: 400; font-size: 16px; line-height: 25px; letter-spacing: 0.2px;} footer .copyright ul li{position: relative; margin: 0px 15px;} footer .copyright ul li:after{content: ""; position: absolute; width: 1px; right: -16px; top: 6px; background-color: #fff;height: 16px;} footer .copyright ul li:last-child{ margin-right: 0px;} footer .copyright ul li:last-child:after{content: none;} footer .copyright ul li:first-child {margin-left: 0px;} footer .social-media ul i{font-size: 20px; padding-right:13px; width: 30px;} footer .nav-link .contact{margin-top: 20px;} footer .copyright a { font-weight:400; font-size: 16px; text-align: center;} footer .copyright{display: flex;flex-direction: row; justify-content: space-between; align-items: center;padding: 15px 0px;border-top:2px solid #ee5323; margin-top: 18px;} footer .nav-link li a { display: flex; align-items: center; font-size:16px; padding-right: 0px; font-weight: 400;line-height: 28px; } footer .social-media ul{display: flex; flex-direction: column;} footer .service-list{ column-count:2;} footer .service-list li:nth-child(8){ break-before: column;} footer .mail-box { position: relative; height: 38px; width: 100%; margin-top: 20px;} footer .mail-box .form-control {height: 100%;border-radius: 30px;font-size: 16px;} footer button { position: absolute; top: 0; right: 0; height: 100%; z-index: 5; border: none; background-color: #ee5821; border-radius: 50%; height: 38px; width: 38px; padding-right: 8px; padding-top: 2px;} footer button .fa{font-size: 15px; color: #ffffff} footer .nav-link .follow {margin-top: 25px;} /* ABOUTPAGE-BANNER */ .aboutpage-banner{height: 500px;} .aboutpage-banner h2{color: #ffffff;} .aboutpage-banner .banner-content h5{max-width: 800px;} .aboutpage-banner{align-items: initial; padding-top: 200px;} /* ABOUT-RXR */ .about-rxr {padding-bottom: 195px;} .about-rxr .about-content p{ margin-bottom:30px; } .about-rxr ul{ column-count: 2; } .about-rxr ul li{ line-height: 26px; font-size: 18px; color: #696969; padding-bottom: 15px; display: flex; align-items: center;} .about-rxr .about-content{padding-left: 97px;} .about-rxr .images-cotainer{position: relative;} .about-rxr .images-cotainer figure{max-width: 560px; max-height: 610px; border-radius: 30px; margin: 0 auto; } .about-rxr .images-cotainer figure:hover img{transform: scale(1.05);} .about-rxr .images-cotainer figure img{height: 100%; width: 100%; object-fit: cover; transition: all ease-in-out 0.5s;} .about-rxr .images-cotainer > img{position: absolute; right: -40px; bottom: -70px;} .about-rxr .images-cotainer div {position: absolute; top: 50px; left: 33px; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 18px; background: #ee5821; color: #ffffff; border-radius: 35px; z-index: 1;} .about-rxr .images-cotainer div h3{color: #ffffff; max-width: 100px; margin-bottom: 0;} /* WHO-WE-ARE */ .who-we-are{ background: #f7f8fd; text-align: center;} .who-we-are .hero p{max-width: 990px; margin: 0 auto;} .who-we-are ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding-top: 26px;} .who-we-are ul li{background: #ffffff; border-radius: 30px; padding: 45px; tr} .who-we-are ul li h3{margin: 28px 0px;} .who-we-are li img { transition: all ease-in-out 0.5s; } .who-we-are li:hover img {transform: rotateY(180deg);} /* SOLUTIONS */ .solutions .hero {margin-bottom: 30px;} .solutions .hero p{max-width: 983px; margin: 0 auto;} .solutions .solutions-content{display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px;} .solutions ul{ display: flex;flex-direction: column; gap: 50px; padding-right: 54px;} .solutions .solutions-content > img{} .solutions ul h5{text-align: left; font-weight: 700;} .solutions ul li{display: flex; align-items: flex-start;} .solutions ul li img{padding: 0px 30px;} /* CONTACT-FORM */ .contact-form {background-repeat: no-repeat; background-size: cover; background-position: center;} .contact-form .contact-form-container{display: flex; flex-wrap: wrap; align-items: center; gap: 20px;} .contact-form .contact-form-content h3{ color:#ffffff; padding-top: 16px;} .contact-form .contact-form-content h2{position: relative;} .contact-form .contact-form-content h2:before{content: ""; height: 5px; max-width: 360px; width: 100%; background-color: #ffffff; position: absolute; bottom: -12px;} .contact-form .contact-form-content h6{color: #ffffff; font-weight: 400; padding-right: 125px;} .contact-form .contact-form-content ul{padding-top: 10px;} .contact-form .contact-form-content ul li{color: #ffffff; font-size: 18px; line-height: 34px; display: flex; align-items: center;} .contact-form form {background-color: #ffffff; border-radius: 30px; padding: 60px 42px 58px; text-align: center; } .contact-form form input{width: 100%; border-radius: 10px; padding: 15px 10px; border: 1px solid #696969;} .contact-form form ul{display: flex;flex-wrap: wrap; gap: 18px 10px; margin-top: 20px;} .contact-form form ul li{width: calc(50% - 5px);} .contact-form form textarea{width: 100%; border-radius: 10px; padding: 20px 10px; border: 1px solid #696969; margin-top: 18px; margin-bottom: 16px;} .contact-form form h3{font-size: 32px; font-weight: 700; padding: 0px 50px;} /* BLOGS-CONTAINER */ .blogs-container{ overflow-x: hidden; } .blogs-container figure{position: relative;} .blogs-container .btn {min-width: 187px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 0px; z-index: 2; opacity: 0;} .blogs-container .col-xl-4 >div:hover .btn { opacity: 1;} .blogs-container .all-blogs {margin-bottom: 45px; padding-top: 0px;} .blogs-container ul li{ padding: 0px; position: relative;} .blogs-container ul li:after { background-color:transparent; } .blogs-container .pagination .page-item { margin: 0px 14px;} .blogs-container .pagination .page-link ,.blogs-container .pagination .page-numbers{ color: #000; font-weight: 700; padding: 0px 9px; margin: 0 10px; border: none; border-radius: 0px; line-height:24px; } .blogs-container .pagination .page-numbers.current, .blogs-container .pagination .page-numbers:hover { background-color: #f8f8f8; border-bottom: 1px solid #000;} /* BLOG-DETAIL */ .blog-detail { padding-bottom:0px; } .blog-detail .blog-detail-info{ padding-right: 74px;} .blog-detail .categories { padding-left: 26px; } .blog-detail .blog-detail-info figure {height: 570px; border-radius: 40px;} .blog-detail .blog-detail-info figure img{ width:100%; height:100%; object-fit:cover; } .blog-detail .blog-detail-info > ul{display: flex; margin: 20px 0px 15px; position: relative;} .blog-detail .blog-detail-info > ul:after {content: ""; position: absolute; height:1px; width:90%; bottom: -12px; background-color:#000; } .blog-detail .blog-detail-info > ul li{padding: 0px 20px;color: #696969;position: relative;} .blog-detail .blog-detail-info > ul li:after{content: ""; position: absolute; width: 2px; right: -2px; top: 4px; background-color: #696969;height: 16px;} .blog-detail .blog-detail-info > ul li:last-child{ padding-right: 0px;} .blog-detail .blog-detail-info > ul li:last-child:after{content: none;} .blog-detail .blog-detail-info > ul li:first-child{ padding-left:0; } .blog-detail .blog-detail-info h5{ font-weight:700; color:#000; margin-bottom: 0; padding: 20px 0px;} .blog-detail .blog-detail-info p+div{ display:flex; align-items: center; gap: 25px; margin-top: 70px; } .blog-detail .blog-detail-info p+div ul { display:flex; align-items: center; gap: 5px;} .blog-detail .fa-facebook:before{ padding:10px 12px; background: #3a5999; color: white; border-radius: 50%;} .blog-detail .fa-twitter:before{ padding:10px; background: #1da1f2; color: white; border-radius: 50%;} .blog-detail .fa-pinterest:before{ padding:10px; background: #cb2027; color: white; border-radius: 50%;} .blog-detail .fa-whatsapp:before{ padding:10px; background: #28eb76; color: white; border-radius: 50%;} .blog-detail .fa-reddit-alien:before{ padding:10px; background: #fc4220; color: white; border-radius: 50%;} .blog-detail .fa-envelope:before{ padding:10px; background: #2c3543; color: white; border-radius: 50%;} .blog-detail .categories >div{ position: relative;} .blog-detail .categories >div input { width: 100%; height: 100%; padding: 9px; padding-left: 13px;} .blog-detail .categories >div button { position: absolute; height: 100%; right: 0; top: 0; border: none; background-color: transparent; padding-right: 10px;} .blog-detail .categories >div button .fa { color:#696969; font-weight:700; font-size: 15px;} .blog-detail .categories h4{ color: #ee5821; margin-top: 60px; position: relative; margin-bottom: 25px;} .blog-detail .categories h4:before { content: ''; position:absolute; bottom:-10px; height:1px; width:130px; background-color:#000; } .blog-detail .categories figure{ width:35%; height:72px; border-radius:10px; } .blog-detail .categories figure img {width:100%; height:100%; object-fit:cover; } .blog-detail .categories >ul div{width: 65%; } .blog-detail .categories ul li{ display:flex; gap:15px; align-items:center; padding-bottom: 26px; position: relative;} .blog-detail .categories ul li:last-child {padding-bottom: 0;} .blog-detail .categories ul li h6 a{ font-size:16px; color:#000; font-weight:700; line-height: 20px;} .blog-detail .categories ul li h6 { margin-bottom:0; line-height: 20px; } .blog-detail .categories ul li p{font-size: 14px; margin-bottom: 0px;} .blog-detail .categories .categories-list li{ padding-bottom: 10px; display:flex; justify-content:space-between; } .blog-detail .categories .categories-list li p{font-size: 16px; color: #000;} .blog-detail .categories .categories-list li:last-child{padding-bottom: 0px;} /* SERVICE-BANNER */ /*.service-banner {height: 515px; padding-top: 225px;} .service-banner .banner-content { max-width:845px; } */ /* ABOUT-SERVICES */ .about-services h4 {color: #696969; font-weight: 600;} .about-services .col-lg-6 > p {margin-bottom: 30px;} .about-services figure img{ transition:all ease-in-out 0.5s; } .about-services figure:hover img { transform: scale(1.03);} /* BENEFITS */ .benefits{background-color: #f7f8fd;} .benefits h4{ color:#696969; transition: all ease-in-out 0.2s;} .benefits ul{ display:grid; grid-template-columns:repeat(3, 1fr); overflow: hidden; } .benefits ul li{padding: 0 29px 50px 29px; transition: all ease-in-out 0.4s; text-align: center; border: 1px solid #dbdbdf; margin-left: -1px; margin-top: -1px; border-bottom: none; border-right: none;} .benefits ul li img{width: 100px; padding: 60px 0px 50px;} .benefits ul li:hover{background-color: #f6e8e7;} .benefits ul li:hover h4 { color:#000; } .benefits ul li:nth-child(1):hover{ border-radius:40px 40px 0 40px;} .benefits ul li:nth-child(2):hover{ border-radius:40px 40px 0px 0px;} .benefits ul li:nth-child(3):hover{ border-radius:40px 40px 40px 0;} .benefits ul li:nth-child(4):hover{ border-radius:40px 0 40px 40px;} .benefits ul li:nth-child(5):hover{ border-radius:0px 0px 40px 40px;} .benefits ul li:nth-child(6):hover{ border-radius:0 40px 40px 40px;} /* YARDI-DEVELOPMENT */ .yardi-development {padding-bottom: 0;} .yardi-development .hero{max-width: 1084px; margin: 0 auto;} .yardi-development .hero p{ margin-bottom:50px; } .yardi-development .custom-development {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .yardi-development .custom-development > div{ width:50%; } .yardi-development .custom-development .image-container {background-color: #f7f8fd; transition: all ease-in-out 0.5s;} .yardi-development .custom-development-container .custom-development:nth-child(odd) > div figure{ margin:50px 0 50px 80px; float: left; margin-right: 12px; } .yardi-development .custom-development .image-container figure{background-color: #ffffff; margin:50px 80px 50px 0; float:right; border-radius:40px; height:490px; display:inline-flex; justify-content: center;align-items: center; transition: all ease-in-out 0.5s; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1)} .yardi-development .custom-development-container .custom-development:nth-child(odd) .custom-development-content > div{ margin-right:90px;max-width: 660px; margin-left: auto; padding-left: 12px;} .yardi-development .custom-development .custom-development-content > div{ margin-left:90px;max-width: 660px; margin-right: auto;} .yardi-development .custom-development .custom-development-content div h6{color: #696969;} .yardi-development .custom-development .custom-development-content div ol {padding-left:20px; margin-bottom: 15px;} .yardi-development .custom-development .custom-development-content div ol li{ list-style-type:disc; color:#696969; font-size:18px; padding-bottom: 5px;} .yardi-development .custom-development .image-container:hover {background-color: #fdeee8; } .yardi-development .custom-development .image-container:hover figure{transform: scale(1.04); cursor: pointer;} .yardi-development .custom-development-container .custom-development:nth-child(even) > div figure{ margin-left: 12px; } .yardi-development .custom-development-container .custom-development:nth-child(even) .custom-development-content > div{ padding-right: 12px;} /* CONSULTATION */ .consultation {background-repeat: no-repeat; background-size: cover; background-position: center center;} .consultation .hero{ max-width:960px; margin:0 auto; } .consultation .hero h2, .consultation .hero p{color: #ffffff;} /* SERVICEPAGE-FAQ */ .servicepage-faq{ background-color:#ffffff; } .servicepage-faq .accordion { padding: 10px 0px 66px;} .servicepage-faq .accordion-button { background: #ffffff;} .servicepage-faq .accordion-button:not(.collapsed) { background-color: #ffffff;} .servicepage-faq .accordion-body { background: #ffffff;} /* CONTACTPAGE-BANNER */ .contactpage-banner .banner-content{max-width: 720px; margin: 0 auto;} /* CONTACT-US */ .contact-us .form {background-color: #f7f8fd; border-radius: 30px; padding: 60px 42px 58px; text-align: center; } .contact-us .form { text-align:center; } .contact-us .form input[type=text]{background-color: #f7f8fd; width: 100%; border-radius: 10px; padding: 15px 10px; border: 1px solid #696969;} .contact-us .form ul{display: flex;flex-wrap: wrap; gap: 18px 10px; margin-top: 20px;} .contact-us .form ul li{width: calc(50% - 5px);} .contact-us .form textarea{ background-color: #f7f8fd; width: 100%; border-radius: 10px; padding: 20px 10px; border: 1px solid #696969; margin-top: 18px; margin-bottom: 16px; max-height: 110px; } .contact-us form h3{font-size: 32px; font-weight: 700;} .contact-us .contact-us-content {padding-right: 52px;} .contact-us .contact-us-content ul li a i{ color: #ee5821; font-size: 22px;} .contact-us .contact-us-content ul li a{display: inline-flex; gap: 26px;} .contact-us .contact-us-content h6 { line-height: 13px; color: #696969;} .contact-us .contact-us-content ul li { margin-bottom:15px; } .contact-us .contact-us-content > p{ margin-bottom:30px; } .contact-us .contact-us-content .social-media {padding-left: 46px;} .contact-us .contact-us-content .social-media ul {display: flex; gap: 25px;} .contact-us .contact-us-content .social-media i { color:#696969; font-size:18px; } /* MAP */ .map { padding:0px; } .map iframe{ width:100%; height:490px; } /*updated code*/ .blog-form { position: relative; } .blog-form input[type="text" i] { width: 100%; padding: 9px 9px 9px 13px ; } .blog-form button { position: absolute; right: 5px; top: 8px; border: none; background: none; } .blog-detail .categories .categories-list li a { font-size: 16px; font-weight:400; color: #000; } .blogs .all-blogs div h5 a { color: #000; font-size: 22px; font-weight: 700; padding-top: 24px; } .heateor_sss_horizontal_sharing { display: flex; align-items: center; font-size: 20px; color: #000; padding: 13px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000;} .heateor_sss_horizontal_sharing .heateor_sss_sharing_title { padding-right: 10px; } .yardi-development .custom-development-container .custom-development:nth-child(even) {flex-direction: row-reverse;} .yardi-development .custom-development .image-container figure { margin: 50px 80px 50px 0; } .map p { margin-bottom: 0; } .wpcf7-submit.btn.arrow { padding: 15px 25px; } .wpcf7-not-valid-tip { position: absolute; font-size: 12px; } .single-case_study .blog-detail-info ol { padding-left: 15px; } .single-case_study .blog-detail-info ol li, .single-case_study .blog-detail-info ul li { padding-bottom: 10px; list-style: decimal; color: #696969; font-size: 18px; } .single-case_study .blog-detail-info figure { margin-bottom: 25px; } .single-case_study .blog-detail-info table { margin-bottom: 25px; } .single-case_study .blog-detail-info table td { padding: 10px 15px; color: #696969; font-size: 18px; } .single-case_study .blog-detail-info p+div { margin-top: 25px; } .single-case_study .blog-detail-info h2 { margin-bottom:15px; font-size: 32px; line-height: 42px; } .single-case_study .blog-detail-info h2, .single-case_study .blog-detail-info h3 .single-case_study .blog-detail-info h4 { margin-top: 20px; margin-bottom:15px; } .single-case_study .blog-detail .blog-detail-info > ul{ display: block; padding-left: 15px; } .single-case_study .blog-detail .blog-detail-info ul:after, .single-case_study .blog-detail .blog-detail-info ul li:after { content: none !important; } .single-case_study .blog-detail .blog-detail-info ul li { list-style: disc; padding: 0 0 10px 0; } .single-case_study .blog-detail table ul { margin-left: 10px; } .single-case_study .blog-detail .blog-detail-info img { margin: 20px 0; } .single-case_study .blog-detail .blog-detail-info figure img { margin: 0px; } .single-case_study .blog-detail .blog-detail-info { padding-right: 0; } .single-case_study .blog-detail .blog-detail-info h4 { font-size: 20px; }