h1 { font-family: "Bebas Neue"; font-weight: 500; }
p { font-family: Poppins; font-size: 14px; }
li { font-family: Urbanist; }
.responsive.flex.gap-4.w-\[950px\].-ml-12.slick-initialized.slick-slider { margin-top: -80px; }
.slick-slide { margin-right: 10px; }
#HoverButton { position: relative; cursor: pointer; overflow: hidden; }
#HoverButton::before { content: ""; position: absolute; left: 0px; width: 100%; height: 0%; background-color: rgb(156, 63, 0); transition: 0.8s; bottom: 0px; border-radius: 50% 50% 0px 0px; color: white; }
#HoverButton:hover::before { height: 180%; }
#HeaderBgImage { background-position: 67% center; background-size: cover; background-image: url("../assets/HeroSectionBanner.webp"); }
#HeaderBgImage2 { background-position: 67% center; background-size: cover; background-image: url("../assets/HeroSectionBanner2.webp"); }
#HeaderBgImage3 { background-position: 67% center; background-size: cover; background-image: url("../assets/HeroSectionBanner3.webp"); }
.marquee { white-space: nowrap; animation: 30s linear 0s infinite normal none running marquee; letter-spacing: 3px; word-spacing: 5px; font-size: 17px; }
@keyframes marquee { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
:root { --off-white: #fafaf0; --light-gray: #9ca6a2; }
@keyframes infiniteLoop { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(calc(-1000px), 0px, 0px); }
}
.brandsCarousel { max-width: 100%; max-height: 100px; margin: auto; overflow: hidden; position: relative; }
.brandsCarousel::before, .brandsCarousel::after { content: ""; width: 100px; height: 100px; background: linear-gradient(to right, rgb(250, 250, 240) 0%, rgba(250, 250, 240, 0) 100%); position: absolute; z-index: 2; }
.brandsCarousel::before { top: 0px; left: 0px; }
.brandsCarousel::after { top: 0px; right: 0px; transform: rotateZ(180deg); }
.carouselTrack { width: calc(2000px); animation: 10s linear 0s infinite normal forwards running infiniteLoop; will-change: transform; }
.brandLogo { width: 100px; height: 50px; align-items: center; margin: auto; overflow: hidden; }
.brandLogo svg { width: 100px; height: 50px; }
#AvialDisSection { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/AvailDisBgImage.webp"); }
#ServiceBgImag { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/ServicesBgImage.webp"); }
#WhyChooseSection { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/WhyChooseBgImage.webp"); }
#PortfolioBgImage { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/PortFolioBgImage.png"); }
#portfolioImageOverlay::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(10, 10, 10, 0.2); }
.eg_tabs, .eg_big_tab_container { margin: auto; }
.eg_tab { float: left; width: 25%; padding: 16px 6px; text-align: center; font-size: 18px; cursor: pointer; }
.eg_big_tab { padding: 20px; color: white; }
.txt { margin: 1rem; padding: 1rem; }
.row::after { content: ""; display: table; clear: both; }
#ContactSecRight { position: relative; height: 70vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background-position: 67% center; background-size: cover; background-image: url("../assets/ContactSection.webp"); }
#ContactSecRight::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(10, 10, 10, 0.3); }
#ContactSecBgImage { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/ContactBgImage.webp"); }
#ContactSecBgImage::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(8, 8, 8, 0.1); }
button.slick-prev.slick-arrow { left: -50px; }
button.slick-next.slick-arrow { right: -25px; }
.slick-prev::before, .slick-next::before { font-size: 25px !important; }
img.w-\[150px\].rounded-full.h-\[250px\] { width: 150px !important; }
.cont_slider { width: 860px; }
#Testimonials .slick-prev::before { position: relative; right: 80px; content: url("../assets/Right.webp") !important; }
#Testimonials button.slick-next.slick-arrow::before { position: relative; left: 60px; content: url("../assets/Left.webp") !important; }
#Testimonials .slick-slide { padding: 100px 0px 0px; }
.slick-prev::before { color: black; }
#FaqsSection { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/FaqsSection.jpg.webp"); }
.faq-container { width: 100%; max-width: 700px; background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: hidden; }
.faq-item { border-bottom: 1px solid rgb(233, 236, 239); }
.faq-item:last-child { border-bottom: none; }
.faq-question { padding: 20px; font-size: 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: rgb(250, 250, 250); color: rgb(0, 0, 0); transition: background-color 0.3s; }
.faq-question:hover { background-color: rgb(211, 211, 211); }
.faq-answer { max-height: 0px; overflow: hidden; padding: 0px 20px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 14px; line-height: 1.6; transition: max-height 0.3s, padding 0.3s; }
.faq-answer.open { max-height: 200px; padding: 15px 20px; }
.arrow { font-size: 18px; transition: transform 0.3s; }
.arrow.open { transform: rotate(90deg); }
#AboutHeaderBgImage { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/AboutSection.webp"); }
#AboutHeaderBgImage::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
#ServiceHeaderBgImage { position: relative; background-position: 67% center; background-size: cover; background-image: url("../assets/AboutSection.webp"); }
#ServiceHeaderBgImage::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
#FooterPart2 { background-position: center center; background-size: cover; background-image: url("../assets/footerBgImage.webp"); }
@media (max-width: 1666px) {
  #FooterPart0 { width: 70% !important; justify-content: center !important; align-items: center !important; }
  #AboutPage .AboutPageImage1 { width: 48% !important; }
  #AboutPage .AboutPageImage2 { width: 45% !important; margin-left: -25%; }
}
@media (max-width: 1360px) {
  #AboutPage .AboutPageImage1 { width: 53% !important; }
  #AboutPage .AboutPageImage2 { width: 48% !important; margin-left: -25%; }
}
@media (max-width: 1280px) {
  nav { padding-left: 4%; padding-right: 4%; }
  #HeaderBgImage { width: 1280px !important; }
  #HeaderBgImage3 { width: 1280px !important; }
  #ContactSecRight { height: 80vh; }
  #ServiceName { margin-top: -14px !important; line-height: 19px; }
  #ServicesCard { min-height: 200px !important; }
  #AboutPage .AboutPageImage1 { width: 55% !important; }
  #AboutPage .AboutPageImage2 { width: 52% !important; margin-left: -25%; }
}
@media (max-width: 1199px) {
  #ServiceBgImag { padding-left: 8%; padding-right: 8%; }
  #FooterPart1 { padding-left: 12%; padding-right: 12%; }
  #FooterPart2 { padding-left: 12%; padding-right: 12%; }
}
@media (max-width: 1100px) {
  #WhyChooseSection { padding-left: 5%; padding-right: 5%; }
  #WhyChooseSection #WhyChooseImage1 { width: 85%; height: 430px; }
  #WhyChooseSection #WhyChooseImage2 { right: -6%; width: 250px; }
  #PortfolioBgImage { padding-left: 3%; padding-right: 3%; }
  #ContactSecBgImage { padding-left: 10%; padding-right: 6%; }
  #ContactLeftSidePara { width: 90%; }
  #ContactSecBgImage #ContactShape1 { width: 160px !important; top: 35%; }
  #FooterPart1 { padding-left: 8%; padding-right: 8%; }
  #FooterPart2 { padding-left: 8%; padding-right: 8%; }
  #FooterPart3 { padding-left: 4%; padding-right: 4%; }
  #FooterPart3 img { width: 230px; height: 60px; }
  #ServiceBgImag { padding: 6% 4%; }
  #AboutPage { padding-left: 3%; padding-right: 3%; }
  #AboutPage .AboutPageImage1 { width: 58% !important; }
  #AboutPage .AboutPageImage2 { width: 54% !important; margin-left: -30%; }
  #AboutPageRight p { font-size: 13.5px; }
  #BenefitsSection { gap: 25px !important; }
  #QuestionSection { padding-left: 5%; padding-right: 5%; gap: 40px !important; }
}
@media (max-width: 999px) {
  #AvialDisSection { padding-left: 6%; padding-right: 6%; gap: 10px !important; }
  #AvialDisSection #AvialDisRightSide { align-items: end; }
  #Section4 { gap: 14px; padding-left: 5%; padding-right: 5%; }
  #Section4 img { width: 100%; display: flex; justify-content: center; }
  #ServiceBgImag { padding-left: 5%; padding-right: 5%; }
  #PortfolioBgImage { padding-left: 0%; padding-right: 0%; }
  #ContactSecBgImage { padding-left: 9%; padding-right: 5%; }
  #Testimonials .slick-prev::before { right: 30px; }
  #Testimonials button.slick-next.slick-arrow::before { left: 20px; }
  #AboutPage { padding-left: 3%; padding-right: 3%; }
  #AboutPage .AboutPageImage1 { width: 56% !important; height: 390px; }
  #AboutPage .AboutPageImage2 { height: 380px; margin-left: -30%; width: 55% !important; }
  #AboutPageRight p { font-size: 12.5px; }
  #ContactPageContentSec { padding-left: 7%; padding-right: 7%; }
  #ContactContentPara { width: 80%; }
  #QuestionSection #QuestionSecHeading { font-size: 40px; }
  #QuestionSection #QuestionSectionLeftSide img { height: 240px; }
  #BookSection { padding: 6% 5%; }
  #BookSection #BooksecHead { font-size: 42px; }
  #BookSection #BooksecHead2 { font-size: 27px; }
  #BookSection #BookSecLeftSide p { font-size: 13.5px; }
  #ContactSecLeftSide h4 { font-size: 15px !important; }
  #ContactSectionLeftIcon { gap: 60px; }
  #BenefitsSection { padding-left: 5%; padding-right: 5%; }
}
@media (max-width: 890px) {
  #ServiceBgImag { padding-left: 0% !important; padding-right: 0% !important; }
  #FooterPart0 { width: 90% !important; justify-content: center !important; align-items: center !important; }
  #FooterPart0LeftSide img { height: 129px !important; }
  #FooterPart0RightSide img { height: 150px !important; width: 100% !important; }
  #FooterPart0MiddleSide img { margin-top: -67px !important; }
  #FooterPart1 { padding: 2.5% 4% !important; }
  button.slick-prev.slick-arrow { left: -80px; }
  button.slick-next.slick-arrow { right: -45px; }
  #AboutPage { padding-left: 1% !important; padding-right: 1% !important; gap: 5px !important; }
  #AboutPage .AboutPageImage1 { width: 57% !important; }
  #QuestionSection { padding-left: 3.5%; gap: 25px !important; }
  #QuestionSection p { font-size: 13.5px; }
  #QuestionSection #QuestionSectionLeftSide img { height: 230px; }
  #BookSection #BooksecHead { font-size: 38px; }
  #BookSection #BooksecHead2 { font-size: 25px; margin-top: 12px; }
  #BookSection #BookSecLeftSide p { font-size: 13px; margin-top: 20px; }
  #BenefitsLeftSide { gap: 20px !important; }
  #BenefitsLeftSide h1 { font-size: 29px; }
  #BenefitsLeftSide p { font-size: 13px; }
  #BenefitsRightSide img { height: 430px; }
}
@media (max-width: 769px) {
  nav { padding-left: 2%; padding-right: 2%; }
  nav #Logo { width: 170px; height: 55px; }
  div#navbar-dropdown { position: absolute; top: 80%; z-index: 2147483647; left: -4%; width: 130%; transition: 1s; }
  div#navbar-dropdown ul {display: flex;flex-direction: column;justify-content: start;align-items: start;padding: 30px 50px 30px;font-size: 14px;text-align: start !important;gap: 10px !important;}
  div#navbar-dropdown ul .contact {padding: 8px 13px !important;}
  #AvialDisSection { flex-direction: column-reverse; gap: 40px; padding-left: 10% !important; padding-right: 4% !important; }
  #AvialDisSection #AvialDisLeftSide { width: 100%; }
  #AvialDisSection #AvialDisRightSide { width: 100%; align-items: start; }
  #AvialDisSection #AvialDisShape1 { top: 70%; width: 160px !important; }
  #AvialDisSection #AvialDisShape2 { top: 2%; width: 250px !important; }
  #Section4 { flex-direction: column; padding-top: 40px; padding-bottom: 80px; padding-right: 4% !important; }
  #Section4LeftSide { width: 100%; padding-left: 1% !important; }
  #Section4RightSide { padding-left: 6% !important; width: 100%; }
  #ServiceBgImag { padding-right: 6% !important; padding-left: 6% !important; }
  #ServiceBgImag #ServicesCard { width: 45%; height: auto; padding-bottom: 10px; }
  #WhyChooseSection { flex-direction: column; padding-right: 6% !important; gap: 100px !important; padding-left: 6% !important; }
  #WhyChooseSection #WhyChooseLeftSide { width: 100%; }
  #WhyChooseLeftSide #WhyChooseImage1 { width: 65%; }
  #WhyChooseLeftSide #WhyChooseImage2 { right: 10%; width: 260px; }
  #WhyChooseSection #WhyChooseRightSide { width: 100%; padding-left: 3.5%; }
  #PortfolioBgImage .eg_tab { width: 30%; margin-top: 10px; padding: 13px 5px; font-size: 16px; }
  .eg_big_tab #portfolioImageOverlay { width: 43%; }
  #ContactSecBgImage { flex-direction: column; gap: 0px; }
  #ContactSecBgImage #ContactSecLeftSide { padding: 10% 1.5%; width: 100%; }
  #ContactSecBgImage #ContactSecRightSide { width: 100%; }
  #ContactSecRight { display: none; height: 40vh; background-image: none; }
  #ContactSecBgImage #ContactShape1 { width: 150px !important; }
  #ContactSecBgImage #ContactShape2 { width: 200px !important; top: 30%; }
  .responsive.slick-initialized.slick-slider { width: 500px !important; }
  .faq-question { font-size: 14px; padding: 15px; }
  .faq-answer { font-size: 13px; }
  #FooterPart0MiddleSide {height: 16vh;padding: 20px;}
  #FooterPart0MiddleSide img { margin-top: -75px; }
  #FooterPart0LeftSide { display: none; }
  #FooterPart0RightSide { display: none; }
  #FooterPart1 { padding: 20px 50px; }
  #FooterPart1 div { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
  #FooterPart1 p { width: 100%; }
  #FooterPart2 { padding: 40px 50px; }
  #FooterPart2 div { gap: 6px !important; }
  #FooterPart3 img { width: 187px; height: 50px; }
  #FooterPart3 div { width: 35%; }
  #AboutPage { flex-direction: column; padding: 5% 7% !important; gap: 80px !important; }
  #AboutPage div { width: 100% !important; }
  #AboutPageLeft div { left: 0%; }
  #AboutPage .AboutPageImage1 { width: 45% !important; height: 420px !important; }
  #AboutPage .AboutPageImage2 { height: 420px !important; width: 45% !important; }
  #InnerPagesHeader { font-size: 45px; padding-left: 9%; text-align: start !important; }
  #TestimonialHeading { text-align: center; }
  #ContactIconSec { flex-wrap: wrap; }
  #ContactIconSec div { width: 33%; }
  #ContactIconSec div h1 { font-size: 18px; }
  .ContactDetails { display: none; }
  #ContactPageContentSec { flex-direction: column; gap: 20px !important; }
  #QuestionSection { flex-direction: column; padding-left: 8%; padding-right: 8%; }
  #QuestionSection div { width: 100%; }
  #QuestionSection p { font-size: 13.5px; }
  #QuestionSectionLeftSide { gap: 0px !important; }
  #QuestionSection #QuestionSectionLeftSide img { height: 260px; width: 90%; }
  #BookSection { padding: 0% 8% 7%; flex-direction: column-reverse; }
  #BookSection div { width: 100% !important; }
  #BookSecRightSide { display: flex; justify-content: center; align-items: center; text-align: center; }
  #BookSecRightSide img { width: 85%; }
  #BookSection #BooksecHead { font-size: 40px; }
  #BookSection #BooksecHead2 { font-size: 28px; margin-top: 12px; }
  #BookSection #BookSecLeftSide p { font-size: 13.1px; margin-top: 20px; }
  #BenefitsSection { padding-left: 10%; padding-right: 10%; flex-direction: column-reverse; gap: 40px !important; }
  #BenefitsSection div { width: 100%; }
  #BenefitsLeftSide h1 { font-size: 32px; }
}
@media (max-width: 620px) {
  #QuestionSection #QuestionSectionLeftSide img { height: 240px; width: 95%; }
}
@media (max-width: 480px) {
    .ftr_icon { width: 50px; margin-right: 12px;}
  nav #Logo { width: 190px !important; height: 55px; }
  #HeaderBgImage { padding-left: 7%; padding-right: 7%; background-position-x: 87%; }
  #HeaderBgImage3 { padding-left: 7%; padding-right: 7%; background-position-x: 270% !important; }
  #HeaderCard img { width: 22%; }
  #HeaderCard #HeroHead1 { font-size: 23px; }
  #HeaderCard #HeroHead { font-size: 40px; width: 65%; }
  #HeaderCard p { width: 55%; }
  #AvialDisSection { padding-left: 7% !important; padding-right: 0% !important; }
  #AvialDisSection h1 { font-size: 35px; }
  #AvialDisSection p { font-size: 13px; width: 68%; }
  #AvialDisRightSide h1 { font-size: 25px; }
  #AvialDisShape1 { top: 71% !important; width: 110px !important; }
  #Section4 { padding-left: 3%; padding-right: 8%; }
  #Section4 h1 { font-size: 35px; line-height: 35px; }
  #Section4 p { font-size: 13px; }
  #Section4 button { font-size: 13px; }
  #ServiceBgImag { padding: 12% 4% 13% !important; }
  #ServiceBgImag #ServicesCard { width: 87%; }
  #ServiceHeading { font-size: 40px; }
  #WhyChooseSection { padding-left: 4% !important; padding-right: 4% !important; }
  #WhyChooseSection #WhyChooseImage1 { width: 72%; height: 330px; }
  #WhyChooseSection #WhyChooseImage2 { width: 220px; right: 0%; }
  #WhyChooseSection #WhyChooseImage2 img { height: 200px; }
  #WhyChooseRightSide h1 { font-size: 35px; }
  #WhyChooseRightSide p { font-size: 13px; }
  #WhyChooseRightSide li { font-size: 13px; }
  #WhyChooseRightSide button { font-size: 13px; }
  .eg_tabs { gap: 7px; }
  #PortfolioBgImage .eg_tab { width: 45%; padding: 13px 5px; font-size: 14px; }
  .eg_big_tab #portfolioImageOverlay { width: 83%; }
  #ContactSecBgImage #ContactShape1 { display: none; }
  #ContactSecBgImage #ContactShape2 { display: none; }
  #ContactSecLeftSide h4 { font-size: 15px; line-height: 17px; }
  #TestimonialHeading { font-size: 35px; text-align: center; }
  #FaqsSection #InnerSec { padding-left: 8%; padding-right: 1%; }
  #FaqsHeading { font-size: 35px; line-height: 36px; }
  .faq-container { max-width: 90%; }
  .responsive.slick-initialized.slick-slider { width: 330px !important; }
  #Testimonials p { font-size: 12.5px !important; }
  #FooterPart0 { width: 100% !important; justify-content: center !important; align-items: center !important; }
  #FooterPart0MiddleSide { padding-bottom: 113px; align-items: start; padding-left: 30px !important; padding-right: 15px !important; justify-content: start !important; gap: 20px !important; }
  #FooterPart0MiddleSide h1 {font-size: 28px;}
  #FooterPart0MiddleSide button {
    width: 111px;
    font-size: 12px;
    padding: 12px 11px;
}
  #FooterPart0MiddleSide #img { display: none; }
  #FooterPart1 { flex-direction: column; padding-left: 30px !important; padding-right: 15px !important; }
  #FooterPart1 div {flex-direction: row;justify-content: start;align-items: start;text-align: start;gap: 0 !important;width: 100% !important;}
  #FooterPart2 { flex-direction: column; padding-left: 30px !important; padding-right: 15px !important; gap: 30px !important; }
  #FooterPart2 div { width: 100%; }
  #FooterPart3 { flex-direction: column; padding-left: 30px !important; padding-right: 15px !important; gap: 20px !important; }
  #FooterPart3 #FooterLogo { display: none; }
  #FooterPart3 div { width: 100% !important; }
  #AboutPage .AboutPageImage1 { width: 70% !important; height: 370px !important; }
  #AboutPage .AboutPageImage2 { height: 370px !important; width: 70% !important; margin-left: -40% !important; }
  #AboutHeaderBgImage { padding: 12% 0px; }
  #AboutHeaderBgImage h1 { font-size: 47px; }
  #AboutPageRight { gap: 20px; }
  #AboutPage #AboutPageHeading { font-size: 40px; }
  #AboutPage #AboutParagrph { width: 100%; font-size: 12.5px; }
  #BenefitsLeftSide div { border: 0px !important; padding-left: 0px !important; }
  #BenefitsLeftSide h1 { font-size: 30px !important; }
  #ServiceHeaderBgImage { padding: 15% 0px; }
  #ServiceHeaderBgImage h1 { font-size: 42px; line-height: 41px !important; }
  #ContactIconSec { padding: 0% 7% !important; gap: 15px !important; }
  #ContactIconSec div { width: 100%; flex-direction: row; }
  #ContactIconSec div span { font-size: 18px; padding: 20px 23px !important; }
  #QuestionSection { padding-left: 6%; padding-right: 6%; }
  #QuestionSection p { font-size: 12.5px; }
  #QuestionSectionLeftSide { gap: 10px !important; }
  #QuestionSection #QuestionSecHeading { font-size: 35px; line-height: 38px; }
  #QuestionSection #QuestionSectionLeftSide img { height: 220px; width: 100%; }
  #BookSection { padding: 0% 8% 10%; gap: 20px !important; }
  #BookSection #BooksecHead { font-size: 35px; width: 100%; }
  #BookSection #BooksecHead2 { font-size: 25px; margin-top: 12px; }
  #BookSection #BookSecLeftSide p { font-size: 12.5px; width: 100%; }
  #WhyChooseRightSide ul span { align-self: start; justify-content: start; font-size: 40px !important; gap: 14px !important; }
  #PrivacyPolicy { padding-left: 7%; padding-right: 7%; }
}
@media (max-width: 420px) {
    .ftr_icon_frst { width: 62px;}
    div#navbar-dropdown ul .contact { padding: 2px 8px !important; }
  #AvialDisSection #AvialDisShape1 { width: 113px !important; }
  #PortfolioBgImage .eg_tab { width: 47%; padding: 13px 8px; font-size: 12px; }
  #QuestionSection { padding-left: 5%; padding-right: 5%; }
  #QuestionSection #QuestionSecHeading { font-size: 32px; }
  #QuestionSection #QuestionSectionLeftSide img { height: 180px; }
  #BenefitsLeftSide h1 { font-size: 25px !important; }
  #BenefitsRightSide img { height: 330px !important; }
}