/* Resets */

*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
.quote{color:#042a9b;margin:20px 0}
video{width:100%;height:100%}
:root{--primary-text-color:#183b56;--secondry-text-color:#577592;--accent-color:#2294ed;--accent-color-dark:#1d69a3;--padding-inline-section:20px;--glow-color:hsl(186 100% 69%)}
body{font-family:'Poppins',sans-serif;color:var(--primary-text-color)}
h1{font-size:50px}
h2{font-size:36px}
h3{font-size:27px}
h4{font-size:22px}
p{font-size:18px;line-height:1.8rem}
a{text-decoration:none;display:inline-block}
ul{list-style:none}

/* Utility Classes */

.container{max-width:1180px;margin-inline:auto;padding:var(--padding-inline-section);overflow:hidden}
.container h2{margin-bottom:10px}
.container p{margin-bottom:10px;line-height:2.5rem;margin-bottom:30px;text-align:justify}
.flex{display:flex;align-items:center}
.primary-button{background-color:var(--accent-color);border-radius:6px;font-weight:700;color:#fff!important;padding:12px 24px;box-shadow:0 0 2px var(--secondry-text-color);transition:.2s ease-out;text-align:center}
.primary-button:hover{background-color:var(--accent-color-dark);padding:10px 20px;border-radius:10px;outline:none}
.secondry-button{border:.5px solid var(--secondry-text-color);border-radius:6px;font-weight:700;color:var(--primary-text-color);padding:12px 24px;transition:.2s ease-out;margin-top:15px}
.secondry-button:hover{color:#000!important;font-size:8px;padding:10px 20px;background:#fff;border:0;border-radius:10px;outline:none}

/* Nav Bar */
.company-logo{display:flex}
.company-logo h5{font-size:40px;color:#b70404;margin-top:22px;margin-left:-15px;font-family:'Courier New',Courier,monospace}
.main-nav{height:10%;display:flex;align-items:center;justify-content:space-between;margin-top: -10px;margin-bottom: 30px;}
.nav-links{display:block;transition:transform .3s ease;transform:translateX(0);flex-basis:730px}
.nav-links ul{justify-content:end;gap:40px}
.callme{margin-top:15px}
.hover-links{color:#020202;transition:.2s ease-out}
.hover-links:hover{color:#000000;font-weight:600;font-size:20px}
.nav-toggle{display:none}

/* Hero Section */

.hero-card{width:170px;height:190px;display:inline-block;border-radius:10px;padding:15px 25px;box-sizing:border-box;cursor:pointer;margin:10px 15px;background-image:url(/Assest/Home/card1.webp);background-position:center;background-size:cover;transition:transform .5s;vertical-align:bottom}
.card1{background-position:center;background-size:cover}
.card2{background-position:center;background-size:cover}
.card3{background-position:center;background-size:cover}
.card4{background-position:center;background-size:cover}
.card5{background-position:center;background-size:cover}
.card6{background-position:center;background-size:cover}
.hero-card:hover{transform:translateY(-10px)}
.hero-card p{color:#ffffff !important; text-shadow:0 0 5px #ffffff;font-size:15px;font-weight:600}

/* Top Profile Section */

.top-profile-h2{text-align:center;margin-top:25px}
.top-profiles-section{background-image:url(/Assest/Home/back.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;margin:auto;margin-bottom:40px;height:350px}
.top-profiles-section h2{text-align:center}
.top-profile-container{padding:0}
.profile-image{width:30%;background-color:#fff;margin-left:30px;text-align:center}
.profile-image img{height:350px;cursor:pointer;transition:transform .3s ease}
.profile-description{box-shadow:#202121 0 20px 30px -10px;border-radius:20px;background-color:#fff;width:80%;flex-direction:column;align-items:center;text-align:center;margin-left:20px;padding:20px;color:#000}
.top-profile-name{width:400px;height:50px;border-bottom:5px solid #000;line-height:50px;margin-left:-200px;margin-bottom:20px}
.top-profile-name span{color:#fff;background:#000;font-size:30px;margin-right:55%;padding:2px 50px}
.profile-image img:hover{transform:scale(1.07)}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0 linear .3s}
.overlay.open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0 linear}
.overlay img{max-width:90%;max-height:90%;border-radius:0;box-shadow:0 0 20px rgba(0,0,0,0.7);transition:transform .3s ease}
.overlay.open img{transform:scale(1)}

/* Profile Sections */

.heros{display:inline-block;position:relative;width:300px;height:600px;border-radius:30px;overflow:hidden;box-shadow:5px 5px 30px rgba(0,0,0,0.3);margin:30px}
.first img{width:300px;cursor:pointer}
.image{height:70%}
.profile-text{background-image:linear-gradient(0deg,#3f5efb,#fc466b);border-radius:30px;position:absolute;top:45%;left:8%;height:65%;width:108%;transform:skew(19deg,-9deg)}
.second .text{background-image:linear-gradient(-20deg,#bb7413,#e7d25c)}
.logo{height:80px;width:80px;border-radius:20px;background-image:url(/Assest/Home/logo.webp);background-size:cover;position:absolute;bottom:30%;left:15px;overflow:hidden;box-shadow:5px 5px 30px rgba(0,0,0,0.7)}
.logo img{height:100%}
.profile-desc{position:absolute;color:#fff;font-weight:400;left:110px;bottom:22%}
.profile-desc p{font-size:16px}
.heros-btn{position:absolute;cursor:pointer;color:#fff;background-color:transparent;right:20px;bottom:5%;padding:10px;border:1.5px solid #000;border-radius:5px;animation:button-anim 2s ease 0 infinite normal forwards;transition:.2s ease-out}
.heros-btn:hover{padding:12px;font-size:14px;font-weight:550}
@keyframes button-anim {
0%{transform:translate(0)}
20%{transform:translate(-2px,2px)}
40%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,2px)}
80%{transform:translate(2px,-2px)}
100%{transform:translate(0)}
}
.hero-btn:hover{animation:none}
.hero-btn a{color:#fff}
.girl-detail{position:absolute;color:#fff;left:50px;bottom:10%}
.contact-icons{position:absolute;color:#fff;left:180px;bottom:2%}
.contact-icons i{margin-right:5px;font-size:28px;cursor:pointer}
.contact-icons a{text-decoration:none;color:#fff}
.fa-telegram{border-radius:50.1%;transition:.2s ease-out;font-size:30px}
.fa-telegram:hover{font-size:32px;padding:0;color:#08c;background-color:#fff}
.fa-square-whatsapp{transition:.2s ease-out;border-radius:40%}
.fa-square-whatsapp:hover{font-size:32px;padding:0;color:#25D366;background-color:#fff}
.fa-square-phone{transition:.2s ease-out;border-radius:50%}
.fa-square-phone:hover{color:#007bff;background-color:#fff;font-size:32px}
.btn i:before{width:14px;height:14px;position:fixed;color:#fff;background:#0077B5;padding:10px;border-radius:50%;top:5px;right:5px}
.profiless{margin-bottom:40px}
.profile-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0}
.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}
.fullscreen-image{max-width:90%;max-height:90%;object-fit:contain;cursor:pointer;position:relative}
.close-icon{position:absolute;top:10px;right:10px;color:#fff;font-size:24px;cursor:pointer}

/* More Profiles */

.most-booked h2{text-align:center;margin-bottom:30px;z-index: 1;}
.most-booked span{font-size:45px;color:var(--accent-color);text-transform:uppercase}
.more-profile{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px}
.more-card{width:280px;text-align:center;background-position:right bottom;background-repeat:no-repeat;background-size:cover;padding:10px 0;border-radius:10px;transition:.3s ease-in-out;position:relative;z-index:0;}
.most-booked-images{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:10px}
.more-card img{width:130px;height:140px;border-radius:10px;transition:.3s ease-in-out}
.more-card:hover{width:300px;z-index:2;}
.more-card img:hover{width:140px;height:150px}
.more-card h3{font-size:20px;z-index:1;}
.more-card p{font-size:16px;z-index:1;}

/* Feature Section */

.features-section{padding:60px var(--padding-inline-section) 0;background-repeat:no-repeat;background-position:center}
.feature-header{text-align:center}
.feature-header h2{margin-bottom:20px}
.feature-area{flex-wrap:wrap;margin-top:30px;gap:20px;justify-content:space-between}
.feature-card{flex-direction:column;max-width:30%;gap:20px;text-align:center}
.feature-card img{width:160px;background-color:#fddada;padding:15px;border-radius:30px}

/* Trending-Profiles Sections */

.trending-profile{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;align-items:center}
.trending-profile-card{width:260px;min-height:420px;text-align:center;background-image:url(/Assest/pexels-joaojesusdesign-925743.webp);background-position:bottom;background-size:cover;color:#fff;border-radius:10px;border:solid var(--glow-color) 3px}
.trending-profile-desc{padding:20px}
.btn-back{background-color:#000;width:100%;border-radius:10px}
.trending-profile-card img{width:210px;cursor:pointer}
.trending-profile-card h4{font-size:22px}
.glowing-btn{position:relative;color:var(--glow-color);cursor:pointer;padding:.35em 1em;border:.15em solid var(--glow-color);border-radius:.45em;background:none;perspective:2em;font-family:"Raleway",sans-serif;font-size:18px;font-weight:900;letter-spacing:.4em;margin-top:10px;margin-bottom:10px;cursor:none;-webkit-box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);-moz-box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);animation:border-flicker 2s linear infinite}
.glowing-txt{float:left;margin-right:-.8em;-webkit-text-shadow:0 0 .125em hsl(0 0% 100% / 0.3),0 0 .45em var(--glow-color);-moz-text-shadow:0 0 .125em hsla(0,100%,1%,0),0 0 .45em var(--glow-color);text-shadow:0 0 .125em hsl(0 0% 100% / 0.3),0 0 .45em var(--glow-color);animation:text-flicker 3s linear infinite}
.faulty-letter{opacity:.5;animation:faulty-flicker 2s linear infinite}
.glowing-btn::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;filter:blur(1em);transform:translateY(120%) rotateX(95deg) scale(1,0.35);background:var(--glow-color);pointer-events:none}
.glowing-btn::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;background-color:var(--glow-color);box-shadow:0 0 2em .2em var(--glow-color);transition:opacity 100ms linear}
@keyframes faulty-flicker {
0%{opacity:.1}
2%{opacity:.1}
4%{opacity:.5}
19%{opacity:.5}
21%{opacity:.1}
23%{opacity:1}
80%{opacity:.5}
83%{opacity:.4}
87%{opacity:1}
}
@keyframes text-flicker {
0%{opacity:.1}
2%{opacity:1}
8%{opacity:.1}
9%{opacity:1}
12%{opacity:.1}
20%{opacity:1}
25%{opacity:.3}
30%{opacity:1}
70%{opacity:.7}
72%{opacity:.2}
77%{opacity:.9}
100%{opacity:.9}
}
@keyframes border-flicker {
0%{opacity:.1}
2%{opacity:1}
4%{opacity:.1}
8%{opacity:1}
70%{opacity:.7}
100%{opacity:1}
}

/* Services-Sections */

.services-section{background-color:#ededf0;padding:20px 0;margin-bottom:15px}
.services{width:1200px;margin:auto;text-align:center}
.options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
.button{width:200px;height:60px;padding:10px;position:relative;display:block;text-decoration:none;overflow:hidden;border:0;cursor:pointer;border-radius:2rem;box-shadow:0 0 5px 0 rgba(0,0,0,0.5)}
.button:hover .wave{top:-120px}
.text{position:relative;z-index:1;color:#fff;font-size:15px;letter-spacing:3px;font-weight:600}
.wave{width:200px;height:200px;background-color:#0a609a;box-shadow:inset 0 0 50px rgba(0,0,0,0.5);position:absolute;left:0;top:-70px;transition:.4s}
.wave::before,a .wave::after{width:200%;height:200%;content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.wave::before{border-radius:45%;background-color:#0581b3;animation:wave 5s linear infinite}
.wave::after{border-radius:40%;background-color:rgba(20,20,20,0.5);animation:wave 10s linear infinite}
@keyframes wave {
0%{transform:translate(-50%,-75%) rotate(0deg)}
100%{transform:translate(-50%,-75%) rotate(300deg)}
}

/* Gallery Section */

.gallery{padding:40px 20px;display:flex;align-items:center;justify-content:center;background:-webkit-linear-gradient(136deg,#e0c3fc 0%,#8ec5fc 100%)}
.wrapper{display:flex;max-width:1200px;position:relative}
.wrapper i{top:50%;height:44px;width:44px;color:#343F4F;cursor:pointer;font-size:1.15rem;position:absolute;text-align:center;line-height:44px;background:#fff;border-radius:50%;transform:translateY(-50%);transition:transform .1s linear}
.wrapper i:active{transform:translateY(-50%) scale(0.9)}
.wrapper i:hover{background:#f2f2f2}
.wrapper i:first-child{left:-22px;display:none}
.wrapper i:last-child{right:-22px}
.wrapper .carousel{font-size:0;cursor:pointer;overflow:hidden;white-space:nowrap;scroll-behavior:smooth}
.carousel.dragging{cursor:grab;scroll-behavior:auto}
.carousel.dragging img{pointer-events:none}
.carousel img{height:600px;object-fit:cover;user-select:none;margin-left:14px;width:calc(100% / 3)}
.carousel img:first-child{margin-left:0}

/* Blogs-Section */


.blogs-header h2{margin-bottom:20px}
.blogs-section{text-align:center;background-color:#f1f1f1}
.blogs-card{width:23%;height:300px;position:relative;background:#000;background:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)),url(/Assest/Home/dating-app.webp);background-size:cover;transition:ease-out;border-radius:8px;background-position:center;}
.blogs-card:hover{box-shadow:0 0 10px #888}
.blogs-card:nth-child(2){background:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)),url(/Assest/Home/top\ call.webp);background-size:cover}
.blogs-card:nth-child(3){background:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)),url(/Assest/Home/red-light.webp);background-size:cover;background-position:right}
.blogs-card:nth-child(4){background:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)),url(/Assest/Home/web-series.webp);background-size:cover;background-position:right}
.blogs-area{justify-content:space-between;margin-block:30px;flex-wrap:wrap}
.card-texts{position:absolute;bottom:20px;left:20px;right:20px;color:#fff}
.see-blogs{color:#000;margin-bottom:40px}


/* FAQ Section */

.faq{padding:20px;display:flex;width:100%;flex-direction:column;background-image:url(/Assest/Home/faq.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center}
.faq h2{width:100%;font-size:50px;text-align:center;text-transform:uppercase;font-weight:800;word-spacing:10px;line-height:1;margin-top:50px;color:#fff}
.faq-left{flex:1}
.faq-right{padding:20px;flex:2;margin-left:40px;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.faq-item{margin-bottom:10px;padding-bottom:20px;border-bottom:2px solid #000;padding-top:20px;width:80%}
.faq-item:last-child{border-bottom:none}
.faq-item h3{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#fff;font-size:22px}
.faq-item h3:hover{color:#3498db}
.faq-item p{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease;color:#fff}
.faq-item.show p{opacity:1;max-height:200px}
.faq-item.show h3{color:#3498db}
.faq-item .fa-chevron-down{transition:transform .3s ease}
.faq-item.show .fa-chevron-down{transform:rotate(180deg)}

/* Reveiws Sections */

.reveiw{padding:40px 0;background:#f1f1f1;color:#434343;text-align:center;margin-top:-15px}
.inner{max-width:1200px;margin:auto;overflow:hidden;padding:0 5px;padding-right:25px}
.border{width:160px;height:5px;background:#2294ed;margin:26px auto}
.row{display:flex;flex-wrap:wrap;justify-content:center}
.col{flex:33.33%;max-width:33.33%;box-sizing:border-box;padding:15px}
.reveiws{background:#fff;padding:30px;height:560px}
.reveiws img{width:100px;height:100px;border-radius:50%}
.name{font-size:20px;text-transform:uppercase;margin:20px 0}
.stars{color:#2294ed;margin-bottom:20px}

/* Location Section */

.location-header{text-align:center;margin-block:30px;color:var(--primary-text-color)}
.locations-btns{justify-content:center;gap:20px;flex-wrap:wrap;padding-bottom:20px;text-align:justify}
.locations-btns button{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#183153;box-shadow:0 6px 24px 0 rgba(0,0,0,0.2);overflow:hidden;cursor:pointer;border:none}
.locations-btns button:after{content:" ";width:0;height:100%;background:#ffd401;position:absolute;transition:all .4s ease-in-out;right:0}
.locations-btns button:hover::after{right:auto;left:0;width:100%}
.locations-btns button span{text-align:center;text-decoration:none;width:100%;padding:15px 20px;color:#fff;font-size:1.125em;font-weight:600;letter-spacing:.3em;z-index:20;transition:all .3s ease-in-out}
.locations-btns button:hover span{color:#183153;animation:scaleUp .3s ease-in-out}
@keyframes scaleUp {
0%{transform:scale(1)}
50%{transform:scale(0.95)}
100%{transform:scale(1)}
}

/* Category - Section */

.categories{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.categories a{text-decoration: none;color:white;}
.section{position:relative;width:350px;height:300px;background-size:cover;display:flex;justify-content:center;align-items:center;border-radius:5px;transition:all .3s ease;align-items:start}
.section1{background:url(/Assest/celebrity.webp);background-size:cover}
.section2{background:url(/Assest/russian.webp);background-size:cover}
.section3{background:url(/Assest/dating.webp);background-size:cover}
.section4{background:url(/Assest/low\ priced.webp);background-size:cover}
.section5{background:url(/Assest/newly.webp);background-size:cover}
.section6{background:url(/Assest/massage.webp);background-size:cover}
.section:hover .content{opacity:1;transform:translateY(10%)}
.content{position:absolute;top:-10%;left:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(5px);padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);opacity:0;transition:all .3s ease;width:100%;text-align:center;height:300px;color:#fff}
.content p{font-size:15px;line-height:1.2rem}
.section:hover h3{opacity:0}
.section h3{position:relative;z-index:2;color:#fff;padding:10px;border-radius:5px;transition:all .3s ease}
.content button{width:140px;height:fit-content;font-size:23px;cursor:pointer;border:none;outline:none;background:transparent;color:#fff;font-family:'Times New Roman',Times,serif;font-weight:700;position:relative;transition:all .5s;z-index:1}
.content button::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#fff;z-index:-1;transition:all .5s}
.section:hover .content button::before{width:100%}
.section:hover .content button{color:#000}
.content button:active:before{background:#b9b9b9}

/* Footer Section */

footer{padding-block:80px;background-color:#ebf2fa;color:#000;display:flex;justify-content:space-evenly;align-items:center}
.logos img{width:200px}
.links{display:flex;flex-direction:column}
footer h3{margin-bottom:10px;text-decoration:underline}
footer li{margin-bottom:5px;transition:.2s ease-in-out;color:#000;list-style:none;font-size:24px;}
footer li:hover{cursor:pointer;text-decoration:underline;font-size:26px}
.social a{color:#000;font-size:40px;margin-right:30px;transition:.2s ease-in-out}
.social1{margin-left: 36px;}
.social a:hover{font-size:45px}
.fa-square-facebook:hover{color:#1877F2}
.fa-instagram:hover{color:#C13584}
.fa-pinterest:hover{color:#E60023}
.fa-youtube:hover{color:#FF0000;}

/* Sub Footer */

.subfooter{background-color:#b9cde4;padding:var(--padding-inline-section);display:flex;justify-content:space-evenly;}
.sub-footer-container{flex-direction:row;justify-content:center;gap:30px;flex-wrap:wrap}
.copyright{display: flex;gap:30px;}
.dmca-badge img{width:100px;}
.bold-city{color:rgb(181, 7, 111);}

/* Contact IconS */

.fixed-contacts {
    position: fixed;
    bottom: 10px;
    right: 80px;
    z-index: 1000; /* Ensures it's above other content */
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
}
.fixed-contacts.visible {
    opacity: 1;
}

/* Styles for the icons */
.fixed-contacts a {
    display: inline-block;
    width: 170px;
    height: 50px;
    background-color: #222121;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    margin-left: 10px;
    text-decoration: none;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}

.fixed-contacts i {
    margin-right: 10px;
    font-size: 30px;
}

.whatsapp-chat a:hover{
    background-color: #02be0b;
}
.phone-call a:hover{
    background-color: #007bff;
}
.back-to-top{position:fixed;bottom:10px;right:10px;width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(180,160,255,0.253);cursor:pointer;transition-duration:.3s;overflow:hidden;}
.back-to-top i{color:#fff;font-size:20px}
.back-to-top:hover{height:80px;border-radius:20px;transition-duration:.3s;align-items:center}
.back-to-top:hover i{font-size:17px;margin-bottom:20px}
.back-to-top::before{position:absolute;content:"Top";color:#fff;font-size:0;top:40px;right:12px}
.back-to-top:hover::before{font-size:13px;opacity:1;transition-duration:.3s}

 /* ---------------------------------------------- BLOG PAGE CSS -------------------------------------------- */

/* Blog Page Header */

.blog-page-head{display:flex;width:100%;text-align:center;justify-content:center;align-items:end;gap:50px}
.blog-page-head h1{width:40%;color:#fff;line-height:1.5;text-align:center;height:100%;font-size:60px;margin-top:50px}
.blog-page-head p{width:60%;color:#fff;font-size:18px;line-height:1.5;margin-bottom:50px}
header li{text-align:center}
.new-btn{font-size:22px;border:2px solid #fff}

/* Blog Content */

.blog-sec h2{text-align:center;padding:40px}
.blog-sec h5{margin:-40px 20px 20px;font-size:16px;font-weight:500}
.blog-page-border{border:2px solid;color:#e40000;width:400px;margin:auto;margin-top:-20px;margin-bottom:50px}
.blog-page-section1,.blog-page-section2{padding:20px;display:flex;width:100%;gap:40px;justify-content:center;align-items:center;padding:50px 0;background-color:#fff4f4}
.blog-page-image1 img{width:450px;margin:auto;vertical-align:middle}
.blog-page-content1{width:40%}
.blog-page-heading3{height:150px;background-image:linear-gradient(rgba(0,0,0,0.7),rgba(78,76,76,0.7)),url(/Assest/hero.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;text-align:center}
.blog-page-heading3 h2{padding-top:40px;color:#fff}
.blog-page-content3{margin-top:30px;padding:20px 80px}
.tags{text-align:center}
.tags p{font-size:15px;color:#2294ed}

/* Related Blogs */

.related-blogs-blog-page h2{text-align: center;}
.related-blog-page-border{border:2px solid;color:#e40000;width:400px;margin:auto;margin-top:10px;margin-bottom:50px}
.blog-cards-container{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;align-items:center;margin-bottom:40px}
.related-blog-card{width:350px;cursor:pointer;padding:10px;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;text-align:center;transition:.2s ease-out}
.related-blog-card:hover{box-shadow:none;width:340px}
.related-blog-card:hover h3{text-decoration:underline;color:#e40000}
.related-blog-card:hover .read-more{color:#f07052;text-decoration:underline}
.related-blog-card img{width:100%}
.related-blog-card h3{font-size:20px;transition:.2s ease-out}
.related-blog-card p{font-size:16px;margin:10px 0}
.bottom{display:flex;justify-content:space-between;font-weight:600;text-align:right}
.bottom p{font-size:15px}

 /* ---------------------------------------------- BLOG PAGE CSS -------------------------------------------- */

 /* Hero Section */

 .blog-hero-head{display:flex;flex-direction:column;flex-wrap:wrap;width:70%;text-align:center;justify-content:center;margin:auto}
.blog-hero-head h1{color:#fff;line-height:1.1;text-align:center;margin-bottom:30px;margin-top:50px}
.blog-hero-head p{color:#fff;font-size:18px;line-height:1.2;margin-bottom:20px}

/* BLOG SECTION */

.latest-blogs{background-image:radial-gradient(#444cf7 0.5px,#e5e5f7 0.5px);text-align:center}
.latest-blogs h2{padding:20px;font-size:50px;padding-top:40px}
.blog-home-cards{background-image:radial-gradient(#444cf7 0.5px,#e5e5f7 0.5px);background-size:10px 10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.blog-home-card{border-radius:25px;box-shadow:rgba(0,0,0,0.25) 0 54px 55px,rgba(0,0,0,0.12) 0 -12px 30px,rgba(0,0,0,0.12) 0 4px 6px,rgba(0,0,0,0.17) 0 12px 13px,rgba(0,0,0,0.09) 0 -3px 5px;transition:ease-out .2s;background:#fff;width:30%;overflow:hidden;cursor:pointer;margin:15px;height:450px}
.blog-home-card:hover{border-radius:0;box-shadow:none}
.blog-home-card img{height:200px}
.author h4{font-size:13px;color:#20a9ed}
.author{display:flex;justify-content:space-evenly;margin-top:5px}
.author p{font-size:14px;margin-top:-4px;font-weight:600}
.blog-home-card h3{font-size:18px;min-height:fit-content;margin:10px 5px;text-align:center}
.blog-home-card p{font-size:14px;margin:0 5px;text-align:center}
.blog-home-card a{transition:.2s ease-out;text-decoration:none;padding:10px;text-align:right;font-size:1.2rem;color:#f07052;display:block;font-size:18px}
.blog-home-card:hover a{color:#20a9ed}
.card-text{padding:0 15px;padding-top:10px}
.blog-home-labels{display:flex;flex-wrap:wrap;gap:5px}
.blog-home-label{background:var(--gradient);border-radius:9999px;width:max-content;padding:7px 12px;color:#fff;font-size:11px}
.new-card{opacity:0;transform:translateY(-50px);transition:opacity .3s ease,transform .3s ease}
.new-card.show{opacity:1;transform:translateY(0)}
.blog-cards .new-card:nth-child(1){animation-delay:.2s}
.blog-cards .new-card:nth-child(2){animation-delay:.3s}
.blog-cards .new-card:nth-child(3){animation-delay:.4s}
.blog-home-card:hover .label{background:linear-gradient(45deg,#20a9ed,#647efd)}
.blog-home-card .banner{border-radius:var(--border-radius);transition:var(--transition);border-bottom-left-radius:0;width:100%}
.blog-home-card:hover .banner{border-bottom-left-radius:25px;border-bottom-right-radius:25px}
.more-blogs{color:#000;font-size:22px;margin:20px;cursor:pointer}
.load-more{background-image:radial-gradient(#444cf7 0.5px,#e5e5f7 0.5px);background-size:10px 10px;text-align:center}

/* ---------------------------------------------- CATEGORIES PAGE CSS ------------------------------------------ */

/* CATEGORIES Header */

.categories-hero-head{display:flex;height:88%;align-items:center;gap:80px}
.categories-hero{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:center;padding:20px}
.categories-hero li{list-style:none}
.categories-hero-head h1{color:#fff;line-height:1.1;text-align:center;margin-bottom:10px;font-size:40px}
.categories-hero-head p{color:#fff;font-size:18px;line-height:1.2}

/* Baner */

.topics img {width: 100% !important;height: 100vh;display:block;margin:auto;margin-bottom:20px;}
.left-baner{width:50%;height:90vh;background-image:linear-gradient(rgba(62, 60, 60, 0.2),rgba(0,0,0,0.7)),url(/Baner/alex-azabache--Hm_xIcYbUY-unsplash.webp);background-position:center;background-size:cover;box-sizing:border-box}
.right-baner{width:50%;height:90vh;background-image:linear-gradient(rgba(62,60,60,0.2),rgba(0,0,0,0.7)),url(/Baner/garin-chadwick-1SKjtoZqwBo-unsplash.webp);background-position:center;background-size:cover;box-sizing:border-box}
/* CARD Section */

.topics li{margin-bottom:10px;margin-left:30px}
.topics h2{text-align:center}
.topics h2 span{font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;font-size:40px;text-transform:uppercase;color:#e699ff;font-weight:900}
.categories-card{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;align-items:center;margin-bottom:40px}
.categories-profile-card{width:260px;text-align:center;background-image:url(/Assest/pexels-joaojesusdesign-925743.webp);background-position:bottom;background-size:cover;color:#fff;padding:20px;border-radius:10px;border:solid var(--glow-color) 3px}
.categories-btn{position:relative;top:-18px;left:45%;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid var(--glow-color);border-top:none;filter:drop-shadow(0px 0px 10px #fff);animation:flickering 2s linear infinite both;background-color:#ff4081;padding:2px 8px;color:#eaeaea;z-index:100;transition:.6s;box-shadow:0 0 60px var(--glow-color);-webkit-box-reflect:below 10px linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.4))}
.categories-text p{font-size:14px}
@keyframes flickering {
0%,100%{opacity:1}
41.99%{opacity:1}
42%{opacity:0}
43%{opacity:0}
43.01%{opacity:1}
47.99%{opacity:1}
48%{opacity:0}
49%{opacity:0}
49.01%{opacity:1}
}
.categories-text{font-size:1.8rem;font-family:Arial,Helvetica,sans-serif}
.categories-profile-card img{width:210px;margin-top:-50px}
.categories-profile-card h4{font-size:22px}
.glowing-btn{position:relative;color:var(--glow-color);cursor:pointer;padding:.35em 1em;border:.15em solid var(--glow-color);border-radius:.45em;background:none;perspective:2em;font-family:"Raleway",sans-serif;font-size:16px;font-weight:900;letter-spacing:.4em;margin-top:10px;-webkit-box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);-moz-box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);animation:border-flicker 2s linear infinite}
.glowing-txt{float:left;margin-right:-.8em;-webkit-text-shadow:0 0 .125em hsl(0 0% 100% / 0.3),0 0 .45em var(--glow-color);-moz-text-shadow:0 0 .125em hsla(0,100%,1%,0),0 0 .45em var(--glow-color);text-shadow:0 0 .125em hsl(0 0% 100% / 0.3),0 0 .45em var(--glow-color);animation:text-flicker 3s linear infinite}
.faulty-letter{opacity:.5;animation:faulty-flicker 2s linear infinite}
.glowing-btn::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;filter:blur(1em);transform:translateY(120%) rotateX(95deg) scale(1,0.35);background:var(--glow-color);pointer-events:none}
.glowing-btn::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;background-color:var(--glow-color);box-shadow:0 0 2em .2em var(--glow-color);transition:opacity 100ms linear}
.glowing-btn:hover{color:rgba(0,0,0,0.8);text-shadow:none;animation:none}
.glowing-btn:hover .glowing-txt{animation:none}
.glowing-btn:hover .faulty-letter{animation:none;text-shadow:none;opacity:1}
.glowing-btn:hover:before{filter:blur(1.5em);opacity:1}
.glowing-btn:hover:after{opacity:1}
@keyframes faulty-flicker {
0%{opacity:.1}
2%{opacity:.1}
4%{opacity:.5}
19%{opacity:.5}
21%{opacity:.1}
23%{opacity:1}
80%{opacity:.5}
83%{opacity:.4}
87%{opacity:1}
}
@keyframes text-flicker {
0%{opacity:.1}
2%{opacity:1}
8%{opacity:.1}
9%{opacity:1}
12%{opacity:.1}
20%{opacity:1}
25%{opacity:.3}
30%{opacity:1}
70%{opacity:.7}
72%{opacity:.2}
77%{opacity:.9}
100%{opacity:.9}
}
@keyframes border-flicker {
0%{opacity:.1}
2%{opacity:1}
4%{opacity:.1}
8%{opacity:1}
70%{opacity:.7}
100%{opacity:1}
}

/* ---------------------------------------------- CONTACT US PAGE CSS ------------------------------------------ */

.contact-container{position:relative;width:100%;height:100%;padding:2rem;overflow:hidden;display:flex;align-items:center;justify-content:center}
.contact-text{color:#0b0b0b}
.contact-us-form{padding:30px;width:100%;border-radius:10px;z-index:1;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr)}
.contact-form{position:relative}
form{padding:2.3rem 2.2rem;z-index:10;overflow:hidden;position:relative}
.title{color:#000000;font-weight:500;font-size:1.5rem;line-height:1;margin-bottom:.7rem}
.input-container{position:relative;margin:1rem 0}
.input{width:100%;outline:none;border:2px solid #000000;background:none;padding:.6rem 1.2rem;color:#000000;font-weight:500;font-size:.95rem;letter-spacing:.5px;border-radius:25px;transition:.3s}
textarea.input{padding:.8rem 1.2rem;min-height:150px;border-radius:22px;resize:none;overflow-y:auto}
.input-container label{position:absolute;top:50%;left:15px;transform:translateY(-50%);padding:0 .4rem;color:#000000;font-size:.9rem;font-weight:400;pointer-events:none;z-index:1000;transition:.5s}
.input-container.textarea label{top:1rem;transform:translateY(0)}
.btn{padding:.6rem 1.3rem;background-color:#000000;border:2px solid #000000;font-size:.95rem;color:#1abc9c;line-height:1;border-radius:25px;outline:none;cursor:pointer;transition:.3s;margin:0}
.btn:hover{background-color:transparent;color:#000000}
.input-container span{position:absolute;top:0;left:25px;transform:translateY(-50%);font-size:.8rem;padding:0 .4rem;color:transparent;pointer-events:none;z-index:500}
.input-container span:before,.input-container span:after{content:"";position:absolute;width:10%;opacity:0;transition:.3s;height:5px;background-color:#1abc9c;top:50%;transform:translateY(-50%)}
.input-container span:before{left:50%}
.input-container span:after{right:50%}
.input-container.focus label{top:0;transform:translateY(-50%);left:25px;font-size:.8rem}
.input-container.focus span:before,.input-container.focus span:after{width:50%;opacity:1}
.contact-info{padding:2.3rem 2.2rem;position:relative}
.contact-info .title{color:#1abc9c}
.text{color:#040404;margin:1.5rem 0 2rem}
.information{display:flex;color:#050404;margin:.7rem 0;align-items:center;font-size:.95rem}
.icon{width:28px;margin-right:.7rem;margin-bottom:30px}
.contact-social-media{padding:2rem 0 0}
.contact-social-media p{color:#000000}
.contact-social-icons{display:flex;margin-top:.5rem}
.contact-social-icons a{width:35px;height:35px;border-radius:5px;background:linear-gradient(45deg,#1abc9c,#149279);color:#000000;text-align:center;line-height:35px;margin-right:.5rem;transition:.3s}
.contact-social-icons a:hover{transform:scale(1.05)}
.square{position:absolute;height:400px;top:50%;left:50%;transform:translate(181%,11%);opacity:.2}

/* --------------------------------------------- DISCLAIMER PAGE CSS ------------------------------------------- */

.disclaimer-hero h1{color:#000000;line-height:1.1;text-align:center;margin-bottom:10px;margin-top:40px;text-decoration:underline}
.disclaimer{width:100%;padding:40px}
.disclaimer h3{font-size:22px}
.disclaimer p{font-size:16px;margin-bottom:20px}

/* ---------------------------------------------- LOCALITY PAGE CSS -------------------------------------------- */

.inter-link-same a{color:#ff0000;transition:0.3s ease-in-out;}
.inter-link-same a:hover{font-size: 19px;color: #c00909;}
.site-name{color: #138018;transition:0.3s ease-in-out;}
.locality-hero-head{display:flex;height:88%;align-items:center;gap:80px}
.locality-hero{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:center;padding:20px}
.locality-hero li{list-style:none}
.locality-hero-head h1{color:#000000;line-height:1.4;text-align:center;margin-bottom:10px;font-size:40px}
.locality-hero-head p{color:#000000;font-size:18px;line-height:1.6}

/* ---------------------------------------------- LOCATION PAGE CSS -------------------------------------------- */

.location-hero{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:center;align-items:center}
.location-hero h1{color:#000000;line-height:1.1;text-align:center;margin-bottom:10px;margin-top:40px;text-decoration:underline}
.locations{padding:30px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.location-card{width:300px;padding:10px;margin-top:20px;text-align:center;transition:transform .3s ease-in-out,filter .3s ease-in-out;filter:grayscale(100%)}
.location-card:hover{cursor:pointer;transform:translateY(-20px);filter:grayscale(0%);box-shadow:rgba(0,0,0,0.4) 0 30px 90px}
.location-card a{color:#000}
.location-heading{margin-bottom:-20px;text-align:center;}
.location-card img{width:270px}
.location-card h3{font-size:20px}
.location-card p{font-size:14px}
.explore{border:.5px solid var(--secondry-text-color);border-radius:6px;font-weight:700;color:#000;padding:12px 24px;transition:.2s ease-out;width:fit-content;margin:auto;margin-top:15px}
.location-card:hover .explore{background-color:var(--accent-color);color:#fff;padding:10px 20px;border-radius:10px;outline:none}

/* ---------------------------------------------- P&P PAGE CSS -------------------------------------------- */

.pp-hero{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:center;align-items:center}
.pp-hero h1{color:#000000;line-height:1.1;text-align:center;margin-bottom:10px;margin-top:40px}
.pp{padding:40px}
.pp h2{font-size:30px;margin-bottom:40px;text-decoration:underline}
.pp h3{font-size:22px}
.pp p{font-size:16px;margin-bottom:20px}

/* ---------------------------------------------- T&C PAGE CSS -------------------------------------------- */

.TC-hero{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:center;align-items:center}
.TC-hero h1{color:#000000;line-height:1.1;text-align:center;margin-bottom:10px;margin-top:40px}
.details{display:flex;padding:20px;gap:20px;justify-content:space-evenly}
.details h2{font-size:28px;margin-bottom:40px;text-decoration:underline}
.details h3{font-size:20px}
.details p{font-size:14px;margin-bottom:20px}
.age{width:30%}
.user{width:35%}
.TC-content{width:35%}

/* Media-Queries */

@media screen and (max-width: 991px) {
    body{margin:0;padding:0!important;box-sizing:border-box;text-align:center}
    h3{font-size:1.2rem}
    .nav-toggle{margin-right:20px;display:block;margin-bottom:20px}
    .main-nav{overflow:initial;margin-bottom:20px}
    .nav-links{position:fixed;background-color:transparent;backdrop-filter:blur(8px);left:-100%;top:50px;width:100%;padding-block:20px;transition:.2s ease-out;-webkit-backdrop-filter:blur(8px);}
    .nav-links.active{left:0;}
    .nav-links ul{flex-direction:column}
    .hero-card-section{width:100%;margin:0;padding:0}
    .hero-head{width:100%}
    .top-profile-name{margin-left:0}
    .top-profile-name span{margin:0}
    .gallery{width:100%;padding:20px}
    .box{grid-row:span 1;grid-column:span 3}
    .faq-section{background:none}
    .faqs{max-width:100%;padding:45px 60px}
    .faqs .image-box{height:360px;width:100%}
    .faqs .faqs-text{width:63%}
    .FAQ-section{padding-block:10px}
    .col{flex:100%;max-width:100%}
    .inner{padding:0}
    .blogs-area{gap:20px}
    .blogs-card{width:calc(50% - 10px);height:200px}
    .services{width:100%}
    .social1{margin-left:0;}

                                 /* BLOG PAGE MEDIA QUERIES */

.blog-page-head{flex-direction:column;justify-content:center;align-items:center;width:100%}
.blog-page-head h1{width:100%}
.blog-page-head p{width:100%}
.blog-page-section1,.blog-page-section2{flex-direction:column}
.blog-page-content1{width:100%;padding:0 30px}
.blog-page-section2{gap:0;padding:0;padding-bottom:40px}

/* ------------------------------------------- BLOGS MEDIA QUERIES ------------------------------------------- */

.blog-home-card{width:40%}
.blog-home img{height:60%}
.blog-home a{transition:none;transform:none}
.blog-hero-head{width:80%}

/* ------------------------------------------- CATEGORIES MEDIA QUERIES ------------------------------------------- */

.categories-hero-head{width:100%}

/* ------------------------------------------- LOCALITY MEDIA QUERIES ------------------------------------------- */

.locality-hero-head{width:100%}
.carousel img{width:calc(100% / 2)}

/* ------------------------------------------- BLOGS MEDIA QUERIES ------------------------------------------- */

/* ------------------------------------------- BLOGS MEDIA QUERIES ------------------------------------------- */


}

@media screen and (max-width: 767px) {
    .primary-button{width:100%}
    .hero{display:flex;flex-direction:column;justify-content:center;align-items:center}
    .hero-head{flex-direction:column;width:100%}
    header{height:auto;margin-bottom:20px}
    .hero-card-sec{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:40px}
    .feature-card{min-width:calc(50% - 10px)}
    .carousel img{width:calc(100% / 2)}
    .top-profile-container{flex-direction:column}
    .top-profiles-section{height:100%}
    .profile-image img{margin:20px 0}
    .profile-description{padding:10px;background:transparent;margin:0;width:100%}
    .first-image{flex-direction:column-reverse}
    h2{font-size:2rem}
    .categories{flex-direction:column}
    .content{height:230px;opacity:1;top:17%}
    .content p{margin-top:10px}
    .section{width:100%;height:230px;margin-bottom:60px}
    .section h3{font-size:28px}
    .section:hover .content{transform:translateY(-17.5%)}
    .blogs-card{width:250px}
    .col{flex:100%;max-width:100%}
    .services{width:100%}
    .blogs-card{width:100%}
    .profile-card{width:calc(50% - 20px)}
    #toggle-arrow i{margin-left:0}

 /* ------------------------------------------- T&C MEDIA QUERIES ------------------------------------------ */   
 .details{
    display: flex;flex-direction: column;}
.user{width: 100%;}
.age{width: 100%;}
.TC-content{width: 100%;}


/* ------------------------------------------- CATEGORIES MEDIA QUERIES ------------------------------------------ */

.categories-hero{display:flex;flex-direction:column;justify-content:center;align-items:center}
.categories-hero-head{flex-direction:column;width:100%}
header{height:auto;margin-bottom:20px}
.categories-hero-card-sec{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:40px}

/* ------------------------------------------- CONTACT US MEDIA QUERIES ----------------------------------------- */

.contact-us-form{grid-template-columns:1fr;padding:0}
.contact-container{padding:0}
.contact-text{text-align:center}

/* ------------------------------------------- LOCALITY MEDIA QUERIES ------------------------------------------- */

.locality-hero{display:flex;flex-direction:column;justify-content:center;align-items:center}
.locality-hero-head{flex-direction:column;width:100%}

/* ------------------------------------------- BLOGS MEDIA QUERIES ------------------------------------------- */

.location-card{width:220px;margin-top:30px;text-align:center;transition:transform .3s ease-in-out,filter .3s ease-in-out;filter:grayscale(0%);box-shadow:rgba(0,0,0,0.4) 0 30px 90px}
.location-card:hover{cursor:pointer;transform:translateY(-20px)}
.location-card img{width:200px}
.locations{padding:10px}

}
 
@media screen and (max-width: 479px) {
    :root{--padding-inline-section:10px}
    h1{font-size:35px}
    h2{font-size:28px}
    h3{font-size:24px}
    h4{font-size:20px}
    p{font-size:15px}
    .container p{line-height:2.2rem}
    header{padding:0}
    .hero h1{font-size:50px;margin-top:20px}
    .hero p{text-align:center;margin-top:1cqw}
    .hero-card{width:130px;height:180px}
    .feature-card img{width:140px}
    .feature-card{min-width:calc(50% - 30px);height:550px}
    .carousel img{width:100%}
    .profile-image{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;border-radius:0}
    .profile-image img{margin:20px 0}
    .profile-description{padding:10px;background:transparent;margin:0;border-radius:0}
    .services{width:100%}
    .blogs-card{width:100%}
    .profile-card{width:calc(50% - 20px);max-width:none}
    .faq-section{background:none}
    .faq-right{padding:0;margin:0;margin-top:40px}
    .title{text-align:center}
    .faqs{padding:25px}
    .faqs-text li p{width:98%}
    .gallery{width:100%;padding:30px;gap:20px}
    .image-list img{width:100%}
    .box{grid-row:span 2;grid-column:span 3}
    .content{height:350px}
    .content p{line-height:1.3rem}
    .section{height:350px}
    .section h3{font-size:25px}
    .button{width:150px}
    footer{flex-direction:column;padding:30px;gap:40px;align-items:center}
    .links{width:100%}
    .social{display:flex;justify-content:center;align-items:center}
    .social a{margin:15px}
    .fa-square-facebook{color:#1877F2}
    .fa-instagram{color:#C13584}
    .fa-twitter{color:#1DA1F2}
    .fa-pinterest{color:#E60023}
    .social{display:block;}
    .fa-youtube{color:#FF0000;}
    .subfooter{flex-direction:column;gap:20px;}
    .copyright{justify-content:center;}

/* ------------------------------------------- BLOG PAGE MEDIA QUERIES ------------------------------------------- */

.blog-page-head h1{font-size:50px}
.blog-sec h2{font-size:32px;width:100%;padding:40px 5px}
.blog-page-border{width:80%;margin-bottom:60px}
.blog-page-image1 img{width:100%;padding:10px}
.blog-page-content1{width:100%;padding:0 5px;text-align:center}
.blog-page-section2{gap:0;padding:0;padding-bottom:40px;padding-top:0}
.blog-page-heading3{height:fit-content}
.blog-page-content3{padding:5px 10px;text-align:center}

/* ------------------------------------------- BLOGS MEDIA QUERIES ------------------------------------------- */

.blog-home-card{width:90%}
.blog-home-head{width:95%}

/* ------------------------------------------- CONTACT US MEDIA QUERIES ------------------------------------------- */

.contact-container p{line-height:2.2rem}
.information{margin:0}
.contact-info{padding:10px}
.contact-social-media p{margin:0}
.contact-social-icons{display:flex;justify-content:center;font-size:20px}

/* ------------------------------------------- LOCALITY MEDIA QUERIES ------------------------------------------- */

.locality-hero h1{font-size:50px;margin-top:20px}
.locality-hero p{text-align:center;margin-top:1cqw}

/* ------------------------------------------- LOCATIONS MEDIA QUERIES ------------------------------------------- */

.location-card{width:150px}
.location-top{height:280px;overflow:hidden}
.location-card img{width:130px}
.location-card h3{font-size:16px}
.location-card p{font-size:13px}
.locations{padding:5px;gap:10px;justify-content:center}
.explore{margin-top:-10px;padding:10px 20px;width:130px}
.explore h3{font-size:13.5px}

.fixed-contacts {
    right: 85px;
    margin: 2px;
    bottom: 10px;
}

.fixed-contacts a{
    width: 150px;
    border-radius: 0;
    font-size: 20px;
}

.fixed-contacts i {
    font-size: 25px;
}

.whatsapp-chat a {
    background-color: #02be0b;
}

.phone-call a {
    background-color: #007bff;
}

    
    }