:root { --primary-color: #e1c195; --secondary-color: #fff3ad; --primary-background-color: white; --black: black } @font-face { font-family: "Montserrat"; src: url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"); } @font-face { font-family: "Dancing Script"; src: url("https://fonts.googleapis.com/css2?family=Dancingwght@100;200;300;400;500;600;700;800;900&display=swap"); } * { margin: 0; padding: 0; box-sizing: border-box; } ::-webkit-scrollbar { display: none; } ::selection { background: var(--primary-color); color: #000000; text-shadow: none; } body { background-color: var(--primary-background-color); color: var(--primary-color); font-family: 'Montserrat', sans-serif; overflow-x: hidden; } ul { list-style: none; } a { text-decoration: none; color: var(--black); } dl, ol, ul, p { margin-top: 0; margin-bottom: 0; } h1 { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } #header { padding: 5px 0px; box-shadow: 0 0 10px 0 var(--primary-color); background-color: var(--primary-color); color: var(--primary-background-color); position: sticky; top: 0; z-index: 2; } .nav-logo img { max-width: 100%; height: 80px; mix-blend-mode: multiply; } .nav-logo a { font-family: 'Dancing Script', sans-serif; font-size: 40px; font-style: italic; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .nav-menu { display: flex; margin: 10px; font-weight: bold; color: var(--primary-background-color); } .nav-menu ul li { margin-right: 30px; } .nav-menu ul li.active { text-decoration: underline; text-underline-offset: 7px; color: var(--black); } .active-nav nav { transform: translate3d(0, 0, 0); } .nav-btn i { font-size: 30px; color: var(--black); } .slider-nav { background: var(--primary-background-color); opacity: 1; top: 0; position: fixed; z-index: 1000; bottom: 0; width: 300px; transform: translate3d(300px, 0, 0); transition: transform 0.3s ease-in-out; right: 0; border-left: 2px solid var(--primary-color); } .slider-ul li { padding: 10px 20px; border-top: 1px solid var(--primary-color); } .slider-ul li a { color: var(--primary-color); font-size: 15px; font-weight: 700; font-stretch: ultra-expanded; transition: 0.3s all ease; padding: 0; } .cross-btn { padding: 8px; margin-bottom: 20px; } .cross-btn i { color: var(--primary-color); background: var(--primary-color); width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--primary-background-color); transition: all 0.1s ease-in-out; } .cross-btn i:hover, .cross-btn i:focus { color: var(--primary-color); background: var(--primary-background-color); outline: 2px solid var(--primary-color); } .banner-content { background-repeat: no-repeat; background-position: cover; color: var(--primary-color); padding: 80px; height: 86vh; display: flex; align-items: center; overflow: hidden; position: relative; } .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0.5; } .banner-content h1 { flex-wrap: nowrap; font-size: 72px; line-height: 100px; font-weight: 700; margin-bottom: 10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .banner-content .row p { font-size: 15px; font-weight: 500; line-height: 1.85; margin-bottom: 20px; color: var(--black); text-shadow: 0 0 10px var(--primary-color); } .banner-content .book-btn { font-weight: 500; border: rgb(208, 177, 0); background: linear-gradient(45deg, var(--secondary-color), var(--primary-color)); padding: 10px 15px; border-radius: 10px; margin-top: 20px; font-weight: 700; outline: var(--primary-color) solid 2px; transition: all 0.3s ease-out; } .banner-content .book-btn:hover { box-shadow: 0 0 10px 0 var(--black); background: transparent; color: var(--black); } @keyframes zoomEffect { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } } .contact-button-box { position: fixed; z-index: 2; bottom: 30px; right: 70px; animation: zoomEffect 1.5s infinite ease-in-out; } .contact-button-box:hover { cursor: pointer; .call-text{ box-shadow: 0 0 10px 0 var(--black); } } .button-content { display: flex; } .icon-container { display: flex; justify-content: space-between; align-items: center; } .contact-icon-container img { font-size: 35px; margin-left: 5px; color: #49bf00; height: 110%; -ms-flex-item-align: center; } .icon-container .call-text { display: flex; align-items: center; background: #49bf00; border-radius: 10px 10px 0px 10px; padding: 8px 10px; box-shadow: 0 0 5px 0 var(--black); } .icon-container .call-text p { font-size: 18px; font-weight: bold; color: white; } .banner-video { width: 400px; opacity: 0.5; } .banner-video video { width: 100%; } #book-sec-h-1 { display: block; } #book-sec-h-2 { display: none; } .achievement-sec { padding: 20px; background-color: var(--primary-color); color: var(--black); } .achievement-sec img { height: 50px; } .achievement-sec p { font-size: 15px; font-weight: 500; margin-top: 10px; } .book-sec { padding: 50px 0px; } .book-sec h1 { font-size: 50px; font-weight: 700; } .book-sec p { font-size: 20px; font-weight: 500; margin: 30px 0; } .book-box .book-btn { position: relative; font-weight: 500; border: rgb(208, 177, 0); background: linear-gradient(45deg, var(--secondary-color), var(--primary-color)); padding: 15px 15px; border-radius: 10px; font-weight: 700; outline: var(--primary-color) solid 2px; transition: all 0.2s ease-in-out; } .book-sec .book-btn:hover { box-shadow: 0 0 10px 0 var(--black); background: transparent; color: var(--black); } .book-sec img { height: 450px; } .about-section { padding: 50px 0px; display: flex; flex-wrap: wrap; } .about-subtitle { font-size: 15px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; position: relative; display: inline-block; text-transform: uppercase; } .about-subtitle:before, .about-subtitle:after { content: ""; display: block; height: 2px; background: var(--primary-color); position: absolute; top: 50%; width: 40px; } .about-subtitle:before { left: -50px; } .about-subtitle:after { right: -50px; } .about-img-1, .about-img-2 { height: 750px; } .about-img-1 img, .about-img-2 img { height: 100%; } .about-title { font-size: 30px; font-weight: bold; margin-bottom: 20px; width: 80%; text-align: center; } .about-text { font-size: 18px; background: var(--primary-color, 0.5); box-shadow: 0 0 10px 0 var(--black); padding: 30px; margin: 40px; border-radius: 20px; color: var(--primary-background-color); font-weight: 500; } .services-sec .section-title { margin-bottom: 50px; } .services-sec .section-title h1 { font-size: 60px; font-weight: 700; margin-top: 30px; margin-bottom: 10px; } .services-sec .section-title p { font-size: 18px; font-weight: 500; } .services-sec .card { border: none; transition: all 0.2s ease-in; margin-bottom: 100px; } .services-sec .card:hover { cursor: pointer; transform: scale(1.005); .card-img-top { box-shadow: 0 0 5px 0 var(--black); } } .services-sec .card-img-top { height: 250px; object-fit: cover; border-radius: 10px; } .services-sec .card-body { background-color: rgba(252, 207, 145, 0.662); position: absolute; top: 190px; right: 40px; width: 80%; border-radius: 20px; } .services-sec .card-body .card-title { font-size: 35px; font-weight: 900; font-family: 'Dancing Script', sans-serif; color: var(--black); } .services-sec .card-body .card-text { font-size: 14px; font-weight: 500; color: var(--black); } .both-services { margin: 130px 0px; } .both-services .both-box h1 { font-size: 50px; font-weight: 700; margin-top: 40px; margin-bottom: 10px; } .both-services .both-box p { font-size: 18px; font-weight: 500; margin-bottom: 50px; text-transform: capitalize; } .both-services .card { border: none; position: relative; transition: all 0.2s ease-in-out; background: transparent; } .both-services .card-img-top { height: 400px; object-fit: cover; border-radius: 20px; } .both-services .card-body { width: 80%; position: absolute; top: 350px; right: 50px; background-color: rgba(238, 198, 150, 0.9); border-radius: 20px; transition: all 0.3s ease-in-out; } .both-services .card:hover { cursor: pointer; transform: scale(1.02); } .both-services .card-body .card-title { font-size: 40px; font-weight: 800; font-family: 'Dancing Script', sans-serif; color: var(--black); } .both-services .card-body .card-text { color: var(--black); font-size: 14px; font-weight: 500; } .testimonial-sec { margin: 200px 0px; } .testimonial-sec h1 { font-size: 50px; font-weight: 700; margin-top: 40px; margin-bottom: 10px; } .testimonial-sec p { font-size: 15px; font-weight: 500; margin-bottom: 50px; text-transform: capitalize; } .swiper-container { width: 100%; height: auto; margin: 0 auto; padding: 40px 0; position: relative; overflow: hidden; } .swiper-slide { display: flex; justify-content: center; align-items: center; background: transparent; opacity: 0.5; transform: scale(0.8); transition: all 0.3s ease-in-out; } .swiper-slide-active { opacity: 1; transform: scale(1); } .testimonial-box { background-color: var(--primary-color); border-radius: 10px; padding: 30px; padding-bottom: 0px; text-align: center; width: 100%; max-width: 400px; height: 50vh; overflow: hidden; } .testimonial-box img { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 20px; } .testimonial-box h3 { font-size: 25px; font-weight: 600; margin-bottom: 20px; color: var(--primary-background-color); } .testimonial-box p { font-size: 16px; color: #555; line-height: 1.5; font-style: italic; overflow: hidden; } .swiper-pagination { text-align: center; margin-top: 100px; } .swiper-pagination-bullet { background-color: #555; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px; opacity: 1; } .swiper-pagination-bullet-active { background-color: var(--primary-color); } .gallery-sec { margin-bottom: 50px; } .gallery-sec h1 { font-size: 60px; font-weight: 700; margin-top: 30px; margin-bottom: 10px; } .gallery-sec .card { border: none; transition: all 0.2s ease-in; } .gallery-sec .card:hover { box-shadow: 0 0 10px 0 #463c2f; cursor: pointer; transform: scale(1.02); } .gallery-sec .card-img { height: 400px; object-fit: cover; } .gallery-sec .card-body { background-color: var(--primary-color); } .gallery-sec .card-body .card-title { font-size: 40px; font-weight: 700; font-family: 'Dancing Script', sans-serif; color: var(--primary-background-color); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .gallery-sec .card-body .card-text { font-size: 14px; } .gallery-sec { width: 300px; } .gallery-sec { width: 100%; } img.img-fluid { width: 100%; height: auto; max-height: 400px; object-fit: cover; } #gallery-container { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } .contact-banner { background: url('https://img.freepik.com/premium-photo/hairdressing-tools-black-background_1247484-16145.jpg?semt=ais_hybrid'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 110vh; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .contact-banner h1 { text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); font-size: 50px; font-weight: 700; color: var(--primary-color); text-align: center; padding-top: 110px; } .contact-banner p { font-size: 20px; font-weight: 500; color: var(--primary-color); text-align: center; margin: 20px; } .glass-container { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); padding: 50px; width: 100%; max-width: 500px; } .contact-form .form-label { font-weight: 700; font-size: 16px; } .contact-form input, .contact-form textarea { background: rgba(255, 255, 255, 0.5); outline: 1px solid rgba(0, 0, 0, 0.2); color: #000; font-size: 16px; padding: 10px; border-radius: 10px; outline: none; } .contact-form input:focus, .contact-form textarea:focus { border: 1px solid #000; outline: none; box-shadow: none; background: rgba(255, 255, 255, 0.7); } .contact-form .submit-button { width: 50%; font-weight: bold; color: var(--black); background: var(--primary-color); font-size: 16px; padding: 10px; border-radius: 10px; border: var(--primary-color) solid 2px; transition: background-color 0.3s ease; } .contact-form .submit-button:hover { background-color: #555; box-shadow: 0 0 10px 0 var(--primary-color); } .footer-text-muted { color: #74644d !important; } .map-sec { padding: 50px 0px; } .map-sec iframe { border-radius: 10px; box-shadow: 0 0 5px 0 var(--black); } .map-sec h1 { font-size: 50px; font-weight: 700; margin-top: 40px; margin-bottom: 10px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); } .map-sec h6 { font-size: 16px; line-height: 1.6; font-weight: 500; margin-bottom: 50px; text-transform: capitalize; } .map-sec span { font-size: 25px; font-weight: 700; margin-bottom: 50px; text-transform: capitalize; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); } .map-sec p { font-size: 15px; font-weight: 700; margin-bottom: 20px; text-transform: capitalize; } .map-sec a { color: var(--primary-color); } .map-sec .contact-button { color: white; background-color: rgb(30, 169, 82); border: 2px solid rgb(30, 169, 82); padding: 8px 10px; font-weight: bold; border-radius: 30px; transition: all 0.3s ease; } .map-sec .contact-button:hover { color: #000; background-color: transparent; box-shadow: 0 0 10px 0 rgb(30, 169, 82); } .footer { color: var(--primary-color); background: #000; } .footer h1 { font-family: 'Dancing Script', cursive; font-size: 3rem; } .footer h5 { font-size: 1rem; font-weight: 700; } .footer p, .footer a { font-size: 15px; font-weight: 500; color: var(--primary-color); } .footer i { font-size: 1.5rem; transition: color 0.3s ease-in-out; color: var(--primary-color); } .footer i:hover { color: #fff3ad; } .scroll-top-btn { position: fixed; bottom: 20px; right: 20px; background: var(--primary-color); color: var(--primary-background-color); font-size: 20px; padding: 6px 12px; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; box-shadow: 0 0 10px 0 var(--primary-color); } .scroll-top-btn:hover { background: var(--primary-background-color); color: var(--primary-color); } @media (min-width: 1024px) { .toggler-btn { display: none; } } @media (min-width: 768px) and (max-width: 992px) { .toggler-btn { display: none; } .banner-content { padding-bottom: 60px; height: max-content; } .banner-content h1 { font-size: 60px; line-height: 60px; font-weight: 700; margin-bottom: 20px; } .contact-button-box { bottom: 20px; right: 60px; } .contact-button-box:hover { cursor: pointer; transform: scale(1); } .icon-container i { font-size: 25px; margin-right: 5px; } .icon-container .call-text { padding: 5px 8px; } .icon-container .call-text p { font-size: 18px; } #book-sec-h-1 { display: none; } #book-sec-h-2 { display: block; } .book-sec p { font-size: 18px; } .book-box { display: flex; justify-content: center; align-items: center; } .about-section { padding: 30px 0px; position: relative; } .about-img-1 { height: fit-content; display: flex; justify-content: center; align-items: center; } .about-img-1 img { height: 540px; border-radius: 10px; } .about-img-2 { display: none; } .about-subtitle { margin-top: 0; font-size: 14px; } .about-title { font-size: 26px; margin-bottom: 0px; } .about-text { font-size: 15px; margin: 20px; } .services-sec .section-title h1 { font-size: 50px; margin-top: 0px; } .services-sec .section-title p { font-size: 17px; } .services-sec .card { margin-bottom: 70px; } .services-sec .card-img-top { height: 190px; } .services-sec .card-body { top: 145px; padding: 5px 10px; right: 7px; width: 90%; border-radius: 20px; margin: 0; } .services-sec .card-body .card-title { font-size: 30px; margin-bottom: 5px; } .services-sec .card-body .card-text { font-size: 13px; } .both-services { margin: 90px 0px; margin-bottom: 50px; } .both-services .both-box h1 { font-size: 45px; margin-top: 30px; } .both-services .both-box p { padding: 0px 25px; font-size: 17px; margin-bottom: 40px; } .both-services .card-img-top { height: 300px; margin-bottom: 10px; } .both-services .card-body { width: 80%; top: 250px; right: 30px; } .both-services .card-body .card-title { font-size: 35px; } .testimonial-sec { margin: 0px 0px; position: relative; padding-top: 50px; } .testimonial-sec h1 { font-size: 45px; margin-top: 50px; } .testimonial-sec p { font-size: 14px; margin-bottom: 30px; } .swiper-container { padding: 0px; height: 65vh; } .swiper-slide { padding: 0px; margin-bottom: 50px; height: 55vh; } .testimonial-box { padding: 20px 15px; height: max-content; display: flex; flex-direction: column; justify-content: center; align-items: center; } .testimonial-box img { width: 90px; height: 90px; } .testimonial-box h3 { font-size: 23px; font-weight: 700; color: var(--primary-background-color); } .testimonial-box p { font-size: 12px; } .contact-banner { min-height: 120vh; } .contact-banner h1 { font-size: 60px; padding-top: 80px; } .contact-banner p { font-size: 18px; } .contact-form h1 { font-size: 45px; } .glass-container { padding: 30px; } .contact-form .form-label { font-size: 15px; } .contact-form input, .contact-form textarea { font-size: 15px; } .contact-form .submit-button { font-size: 15px; padding: 8px; } .map-sec h1 { font-size: 50px; margin: 0 auto; text-align: center; } .map-sec .row { display: flex; justify-content: space-around !important; align-items: center; } .upper-map-sec { display: flex; flex-direction: column; justify-content: center; align-items: center; } .map-sec span { font-size: 25px; margin-bottom: 10px; } .map-sec h6 { font-size: 13px; margin-bottom: 14px; padding: 10px; text-align: center; } .map-sec p { font-size: 17px; margin-bottom: 10px; } .map-sec .contact-button { margin: 20px; } .map-sec iframe { width: 100%; border-radius: 10px; } } @media (min-width: 992px) and (max-width: 1200px) { .toggler-btn { display: none; } .scroll-top-btn { position: fixed; } .banner-content { padding: 60px 20px; } .banner-content .row p { font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 40px; } .banner-content .book-btn { font-size: 20px; padding: 15px 20px; } .achievement-sec { padding-top: 20px; padding-bottom: 0px; } .achievement-sec .col-sm-6 { max-width: 25%; flex: 0 0 250%; } .achievement-sec p { font-size: 18px; font-weight: 500; margin: 10px 0px; } .achievement-box img { height: 50px; } .book-sec h1 { text-align: center; font-size: 40px; } .book-sec p { font-size: 17px; font-weight: 500; } .book-box { display: flex; justify-content: center; align-items: center; } .about-section { justify-content: space-around !important; padding: 30px 0px; } .about-img-1 { display: flex; align-items: center; } .about-img-1 img { height: 700px; border-radius: 10px; } .about-img-2 { display: none; } .about-subtitle { margin-top: 0; font-size: 15px; } .about-title { font-size: 27px; margin-bottom: 0px; } .about-text { width: 120%; font-size: 17px; margin: 20px; } .services-sec .section-title p { font-size: 20px; } .services-sec .card { margin-bottom: 50px; } .services-sec .card-img-top { height: 200px; } .services-sec .card-body { top: 155px; padding: 5px 10px; right: 15px; width: 90%; border-radius: 20px; margin: 0; } .services-sec .card-body .card-title { font-size: 33px; margin-bottom: 5px; } .services-sec .card-body .card-text { font-size: 15px; } .both-services { margin: 100px 0px; } .both-services .both-box h1 { font-size: 60px; } .both-services .both-box p { padding: 0px 40px; font-size: 20px; margin-bottom: 30px; } .both-services .card-img-top { width: 400px; margin-bottom: 70px; } .both-services .card-body { width: 90%; top: 340px; right: 5px; } .both-services .card-body .card-title { font-size: 40px; } .both-services .card-body .card-text { font-size: 15px; font-weight: 500; } .testimonial-sec { margin: 0px 0px; position: relative; } .section-title { display: flex; flex-direction: column; justify-content: center; align-items: center; } .testimonial-sec h1 { font-size: 6; margin-top: 0px; } .testimonial-sec p { width: 80%; font-size: 20px; margin-bottom: 40px; } .swiper-container { padding: 0px; } .swiper-slide { padding: 10px; margin-bottom: 50px; } .testimonial-box { padding: 20px 10px; height: max-content; display: flex; flex-direction: column; justify-content: center; align-items: center; } .testimonial-box img { width: 100px; height: 100px; } .testimonial-box h3 { font-size: 30px; font-weight: 700; color: #000; margin-bottom: 10px; } .testimonial-box p { font-size: 12px; margin-bottom: 0; } .contact-banner { min-height: 90vh; } .contact-banner h1 { font-size: 70px; padding-top: 80px; } .contact-banner p { font-size: 20px; } .glass-container { padding: 40px; } .contact-form .form-label { font-size: 20px; } .contact-form input, .contact-form textarea { font-size: 18px; } .contact-form .submit-button { font-size: 20px; padding: 10px; } .map-sec h1 { font-size: 55px; margin-top: 0px; } .map-sec .row { display: flex; justify-content: space-around !important; align-items: center; } .upper-map-sec { display: flex; flex-direction: column; justify-content: center; align-items: center; } .map-sec span { font-size: 30px; margin-bottom: 10px; } .map-sec h6 { font-size: 15px; margin-bottom: 15px; padding: 10px; text-align: center; } .map-sec p { font-size: 18px; margin-bottom: 10px; } .map-sec .contact-button { margin: 20px; } .map-sec iframe { width: 100%; border-radius: 10px; } } @media (min-width: 1201px) and (max-width: 1440px) { .about-section { justify-content: space-around !important; padding: 30px 0px; } .about-img-1, .about-img-2 { display: flex; align-items: center; justify-content: center; } .about-img-1 img, .about-img-2 img { height: 620px; } .about-subtitle { margin-top: 0; font-size: 15px; } .about-title { font-size: 27px; margin-bottom: 0px; } .about-text { font-size: 17px; margin: 20px; } .testimonial-sec { margin: 0px 0px; position: relative; } .section-title { display: flex; flex-direction: column; justify-content: center; align-items: center; } .testimonial-sec h1 { font-size: 6; margin-top: 0px; } .testimonial-sec p { width: 90%; font-size: 20px; margin-bottom: 40px; } .swiper-container { padding: 0px; } .swiper-slide { padding: 10px; margin-bottom: 50px; } .testimonial-box { padding: 20px 10px; height: max-content; display: flex; flex-direction: column; justify-content: center; align-items: center; } .testimonial-box img { width: 80px; height: 80px; margin-bottom: 10px; } .testimonial-box h3 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 10px; } .testimonial-box p { font-size: 12px; margin-bottom: 0; } } @media (max-width: 768px) { .toggler-btn { display: block; align-items: center; display: flex; justify-content: center; width: 30px; height: 30px; cursor: pointer; } .scroll-top-btn { position: fixed; } .nav-menu { display: none; } .banner-content { padding: 60px 20px; height: max-content; } .banner-content h1 { font-size: 40px; line-height: 40px; font-weight: 700; margin-bottom: 20px; } .banner-content .row p { font-size: 13px; font-weight: 500; line-height: 1.5; margin-bottom: 20px; } .banner-content .book-btn { font-size: 13px; font-weight: 700; border: rgb(208, 177, 0); background: linear-gradient(45deg, var(--secondary-color), var(--primary-color)); padding: 8px 12px; } .contact-button-box { bottom: 20px; right: 50px; } .contact-button-box:hover { cursor: pointer; transform: rotate(0deg) scale(1); } .icon-container i { font-size: 20px; margin-right: 5px; } .icon-container .call-text { padding: 5px 8px; } .icon-container .call-text p { font-size: 15px; font-weight: bold; color: white; } .phone-number { font-size: 12px; padding: 4px 5px; } .achievement-sec { padding: 20px; } .achievement-sec .col-sm-6 { max-width: 50%; flex: 0 0 50%; } .achievement-sec p { font-size: 15px; font-weight: 500; margin: 10px 0px; } .achievement-box img { height: 40px; } .book-sec { display: flex; justify-content: center; padding: 30px 15px; } .book-sec h1 { text-align: center; font-size: 35px; } .book-sec p { font-size: 15px; font-weight: 500; } .book-sec img { display: none; } .book-box { display: flex; justify-content: center; align-items: center; } .about-section { padding: 10px 0px; position: relative; } .about-img-1 { height: fit-content; display: flex; justify-content: center; align-items: center; } .about-img-1 img { height: 400px; display: flex; justify-content: center; align-items: center; } .about-img-2 { display: none; } .about-subtitle { font-size: 13px; } .about-title { font-size: 26px; margin-bottom: 0px; } .about-text { font-size: 15px; margin: 20px; } .services-sec .section-title h1 { font-size: 40px; margin-top: 0px; } .services-sec .section-title p { font-size: 15px; } .services-sec .card { margin-bottom: 50px; } .services-sec .card-img-top { height: 140px; } .services-sec .card-body { top: 105px; padding: 5px 10px; right: 7px; width: 90%; border-radius: 20px; margin: 0; } .services-sec .card-body .card-title { font-size: 22px; margin-bottom: 5px; } .services-sec .card-body .card-text { font-size: 11px; } .gallery-sec h1 { font-size: 50px; margin-top: 10px; } .both-services { margin: 50px 0px; } .both-services .both-box h1 { font-size: 40px; margin-top: 20px; } .both-services .both-box p { padding: 0px 40px; font-size: 14px; margin-bottom: 30px; } .both-services .card-img-top { height: 200px; margin-bottom: 100px; } .both-services .card-body { width: 80%; top: 150px; right: 30px; } .both-services .card-body .card-title { font-size: 30px; } .both-services .card-body .card-text { font-size: 12px; font-weight: 500; } .testimonial-sec { margin: 0px 0px; position: relative; } .testimonial-sec h1 { font-size: 40px; margin-top: 0px; } .testimonial-sec p { font-size: 13px; margin-bottom: 0px; } .swiper-container { padding: 0px; } .swiper-slide { padding: 40px; margin-bottom: 20px; } .testimonial-box { padding: 30px; height: max-content; } .testimonial-box img { width: 80px; height: 80px; } .testimonial-box h3 { font-size: 20px; font-weight: 700; color: #000; } .testimonial-box p { font-size: 12px; } .contact-banner h1 { font-size: 40px; padding-top: 80px; } .contact-banner p { font-size: 15px; } .contact-form h1 { font-size: 40px; } .glass-container { padding: 30px; } .contact-form .form-label { font-size: 14px; } .contact-form input, .contact-form textarea { font-size: 15px; } .contact-form .submit-button { font-size: 15px; padding: 8px; } .map-sec h1 { font-size: 40px; margin-top: 0px; } .upper-map-sec { display: flex; flex-direction: column; justify-content: center; align-items: center; } .map-sec span { font-size: 20px; margin-bottom: 10px; } .map-sec h6 { font-size: 12px; margin-bottom: 15px; padding: 10px; text-align: center; } .map-sec p { font-size: 14px; margin-bottom: 10px; } .map-sec .lower-map-sec { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .map-sec iframe { width: 90%; height: 250px; border-radius: 0px; box-shadow: none; } } @media (max-width: 768px) { .gallery-sec h1 { font-size: 50px; margin-top: 10px; } .gallery-sec .card-img { height: 200px; width: 100%; object-fit: cover; } .gallery-card { display: flex; align-items: center; justify-content: center; } #gallery-container { --bs-gutter-x: 0.5rem; --bs-gutter-y: 0.5rem; } } .banner-sec { position: relative; } .banner-content { position: relative; z-index: 1; }