*, body, html{ margin: 0; padding: 0; font-family: verdana, Helvetica, Arial, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff } body{ background: #420612 } .img-width{ width: 100%; height: 300px } img{ width: 100% }  .pd-top-10{ padding-top: 10px } .pd-topbtm-50{ padding: 50px 0 }  .pd-btm-50{ padding-bottom: 50px; background: #333333; } .container{ width: 1200px; margin: auto } .container-top{ width: 1200px; margin: auto } a{ text-decoration: none; color: #ff0; font-weight: 600 } p a strong:hover{ color: #e8647d } strong{ color: #fff } a strong{ color: #fdee6c } .display-flex{ display: flex; align-items: center } .display-flex-align-top{ display: flex } .backdrop{ background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none } .close-trigger{ height: 40px; width: 40px; border-radius: 50%; background: #fff; position: relative; z-index: 9999; position: fixed; right: 10%; top: 10%; display: none } .close-trigger:before{ content: ""; position: absolute; height: 18px; width: 3px; background: #777; border-radius: 999px; transform: rotate(-45deg); z-index: 9999; left: 18px; top: 10px } .close-trigger:after{ content: ""; position: absolute; height: 18px; width: 3px; background: #777; border-radius: 999px; transform: rotate(-137deg); z-index: 9999; left: 18px; top: 10px }   .white-text{ color: #fff } .yellow-text{ color: #ff0 }    .text-center{ text-align: center }  img{ vertical-align: bottom } .img-width{ width: 100%; height: 300px }  .main-text-box{ background: #000 }      header{ width: 100%; padding: 7px 0; position: relative; left: 0; top: 0; z-index: 99; background: #420612 } .top-header{ padding: 10px 0; width: 21% } .logo{ width: 160px } .menu-box{ background: #420612; display: flex; justify-content: flex-end; flex: 1; border-radius: 5px } .menu ul{ margin: 0; padding: 0; text-align: center } .menu ul li{ display: inline-block; position: relative } .menu ul li a{ padding: 16px; display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600 } .menu ul li ul{ background: #fdee6c; width: 360px; display: none; text-align: left; padding: 5px 15px; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; top: 100%; position: absolute } .menu ul li ul li{ width: 48%; display: inline-block } .menu ul li ul li a{ color: #ae0022; display: block; padding: 10px 5px; font-size: 14px; font-weight: 600; text-transform: none } .menu ul li ul li a:hover{ color: #000 } .menu ul li:hover ul{ display: block }  .banner{ background: #fff }  h1{ font-size: 27px; color: #ff0 } h2{ font-size: 24px; color: #ff0 } h3{ font-size: 22px; color: #ff0 } .main-hd h5{ font-size: 16px; margin-bottom: 9px } .main-hd h5 span{ background: #e62c2c; display: inline-block; padding: 5px 10px; border-radius: 5px } .main-hd{ font-weight: 600; line-height: 35px; margin: 0; margin-bottom: 20px; font-family: Georgia } .main-txt p{ font-size: 17px; margin-bottom: 15px; text-align: justify; line-height: 26px; font-weight: 400; color: #ffff } .main-txt h5{ font-size: 22px; font-family: Georgia; margin-bottom: 20px }  .home-top-hd{ font-size: 32px; font-weight: 600; margin: 0; margin-top: 40px; font-family: Georgia }  .top-box-lf{ padding: 15px; margin-top: 15px; border: 4px solid yellow } .top-box-img{ width: 250px }   .top-box-rt{ width: 77%; padding: 10px 30px; text-align: justify } .top-box-rt .top-box-hd{ font-size: 22px; font-family: Georgia; font-weight: 600 } .top-box-rt span{ margin-bottom: 18px; margin-top: 5px; display: block } .top-box-rt p{ margin-bottom: 15px; font-size: 17px; line-height: 26px } .call-btn{ background: #fdee6c; border-radius: 5px; display: inline-block; font-size: 16px; color: #000; padding: 10px 30px } .contact-btn{ background: #3e030f; border-radius: 5px; display: inline-block; font-size: 16px; color: #fff; padding: 10px 30px; margin-left: 10px }      .call-girl ul{ margin: 0 -50px; padding: 0; text-align: center } .call-girl ul li{ display: inline-block; position: relative; width: 17%; margin: 10px } .call-girlInner{ border: #fff solid 2px; border-radius: 5px } .call-girlInner h3{ font-size: 20px; color: #fff }    .call-girls-pop{ position: fixed; width: 350px; display: none; top: 10%; border: #fff solid 5px; z-index: 9999; left: 0; right: 0; margin: auto }                                      footer{ background: #420612; padding: 40px 0 } .footer-box-top ul{ margin: 0; padding: 0; text-align: center } .footer-box-top ul li{ display: inline-block; position: relative } .footer-box-top ul li a{ font-size: 13px; color: #fff; padding: 0 20px; display: inline-block; text-transform: uppercase } .copyright{ padding-top: 30px; font-size: 13px; text-align: center; color: #fff } .mobile-view{ display: none } @media (max-width:992px) { .container{ width: auto; padding: 0 15px } .container-top{ width: auto } .display-flex, .display-flex-align-top, .menu-box{ display: block } .top-box-img, .top-box-rt{ width: 100% } .call-girl ul li{ width: 23% } .top-box-rt{ padding: 0; padding-top: 20px } header{ position: relative } .top-header{ width: 100%; background: #000 } .logo{ text-align: center; margin: auto } .menu{ background: #420612 } .menu ul{ margin: 15px } .menu ul li{ display: block; border: #fff solid 1px; border-radius: 4px; margin: 5px 0 } .menu ul li a{ padding: 10px 20px; display: block; background: #420612 }   .menu ul li:hover ul{ display: none; width: auto }    .menu ul li ul li a{ background: 0 0 } } @media (max-width:767px) { .call-girl ul li{ width: 45% }  footer{ padding-bottom: 80px } .mobile-view{ display: flex; position: fixed; bottom: 0; left: 0; width: 100% } .call-us{ width: 50%; background: #530918 } .whatsapp-now{ width: 50%; background: #09660d } .mob-txt{ font-size: 13px; color: #fff; padding: 17px; padding-left: 60px; position: relative } .mob-txt span{ width: 25px; height: 25px; left: 20px; top: 10px; display: inline-block; position: absolute } .menu ul li a{ font-size: 12px } } @media (max-width:680px) { .call-girl ul{ margin: 0 } .call-girl ul li{ width: 95% }  .search-title{ font-size: 14px } } .search-form-area{ max-width: 700px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, .08) } .custom-select-wrapper{ position: relative } .custom-select-wrapper::before{ content: "";  background-size: 18px; background-repeat: no-repeat; background-position: center; width: 40px; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; filter: grayscale(100%) brightness(.3); opacity: .7 } .custom-select{ width: 100%; padding: 12px 18px 12px 50px; font-size: 16px; border: 2px solid #ccc; border-radius: 10px; background-color: #f9f9f9; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23333' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px } .custom-select:focus{ border-color: #007bff; background-color: #fff; outline: 0 } .custom-select option{ color: #000 } .search-title{ color: #000; text-align: center; margin-bottom: 10px; font-weight: 700 } @media (max-width:576px) { .custom-select{ font-size: 15px; padding: 12px 16px 12px 50px } } .contain{ padding: 50px 20px 40px; max-width: 1240px; margin: auto } .bg-light1{ background-color: #000 } .mainheading{ font-size: 27px; margin-bottom: 30px } .link-grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; padding: 5px } .link-badge{ display: block; padding: 5px 7px; font-size: 13px; border-radius: 20px; text-align: center; font-weight: 700; text-decoration: none; color: #fff; transition: all .3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, .1) } .badge-color-1{ background: #ff0079 } .badge-color-2{ background: #1fa9e2 } .badge-color-3{ background: #9f0c4a } .badge-color-4{ background: #ff8c00 } .link-badge:hover{ transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, .2); opacity: .9 } @media (max-width:992px) { .link-grid{ display: grid; grid-template-columns: repeat(3, 1fr) } } @media (max-width:576px) { .link-grid{ display: grid; grid-template-columns: repeat(2, 1fr) } .link-badge{ display: block; padding: 5px 6px; font-size: 12px } }         .custom-select{ color: #191919 } .search-form-area{ margin: 40px auto 20px } .tags-section{ background-color: #312225; padding: 30px 20px; color: #fff } .tags-section h3{ font-size: 24px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px } .tags-section h3 i{ color: #fff } .tags-wrapper{ display: flex; flex-wrap: wrap; gap: 10px } .tags-wrapper a{ padding: 3px 12px; font-size: 12px; font-weight: 600; border-radius: 12px; color: #fff; text-decoration: none; display: inline-block; transition: all .3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, .2) } .tags-wrapper a:hover{ transform: scale(1.05); opacity: .9 } a.badge:nth-child(6n/**/+1){ background-color: #dc3545 } a.badge:nth-child(6n/**/+2){ background-color: #007bff } a.badge:nth-child(6n/**/+3){ background-color: #28a745 } a.badge:nth-child(6n/**/+4){ background-color: #347dbd } a.badge:nth-child(6n/**/+5){ background-color: #17a2b8 } a.badge:nth-child(6n/**/+6){ background-color: #fd7e14 } 
/* Performance and layout safeguards */
img, video { max-width: 100%; }
video { height: auto; }
@media (max-width: 767px) {
  .container { max-width: 100%; }
  .top-box-lf { flex-wrap: wrap; }
  .top-box-img { max-width: 100%; }
}