@font-face {
    font-family: Oswald;
    src: url(../fonts/Oswald/Oswald-VariableFont_wght.ttf);
}

@font-face {
    font-family: Rajdhani;
    src: url(../fonts/Rajdhani/Rajdhani-Regular.ttf);
}

@font-face {
    font-family: Rajdhani-Bold;
    src: url(../fonts/Rajdhani/Rajdhani-Bold.ttf);
}

@font-face {
    font-family: Open-Sans;
    src: url(../fonts/Open_Sans/OpenSans-VariableFont_wdth\,wght.ttf);
}

* {
    font-family: Oswald, sans-serif;
}

/* Header CSS Start */
.CompanyLogoImage {
    width: 125px;
    height: auto;
    margin: 0.25em;
}

.customNavigationContainer {
    width: 1140px !important;
}

h2.CompanyLogoName {
    font-family: Rajdhani-Bold, sans-serif;
    font-weight: 100;
    margin: 0px;
    font-size: 2.05em;
    color: #fff;
}

.customNavigationLinks {
    font-size: 20px;
    font-weight: 500;
    color: #fff !important;
    transition: color 0.25s ease-in-out;
}

.customNavigationLinks.active {
    color: #F79021 !important;
}

.customNavigationLinks:hover {
    color: #F79021 !important;
}

.customNavigationButtons {
    background-color: #F79021 !important;
    color: #fff !important;
    padding: 0.25em 1em !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.customDropdownLinks {
    font-size: 18px;
    font-weight: 400 !important;
    color: #111 !important;
    transition: color 0.25s ease-in-out;
    padding: 0.5em 1em !important;
}

.customDropdownLinks:hover {
    color: #F79021 !important;
    background-color: transparent !important;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.mobileNavBar {
    width: 2.25em;
    height: 4px;
    background: #fff;
    display: block;
    border: 1px solid transparent;
    border-radius: 5px;
}

/* Header CSS End */
/* Home Page CSS Start */
.HomepageBannerMain {
    background-image: url(../images/CommonPageBanner.jpeg);
    height: 650px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    position: relative;
}

.homeHeaderMarquee {
    font-family: Rajdhani, sans-serif;
    color: #F79021;
    font-size: 1.05em;
    font-weight: 900;
    z-index: 1;
    width: 1024px;
}

.HomepageBannerMain::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 650px;
    background-color: rgba(1, 1, 1, 0.6);
}

.homeBannerMainText {
    font-family: Rajdhani-Bold, sans-serif;
    font-size: 3.75em;
    color: #fff;
    z-index: 1;
    text-align: center;
}

.homeBannerMainText span {
    color: #F79021;
    z-index: 1;
}

.homeHeaderSubText {
    z-index: 1;
    font-family: Open-Sans, sans-serif;
    color: #fff;
    text-align: center;
}

.homeBannerButton {
    z-index: 1;
    background-color: #F79021;
    color: #fff;
    padding: 0.75em 1.5em;
    font-size: 1em;
    border: 1px solid #F79021;
    text-decoration: none;
    font-family: Open-Sans, sans-serif;
    border-radius: 5px;
}

.homeBannerButton:hover {
    color: #fff;
}

section.homePageAboutSectionContaner.container,
section.homePageOurOfferSectionContaner.container,
section.homePageServicesSectionContainer.container,
section.ourCertificateSectionContainer.container,
section.homePageRequestYourEnquiryContainer.container {
    width: 1100px;
    padding: 5em 1em 5em 1em;
}

section.homePageServicesSectionContainer.container,
section.ourCertificateSectionContainer.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
    position: relative;
}

/* section.homePageServicesSectionContainer::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 300px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
    background-color: #000000;
} */

.homeAboutTextSection {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.HomePageAboutSectionImage {
    width: 100%;
    height: auto;
}

.headSubText {
    font-family: Rajdhani, sans-serif;
    font-size: 1.05em;
    font-weight: 800;
    color: #54595F;
    margin: 0;
    position: relative;
    letter-spacing: 2.25px;
    text-transform: uppercase;
}

.headSubText::after {
    content: '';
    height: 1px;
    width: 3em;
    background-color: #F79021;
    position: absolute;
    top: 50%;
    left: 6em;
    transform: translate(-50%, -50%);
}

.headSubText.OfferSection::after {
    left: 8em;
}

.homePageHeadText {
    font-family: Rajdhani, sans-serif;
    color: #0E153A;
    font-size: 2.55em;
    font-weight: 900;
    margin-bottom: 0.5em;
    position: relative;
}

.homePageHeadText::after {
    content: '';
    height: 3px;
    width: 3em;
    background-color: #F79021;
    position: absolute;
    bottom: -0.5em;
    left: 0%;
}

.homePageText {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
    text-decoration: none;
}

.homePageText:hover {
    color: #8A8989;
}

.homeAboutButtonSection {
    display: flex;
    gap: 2em;
}

.customHomeButtonBlack {
    background-color: #000000;
    color: #fff;
    text-decoration: none;
    font-family: Open-Sans, sans-serif;
    font-size: 1.05em;
    padding: 0.75em 3em;
    transition: all 0.25s ease-in-out;
    border: 2px solid #000000;
    border-radius: 5px;
    font-weight: 600;
}

.customHomeButtonBlack:hover {
    color: #000000;
    background-color: #fff;
}

.customHomeButtonWhite {
    background-color: #fff;
    color: #000000;
    text-decoration: none;
    font-family: Open-Sans, sans-serif;
    font-size: 1.05em;
    padding: 0.75em 3em;
    transition: all 0.25s ease-in-out;
    border: 2px solid #F79021;
    border-radius: 5px;
    font-weight: 600;
}

.customHomeButtonWhite:hover {
    background-color: #F79021;
    color: #fff;
}

.ourOffersectionOne,
.ourOffersectionTwo {
    display: flex;
    gap: 1em;
    align-items: center;
}

.ourOffersectionOne .innerIcon,
.ourOffersectionTwo .innerIcon {
    padding: 0.5em;
    border: 1px solid #000000;
    border-radius: 5px;
    width: fit-content;
}

.ourOffersectionOne .innerIcon img,
.ourOffersectionTwo .innerIcon img {
    width: 60px;
    height: auto;
}

.ourOfferSubHeadText {
    font-family: Rajdhani, sans-serif;
    font-size: 1.45em;
    font-weight: 900;
    color: #000000;
}

.servicesSubText {
    font-family: Rajdhani, sans-serif;
    font-size: 1.05em;
    font-weight: 800;
    color: #54595F;
    margin: 0;
    position: relative;
    letter-spacing: 2.25px;
    text-transform: uppercase;
}

.servicesSubText::before {
    content: '';
    background-color: #F79021;
    width: 3em;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -2.25em;
    transform: translate(-50%, -50%);
}

.servicesSubText::after {
    content: '';
    background-color: #F79021;
    width: 3em;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -5em;
    transform: translate(-50%, -50%);
}

.homePageServicesSectionHeadText {
    font-family: Rajdhani, sans-serif;
    color: #0E153A;
    font-size: 2.55em;
    font-weight: 900;
    margin-bottom: 1.5em;
    position: relative;
}

.homePageServicesSectionHeadText::after {
    content: '';
    width: 3em;
    height: 2px;
    background-color: #F79021;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    transform: translate(-50%, -50%);
}

.servicesCard .icon {
    padding: 1.5em;
    border-radius: 50%;
    background-color: #F79021;
    border: 2px solid #F79021;
    animation: circleanimation 10s linear infinite alternate forwards;
    transition: all 0.25s ease-in-out;
}

.servicesCard:hover .icon {
    border: 2px solid #364F6B;
    background-color: #000000;
}

.requestYourEnquiryContainer {
    display: flex;
    align-items: center;
}

.getDetailContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
}

.homePageGetDetailsSection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3em;
}

.homePageGetDetailAddressSection,
.homePageGetDetailEmailSection {
    display: flex;
    align-items: center;
    gap: 1.5em;
}

.homePageGetDetailAddressSection .icon,
.homePageGetDetailEmailSection .icon {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #F79021;
}

.homePageGetDetailAddressSection .icon .getDetailsIcons,
.homePageGetDetailEmailSection .icon .getDetailsIcons {
    color: #fff;
    font-size: 1.5em;
}

.servicesCard .icon img {
    width: 60px;
    height: 60px;
}

.servicesCardContainer {
    display: grid;
    gap: 1.5em;
    align-items: center;
    grid-template-columns: auto auto auto;
}

.servicesCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5em;
    padding: 2em 1em;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 400px;
    justify-content: center;
}

.CertificatesImageContainer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: -webkit-fill-available;
}

img.certificatesImage {
    height: 200px;
}

.requestYourEnquiryButton {
    padding: 0.5em 6em;
    font-size: 1em;
    background-color: #F79021;
    border: 1px solid #F79021;
    color: #fff;
    width: fit-content;
    border-radius: 5px;
    font-family: Open-Sans, sans-serif;
}

/* Home Page CSS End */
/* Contact Us Page Start */
.contactUsBannerSection {
    background-image: url(../images/CommonPageBanner.jpeg);
    height: 400px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.5em;
    position: relative;
}

.contactUsBannerSection::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    background-color: rgba(1, 1, 1, 0.6);
}

.bannerMainText {
    font-size: 4em;
    color: #fff;
    margin: 0px;
    z-index: 1;
    text-align: center;
}

.breadCrumText {
    font-size: 1.05em;
    color: #fff;
    font-weight: 600;
    margin: 0px;
    font-family: Rajdhani, sans-serif;
    z-index: 1;
}

.breadCrumText span {
    font-family: Rajdhani, sans-serif;
    font-size: 1.05em;
    color: #F79021;
    font-weight: 600;
    z-index: 1;
}

.getInTouchConatiner.container {
    width: 1024px;
    padding: 7.5em 0em;
}

.contactUsSubTextContainer {
    display: flex;
    gap: 1.5em;
    align-items: center;
}

.contactUsLine {
    width: 3em;
    height: 2px;
    background: #F79021;
}

.subTextContactUs {
    font-family: Rajdhani, sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 800;
    color: #0E153A;
    text-transform: uppercase;
    margin: 0;
}

.subTextContactUs span {
    color: #F79021;
    font-weight: 700;
}

.ContactUsHeadtext {
    font-family: Oswald, sans-serif;
    font-size: 4em;
    color: #0E153A;
    line-height: 1.5;
    font-weight: 800;
    margin-bottom: 1em;
}

.contactUsDetailsContainer {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.ContactUsEmailConatiner {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}

.ContactUsAddressContainer {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}

.contactUsPhoneContainer {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}

.contactUsEmailIcon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F79021;
    color: #fff;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}

.contactUsPhoneIcon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F79021;
    color: #fff;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}

.contactUsAddressIcon {
    width: 72px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F79021;
    color: #fff;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}

.contactUsEmailIcon:hover {
    color: #3B3B3B;
}

.contactUsAddressIcon:hover {
    color: #3B3B3B;
}

.contactUsPhoneIcon:hover {
    color: #3B3B3B;
}

.contactUsEmailDetail {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 0.5em;
}

.contactUsAddressDetail {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 0.75em;
}

.contactUsPhoneDetail {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 0.5em;
}

.contactUsEmailLabel {
    margin: 0;
}

.contactUsEmailLabel strong {
    font-family: Rajdhani-Bold, sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 1;
}

.contactUsAddressLabel {
    margin: 0;
}

.contactUsAddressLabel strong {
    font-family: Rajdhani-Bold, sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 1;
}

.contactUsPhone {
    margin: 0;
}

.contactUsPhone strong {
    font-family: Rajdhani-Bold, sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 1;
}

.contactUsEmail {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    margin: 0;
}

.contactUsAddress {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    margin: 0;
}

.contactUsFormContainer {
    display: flex;
    flex-direction: column;
    gap: 1.25em;
    padding: 2.5em 2em;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 1px;
}

.contactUsInputText {
    font-family: Open-Sans, sans-serif;
    border: 1px solid #e2e8f0;
    padding: 0.5em 0.75em;
    border-radius: 2px;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 500;
}

.contactUsInputTextArea {
    font-family: Open-Sans, sans-serif;
    border: 1px solid #e2e8f0;
    height: 5em;
    padding: 0.5em 0.75em;
    border-radius: 2px;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 500;
}

.contactUsInputButton {
    font-family: Open-Sans, sans-serif;
    background-color: #046bd2;
    color: #fff;
    padding: 0.4em 1.5em;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 600;
    border: 1px solid #046bd2;
    width: fit-content;
    border-radius: 5px;
    transition: background-color 0.25s ease-in-out;
}

.contactUsInputButton:hover {
    background-color: #045cb4;
}

.ContactUsFormSocialIcons {
    display: flex;
    gap: 1em;
    align-items: center;
    margin-top: 1em;
}

.socialIcons {
    color: #fff;
    width: 40px;
    height: 40px;
    background: #0E153A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1px;
    transition: all 0.25s ease-in-out;
}

.socialIcons:hover {
    color: #F79021;
    background: transparent;
}

/* Contact Us Page End */

/* Request a Call back CSS Start */
.requestACallBackMainContainer.container {
    width: 1024px;
    padding: 7.5em 0em;
}

.requestACallBackContainer {
    display: flex;
    gap: 1.5em;
    width: 300px;
    margin: auto;
    flex-direction: column;
}

.requestACallBackInputField {
    font-family: Open-Sans, sans-serif;
    border: 1px solid #e2e8f0;
    padding: 0.5em 0.75em;
    border-radius: 2px;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 500;
}

.requestACallBackButton {
    font-family: Open-Sans, sans-serif;
    background-color: #046bd2;
    color: #fff;
    padding: 0.40em 1.5em;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 600;
    border: 1px solid #046bd2;
    width: fit-content;
    border-radius: 5px;
    transition: background-color 0.25s ease-in-out;
}

.requestACallBackButton:hover {
    background-color: #045cb4;
}

/* Request a Call back CSS End */

/* Packages CSS Start */
.packagesBannerSection {
    background-image: url(../images/CommonPageBanner.jpeg);
    height: 400px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.5em;
    position: relative;
}

.packagesBannerSection::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    background-color: rgba(1, 1, 1, 0.6);
}

.container.PackageCardContainerMain {
    width: 1024px;
    padding: 7.5em 0em;
}

.cardContainer {
    display: grid;
    grid-template-columns: auto auto;
    gap: 2em;
}

.packageCardContainer {
    padding: 2em;
    border: 1px solid #0201012B;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

.cardPackageHead {
    font-family: Oswald, sans-serif;
    font-size: 2em;
    color: #000000;
    text-align: center;
    margin: 0;
}

.cardCheckList {
    font-family: Open-Sans, sans-serif;
    color: #54595F;
    font-size: 1.05em;
    margin: 0;
}

.cardActualPrice {
    font-size: 1.15em;
    font-weight: 400;
    margin: 0;
    text-align: center;
    text-decoration: line-through;
}

.cardOfferPrice {
    font-size: 2.05em;
    font-weight: 800;
    margin: 0;
    text-align: center;
}

.packageTerms {
    color: #7A7A7A;
    font-size: 1.25em;
    margin: 0;
    font-family: Open-Sans, sans-serif;
    text-align: center;
}

.allChecklistsPackages {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.packageCheck {
    color: #6EC1E4;
    font-size: 0.95em;
    margin-right: 1em;
}

.cardPackageButton {
    background-color: #F79021;
    color: #fff;
    font-size: 1em;
    padding: 0.5em 1em;
    border: 1px solid #F79021;
    border-radius: 5px;
    font-family: Open-Sans, sans-serif;
    transition: all 0.25s ease-in-out;
}

.cardPackageButton:hover {
    background-color: #000000;
    color: #fff;
    border: 1px solid #000000;
}

.quarterlyPackgeModalContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.QuarterlyPackageForm {
    max-width: 500px;
    width: 90vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #EBEBEB;
    padding: 1.5em 2em;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    gap: 1em;
}
.popupCloseButton {
    position: absolute;
    top: -0.5em;
    background: #F79021;
    cursor: pointer;
    transition: background 0.25s ease-in-out;
    right: -0.5em;
    font-size: 2em;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    line-height: 1;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: rotate(45deg);
    border-radius: 50%;
}
.popupCloseButton:hover {
    background: #000000;
}
.popupHeadText {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin-bottom: 0.75em;
    position: relative;
}
.popupHeadText::after {
    content: '';
    width: 4.5em;
    height: 1px;
    border: 1px solid transparent;
    background-color: #111;
    display: block;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popupInputText {
    width: 100%;
    font-size: 1em;
    padding: 0.5em 0.75em;
    border: 1px solid #e2e8f0;
    color: #666;
    background-color: #fff;
    border-radius: 2px;
    font-family: Open-Sans, sans-serif;
}

.popupSubmitBtn {
    background-color: #F79021;
    color: #fff;
    font-family: Open-Sans, sans-serif;
    padding: 0.25em 2em;
    border: 1px solid transparent;
    font-weight: 600;
    border-radius: 2px;
}
/* Packages CSS End */

/* Refund Policy CSS Start */
.refundPolicyMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.subtextall {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
}

.refundPolicyHeadText {
    font-family: Rajdhani, sans-serif;
    font-weight: 900;
    margin-bottom: 1rem;
    font-size: 3.25em;
}

.refundPolicySubHeadText {
    font-family: Rajdhani, sans-serif;
    font-weight: 900;
    margin-bottom: 0.75rem;
    font-size: 1.5em;
}

.refundPOlicyListsContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.refundPolicyRightArrowIcon {
    color: #fff;
    background-color: #F79021;
    padding: 7.5px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    transition: background-color 0.25s ease-in-out;
}

.refundPolicyList:hover .refundPolicyRightArrowIcon {
    background-color: #000000;
}

.refundPolicyList {
    display: flex;
    gap: 1em;
    align-items: center;
}

/* Refund Policy CSS End */

/* Privacy Policy CSS Start */
.privacyPolicyMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}

.subAncorText {
    text-decoration: none;
    font-family: Open-Sans, sans-serif;
    color: #046bd2;
}

/* Privacy Policy CSS End */

/* Terms and Conditions CSS Start */
.termsAndConditionsMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}

.termsAndConditionHeadText {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.termsandconditionsubtext {
    font-family: Open-Sans, sans-serif;
    font-size: 0.90em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
}

.termsandconditionsubtext strong {
    color: #000000;
    font-family: Open-Sans, sans-serif;
}

/* Terms and Conditions CSS End */

/* User Aggrement CSS Start */
.userAggrementMainSection.container {
    width: 1100px;
    padding: 7em 1em;
}

.userAggrementText {
    font-family: Open-Sans, sans-serif;
    font-size: 0.90em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
}

.userAggrementText strong {
    color: #000000;
    font-family: Open-Sans, sans-serif;
}
/* User Aggrement CSS End */

/* About Us CSS Start */
.aboutUsBannerSection {
    background-image: url(../images/CommonPageBanner.jpeg);
    height: 400px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.5em;
    position: relative;
}
.aboutUsBannerSection::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    background-color: rgba(1, 1, 1, 0.6);
}
.container.aboutUsFinancialGrowMainContainer,
.container.aboutUsOurOfferMainContainer {
    width: 1100px;
    padding: 7em 1em;
}
.aboutUsOurOfferMainContainer .FinancialGrowSection .textSection,
.aboutUsFinancialGrowMainContainer .FinancialGrowSection .textSection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.5em;
}
.aboutUsOurOfferMainContainer .FinancialGrowSection .imageSection img,
.aboutUsFinancialGrowMainContainer .FinancialGrowSection .imageSection img {
    width: 85%;
    max-width: 400px;
}
/* About Us CSS End */

/* Registeres Research Analyst CSS Start */
.registerResearchAnalystMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.registeredResearchAnalystHeadText {
    font-size: 1.25em;
    font-weight: 700;
    color: #878787;
    font-family: Roboto, sans-serif;
    margin: 0px;
}
.registeredResearchAnalystText {
    font-size: 1em;
    font-weight: 700;
    color: #878787;
    font-family: Roboto, sans-serif;
    margin: 0px;
    line-height: 1.25;
}
/* Registeres Research Analyst CSS End */

/* Legal Desclaimer CSS Start */
.LegalDisclaimerBannerSection {
    background-image: url(../images/CommonPageBanner.jpeg);
    height: 400px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.5em;
    position: relative;
}

.LegalDisclaimerBannerSection::after {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    background-color: rgba(1, 1, 1, 0.6);
}

.legalDisclaimerMainSection.container {
    width: 1100px;
    padding: 7em 1em;
}

.legailDesclaimerHeadText {
    font-size: 1.5rem;
    font-weight: 400;
}

.legailDesclaimerText {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
}

.legailDesclaimerText strong {
    color: #000000;
    font-family: Open-Sans, sans-serif;
}
/* Legal Desclaimer CSS End */

/* Grievance redressal Process CSS Start */
.grievanceRedressalProcessMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.grievanceText {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    text-align: justify;
    margin: 0;
}
.grievanceUnderlineText strong {
    font-family: Open-Sans, sans-serif;
    text-decoration: underline;
    color: #8A8989;
}
/* Grievance redressal Process CSS End */

/* Complain Board CSS Start */
.complainBoardMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.complainBoardHeadText {
    font-size: 2em;
    margin: 0;
    font-weight: 500;
}
.complainBoardTable thead {

}
.complainBoardTable thead tr {
    
}
.complainBoardTable thead tr th {
    border: 1px solid #dee2e6;
    background-color: #046bd2;
    color: #ffffff;
    font-size: 1.25em;
    padding: 0.5em 0.25em;
}
.complainBoardTable tbody tr td {
    border: 1px solid #dee2e6;
    font-size: 1.25em;
    padding: 0.5em 0.25em;
}
/* Complain Board CSS End */

/* Investor Character CSS Start */
.investorCharacterMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.investorCharacterHeadText {
    font-size: 1.65em;
    font-weight: 500;
    margin-bottom: 1em;
}
.investorCharacterHeadSubText {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0.5em;
}
.investorCharacterText {
    font-family: Open-Sans, sans-serif;
    font-size: 0.95em;
    color: #8A8989;
    text-align: justify;
    margin-bottom: 0.75em;
}
.investorCharacterText strong {
    font-family: Open-Sans, sans-serif;
    font-size: 0.95em;
    color: #171b20;
}
/* Investor Character CSS End */

/* Legail Disclaimer Second CSS Start */
.legalDesclaimerSecondMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.legalDisclaimerSecondText {
    font-family: Open-Sans, sans-serif;
    font-size: 0.95em;
    color: #8A8989;
    text-align: justify;
    margin-bottom: 0.75em;
}
.legalDisclaimerSecondText u {
    font-family: Open-Sans, sans-serif;
    font-size: 0.95em;
    color: #8A8989;
    text-align: justify;
    margin-bottom: 0.75em;
}
.legalDisclaimerSecondText strong {
    font-family: Open-Sans, sans-serif;
    font-size: 0.95em;
    color: #8A8989;
    text-align: justify;
    margin-bottom: 0.75em;
}
/* Legail Disclaimer Second CSS End */

/* User Consent CSS Start */
.userConsentMainContainer.container {
    width: 1100px;
    padding: 7em 1em;
}
.userConsentText {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #8A8989;
    text-align: justify;
    margin-bottom: 1.25em;
    overflow-wrap: break-word;
}
.userConsentInput {
    padding: 5px 10px;
    border: 1px solid #e2e8f0;
    font-family: Open-Sans, sans-serif;
    color: #666666;
    width: 600px;
    max-width: 90vw;
    margin-bottom: 1.25em;
    font-size: 1em;
    font-weight: 600;
}
.userConsentInputText {
    font-family: Open-Sans, sans-serif;
    font-size: 1em;
    color: #111;
    text-align: justify;
    margin-bottom: 1.25em;
}
.userConsentInputHeadText {
    font-family: Open-Sans, sans-serif;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 0.75em;
}
.userConsentButton {
    background-color: #046bd2;
    color: #ffffff;
    padding: 0.25em 1em;
    font-size: 1em;
    font-weight: 600;
    border: 1px solid transparent;
    font-family: Open-Sans, sans-serif;
    border-radius: 3px;
}
/* User Consent CSS End */

/* Footer CSS Start */
.footerMainContainerSection {
    background-color: #282828;
}

.container.footerMainContainer {
    width: 1200px;
    padding: 5em 0em;
}

.footerLinkHead {
    color: #fff;
    font-family: Rajdhani, sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2.8px;
}

.footerLinkHead span {
    color: #F79021;
}

.footerLinksAllLinks {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.footerLinksAllLinks .footerLinks {
    color: #fff;
    text-decoration: none;
    font-family: Open-Sans, sans-serif;
    transition: color 0.25s ease-in-out;
    display: flex;
    gap: 1em;
}

.footerLinksAllLinks .footerLinks:hover {
    color: #F79021;
}

span .rightArrowIcon:hover {
    color: #fff;
}

.socialLinksContainer {
    display: flex;
    gap: 1em;
}

.socialLinksContainer .socialLinks {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: scale 0.25s ease-in-out;
}

.socialLinksContainer .socialLinks:hover {
    scale: 1.25;
}

.socialLinks.facebookIcon {
    background-color: #3b5998;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #3b5998;
}

.socialLinks.twitterXIcon {
    background-color: #171b20;
    border: 1px solid #171b20;
    color: #fff;
    border-radius: 5px;
}

.socialLinks.youtubeIcon {
    background-color: #cd201f;
    border: 1px solid #cd201f;
    color: #fff;
    border-radius: 5px;
}

.contactInfoContainer {
    display: flex;
    flex-direction: column;
    gap: 3em;
}

.addressContainer,
.emailContainer,
.mobileContainer {
    display: flex;
    align-items: center;
    gap: 1em;
}

.addressContainer:hover .icon,
.emailContainer:hover .icon,
.mobileContainer:hover .icon {
    background-color: #fff;
    color: #000000;
}

.addressContainer .icon,
.emailContainer .icon,
.mobileContainer .icon {
    background-color: #F79021;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: all 0.25s ease-in-out;
    position: relative;
}

.footerConnectIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Commented due to icon width is problem on live */
/* .addressContainer .icon {
    width: 96px;
} */

.addressContainer .address p,
.emailContainer .address p,
.mobileContainer .address p {
    margin: 0px;
    color: #fff;
}

.addressContainer .address,
.emailContainer .address,
.mobileContainer .address {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.mainFooterAddress {
    font-family: Rajdhani, sans-serif;
    font-size: 1.25em;
    font-weight: 600;
}

.strongFooterAddress {
    font-family: Open-sans, sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}

.footerAddress {
    font-family: Open-sans, sans-serif;
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    line-height: 1.5;
}

.strongFooterEmail {
    font-family: Rajdhani, sans-serif;
    font-size: 1.25em;
    font-weight: 600;
    color: #fff;
}

.footerAddress:hover {
    color: #fff;
}

.secondFooterContainer {
    background-color: #3B3B3B;
}

.secondFooterText {
    color: #fff;
    font-family: Open-sans, sans-serif;
    text-align: center;
    padding: 0.75em;
    margin: 0;
}

.watsappIcon {
    position: fixed;
    bottom: 6em;
    right: 2em;
}

.watsappIcon img {
    width: 50px;
    height: 50px;
}

.UserConsent {
    position: fixed;
    left: -5em;
    bottom: 45%;
    transform: rotate(-90deg);
    padding: 0.5em 3em;
    text-decoration: none;
    background: #019BE1;
    font-size: 1.05em;
    color: #fff;
    border-radius: 0 0 10px 10px;
    font-family: Open-sans, sans-serif;
    transition: color 0.25s ease-in-out;
    border: 1px solid #019BE1;
    z-index: 1;
}

.LegailDisclaimer {
    position: fixed;
    right: -5.6em;
    font-size: 1.05em;
    bottom: 45%;
    transform: rotate(90deg);
    padding: 0.5em 3em;
    text-decoration: none;
    background: #F79021;
    color: #fff;
    border-radius: 0 0 10px 10px;
    font-family: Open-sans, sans-serif;
    transition: color 0.25s ease-in-out;
    border: 1px solid #dc3545;
    z-index: 1;
}

.navigationBarFormobileDesign {
    align-items: center;
    gap: 1.5em;
}

.UserConsent:hover {
    color: #045cb4;
}

/* Footer CSS End */

/* Animation CSS */
@keyframes circleanimation {

    0%,
    100% {
        border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
    }

    20% {
        border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
    }

    40% {
        border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
    }

    60% {
        border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
    }

    80% {
        border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
    }
}