@media screen and (min-width: 240px) and (max-width: 799px) {
  @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
  .headerWrap {
    display: flex;
  }
  header {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
  }
  header .headerContainer {
    width: 100%;
    float: left;
    position: relative;
  }
  header .headerContainer .headerLogo {
    width: 130px;
    height: 55px;
    margin: 10px 0;
    display: block;
  }
  header .headerContainer .headerLogo img {
    width: 100%;
    float: left;
    height: auto;
  }
  header .headerContainer .logoWhite {
    display: none;
  }
  header .headerContainer .openOverlay {
    display: block;
    font-size: 30px;
  }
  header .headerContainer .crossBtn {
    display: none;
    font-size: 30px;
  }
  header .headerContainer .toggleIcon {
    display: block;
    position: absolute;
    right: 20px;
    left: unset;
    top: 22px;
    transform: rotateX(180deg);
    font-size: 25px !important;
    z-index: 1100;
  }
  header .headerContainer .navList {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #002b49;
    flex-direction: column;
    padding: 80px 24px;
    transition: transform 0.3s ease;
    transform: translateX(-100%);
    z-index: 1000;
  }
  header .headerContainer .navList.show {
    transform: translateX(0);
  }
  header .headerContainer .navList li {
    width: 100%;
    float: left;
    text-align: center;
  }
  header .headerContainer nav {
    display: none;
  }
  .landingPageWrap {
    width: 100%;
    float: left;
    position: relative;
    min-height: 100vh;
    background: url(../../images/bottomWave.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    margin: 20px 0 0 0;
  }
  .landingPageWrap .navBttn {
    position: absolute;
    right: 20px;
    left: unset;
    top: 30px;
    float: left;
  }
  .landingPageWrap .navBttn .weblogBtn {
    float: left;
  }
  .landingPageWrap .navBttn .weblogBtn .logoWhite {
    display: none;
  }
  .landingPageWrap .navBttn .weblogBtn i {
    transform: rotateX(180deg);
    font-size: 25px;
    color: #082b4c;
  }
  .landingPageWrap .navBttn ul {
    display: none;
    list-style: none;
  }
  .landingPageWrap .navBttn ul li {
    float: left;
  }
  .landingPageWrap .minContent {
    padding: 0 !important;
    margin: 0 !important;
  }
  .landingPageWrap .landingPageContainer {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    max-width: unset;
    position: unset;
    margin: 0;
    padding: 0;
    background: unset;
  }
  .landingPageWrap .landingPageContainer .landingPageContent {
    width: 100%;
    float: left;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .heading {
    font-size: 26px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .desc {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .desc small {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent small {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .otpForm {
    width: 100%;
    float: left;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap {
    width: 100%;
    float: left;
    gap: 10px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .otpForm .otpWrap .otpBlock {
    width: 40px;
    height: 40px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform {
    width: 100%;
    float: left;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap {
    width: 100%;
    float: left;
    gap: 5px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label {
    font-size: 12.25px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span,
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label small {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform a {
    font-size: 14px !important;
  }
  .landingPageWrap .landingPageContainer .landingPageContent a {
    font-size: 14px !important;
  }
  .landingPageWrap .landingPageContainer .dropdown {
    float: left;
  }
  .landingPageWrap .landingPageContainer .dropdown .dropdown-menu {
    position: unset;
  }
  .landingPageWrap .bottomWave {
    width: 100%;
    float: left;
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
  }
  .landingPageWrap .bottomWave img {
    width: 100%;
    float: left;
  }
  .landingPageWrap .properText {
    display: none;
  }
  .aboutWrap {
    width: 100%;
    float: left;
  }
  .aboutWrap .aboutHeader {
    display: none !important;
  }
  .aboutWrap .aboutHeader .sideOverlay .sideOverlayInner .blogBtn {
    float: left;
    color: #002b49;
    font-size: 25px;
    font-weight: 600;
    font-family: "Inter";
    text-decoration: none;
  }
  .aboutWrap .blogBtn {
    float: left;
    color: #002b49;
    font-size: 26px;
    font-weight: 600;
    font-family: "Inter";
    text-decoration: none;
  }
  .contentWrap {
    width: 100%;
    float: left;
    margin: 0;
  }
  .contentWrap .contentContainer {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin: 30px 0 0 0;
  }
  .contentWrap .contentContainer .dropdown {
    float: left;
    margin: 20px 0;
  }
  .contentWrap .contentContainer .dropdown .dropdown-menu {
    bottom: 80px;
    right: unset;
    left: unset;
    position: unset;
  }
  .contentWrap .contentContainer .upload-area-wrapper .iconBtn {
    flex-direction: row;
  }
  .contentWrap .contentContainer .upload-section .upload-thumb picture {
    width: 100%;
    float: left;
    height: auto;
  }
  .contentWrap .contentContainer .upload-section .upload-thumb picture img {
    width: 100%;
    float: left;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
  }
  .contentWrap .aboutContainer {
    flex-flow: column;
  }
  .contentWrap .aboutContainer .aboutHeroHeader {
    width: 100%;
    float: left;
    flex-flow: column;
    padding: 0 !important;
    margin: 0 !important;
    gap: 20px;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap {
    width: 100%;
    float: left;
    max-width: unset;
    text-align: center !important;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap p {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 10px;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .createBtn {
    width: 100%;
    float: left;
    font-size: 14px !important;
  }
  .contentWrap .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap .workBtn {
    width: 100%;
    float: left;
    font-size: 14px !important;
  }
  .contentWrap .aboutContainer .aboutHeroHeader picture {
    width: 100%;
    float: left;
    height: auto;
    max-width: 450px;
  }
  .contentWrap .aboutContainer .aboutHeroHeader picture img {
    width: 100%;
    float: left;
    width: 100%;
    height: auto;
  }
  .contentWrap .aboutContainer .proveIdWrap {
    width: 100%;
    float: left;
    margin: 20px 0 !important;
    padding: 0 !important;
  }
  .contentWrap .aboutContainer .proveIdWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 25px 0;
  }
  .contentWrap .aboutContainer .proveIdWrap .proveIdContainer {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center !important;
  }
  .contentWrap .aboutContainer .proveIdWrap .proveIdContainer .proveIdBlock {
    width: 100%;
    float: left;
    max-width: 320px !important;
  }
  .contentWrap .aboutContainer .properAdWrap {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 10px;
    border: 1px solid rgba(0, 43, 73, 0.25);
    background: rgba(217, 217, 217, 0);
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap {
    width: 100%;
    float: left;
    justify-content: center;
    padding: 20px;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock {
    width: 100%;
    float: left;
    padding: 20px !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading picture {
    float: left;
    margin: 0 !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .properAdHeading h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock span {
    line-height: 26px !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap picture {
    margin: 0 !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap > div:first-child {
    width: 80% !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .properAdBlock .firstPartBlock .aboutuserwrap .blankinptwrap > div:nth-child(2) {
    width: 60% !important;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .checkWrap {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .checkWrap .checkContent {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .properAdWrap .blockAdWrap .checkWrap .checkContent picture {
    margin: 0 !important;
  }
  .contentWrap .aboutContainer .properAdWrap picture {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 30px;
    max-width: 500px !important;
    padding: 15px;
  }
  .contentWrap .aboutContainer .properAdWrap picture img {
    width: 100%;
    float: left;
    width: 100%;
    height: auto;
  }
  .contentWrap .aboutContainer .properWorkWrap {
    width: 100%;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
  }
  .contentWrap .aboutContainer .properWorkWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 25px 0;
  }
  .contentWrap .aboutContainer .properWorkWrap .properWorkContainer {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center !important;
  }
  .contentWrap .aboutContainer .properWorkWrap .properWorkContainer .properWorkBlock {
    width: 100%;
    float: left;
    max-width: 250px !important;
  }
  .contentWrap .aboutContainer .partnerWrap {
    width: 100%;
    float: left;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
  }
  .contentWrap .aboutContainer .partnerWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 25px 0;
  }
  .contentWrap .aboutContainer .partnerWrap .partnerBlockWrap {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center !important;
  }
  .contentWrap .aboutContainer .partnerWrap .partnerBlockWrap .partnerBlock {
    width: 100%;
    float: left;
    max-width: 220px !important;
  }
  .contentWrap .aboutContainer .securityWrap {
    width: 100%;
    float: left;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    border-radius: 10px;
    border: 0.904px solid rgba(0, 43, 73, 0.25);
  }
  .contentWrap .aboutContainer .securityWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 20px 0 0 0;
  }
  .contentWrap .aboutContainer .securityWrap .securityContainer {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
  }
  .contentWrap .aboutContainer .securityWrap .securityContainer .securityBlockWrap {
    width: 100%;
    float: left;
    flex-flow: column;
    gap: 30px;
  }
  .contentWrap .aboutContainer .securityWrap .securityContainer .securityBlockWrap .securityBlock {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .identityWrap {
    width: 100%;
    float: left;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
  }
  .contentWrap .aboutContainer .identityWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 25px 0;
  }
  .contentWrap .aboutContainer .identityWrap .identityContainer {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
  }
  .contentWrap .aboutContainer .identityWrap .identityContainer .individualWrap {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .ecosystemWrap {
    width: 100%;
    float: left;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    border-radius: 10px;
    border: 0.904px solid rgba(0, 43, 73, 0.25);
  }
  .contentWrap .aboutContainer .ecosystemWrap h1 {
    width: 100%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    margin: 20px 0;
  }
  .contentWrap .aboutContainer .ecosystemWrap p {
    width: 100%;
    float: left;
    padding: 0 20px;
    line-height: 26px !important;
    margin: 0 !important;
  }
  .contentWrap .aboutContainer .ecosystemWrap .ecosystemContainer {
    width: 100%;
    float: left;
    flex-flow: column;
    gap: 20px;
  }
  .contentWrap .aboutContainer .ecosystemWrap .ecosystemContainer .ecosystemBlockWrap {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
  }
  .contentWrap .aboutContainer .ecosystemWrap .ecosystemContainer .ecosystemBlockWrap .contentpf {
    width: -moz-fit-content;
    width: fit-content;
    float: left;
  }
  .contentWrap .aboutContainer .getStartedWrap {
    width: 100%;
    float: left;
    margin: 40px 0 0 0 !important;
    padding: 30px 20px;
    border-radius: 10px;
    border: 0.904px solid rgba(0, 43, 73, 0.25);
  }
  .contentWrap .aboutContainer .getStartedWrap picture {
    width: 70%;
    float: left;
    height: auto;
  }
  .contentWrap .aboutContainer .getStartedWrap picture img {
    width: 100%;
    float: left;
    width: 100%;
    height: auto;
  }
  .contentWrap .aboutContainer .getStartedWrap .createuserWrap {
    width: 100%;
    float: left;
  }
  .contentWrap .aboutContainer .getStartedWrap .createuserWrap .createUserBtn {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
  .fqWrap {
    margin: 0 0 90px 0 !important;
  }
  .uploadfq {
    margin: 0 0 10px 0 !important;
  }
  footer {
    width: 100%;
    float: left;
  }
  footer .footerTop {
    width: 100%;
    float: left;
    height: 62px;
    position: fixed;
    box-shadow: none;
    border-top: 1px solid #d8d8d8;
    background: #fff;
    flex-direction: row;
    border-radius: 0;
    padding: 0 10px;
    gap: 60px;
    bottom: 0;
  }
  footer .footerTop .tab-btn {
    width: 100%;
    float: left;
    text-decoration: none;
    color: #002b49;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  footer .footerTop .tab-btn i {
    font-size: 30px;
  }
  footer .footerTop .tab-btn span {
    display: block;
    color: #002b49;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
  #verificationWrapper {
    width: 100%;
    float: left;
  }
  #verificationWrapper .iframe-overlay {
    width: 100%;
    float: left;
  }
  #verificationWrapper .iframe-overlay .iframe-container {
    width: 100%;
    float: left;
    max-width: unset !important;
  }
  #verificationWrapper .iframe-overlay .iframe-container #verificationIframe {
    width: 100%;
    float: left;
  }
  .popup-body {
    width: 100%;
    float: left;
    position: relative;
    z-index: 999999;
  }
  .popup-body .popup-card {
    width: 100%;
    float: left;
    max-width: unset;
  }
  .popup-list {
    padding: 0;
  }
  .popup-actions {
    flex-flow: column;
  }
  .popup-actions .btn-primary {
    width: 100%;
    float: left;
  }
  .popup-actions .btn-secondary {
    width: 100%;
    float: left;
  }
  .blogPageWrap {
    margin: 100px 0 !important;
  }
  .blogTabInner {
    justify-content: center !important;
  }
  .user-tooltip {
    position: relative;
  }
  .tooltip-box {
    left: 50%;
    top: 130%;
    transform: translateX(-50%) translateY(10px) scale(0.95);
    max-width: 260px;
    text-align: center;
  }
  .tooltip-arrow {
    left: 50%;
    top: -6px;
    transform: translateX(-50%) rotate(45deg);
  }
  /* Disable hover on mobile */
  .user-tooltip:hover .tooltip-box {
    opacity: 0;
  }
  /* Active class (for click) */
  .user-tooltip.active .tooltip-box {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    pointer-events: auto;
  }
  [dir=rtl] .text p {
    padding-left: 10px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .aboutContainer {
    width: 100%;
    float: left;
  }
  .aboutContainer .aboutHeroHeader {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 20px !important;
  }
  .landingPageWrap {
    width: 100%;
    float: left;
    justify-content: center;
  }
  .landingPageWrap .navBttn {
    left: 20px;
  }
  .landingPageWrap .navBttn .logoWhite {
    display: none;
  }
  .landingPageWrap .landingPageContainer {
    width: 100%;
    float: left;
    position: unset;
    max-width: 600px;
  }
  .landingPageWrap .landingPageContainer .dropdown {
    float: left;
  }
  .landingPageWrap .landingPageContainer .dropdown .dropdown-menu {
    bottom: 92px;
    right: unset;
    left: unset;
    position: unset;
  }
  .landingPageWrap .properText {
    display: none;
  }
  .textContent {
    padding: 0 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1880px) {
  .landingPageWrap {
    width: 100%;
    float: left;
  }
  .landingPageWrap .navBttn {
    left: 40px;
  }
  .landingPageWrap .landingPageContainer {
    width: 100%;
    float: left;
    max-width: 500px;
    position: absolute;
    top: 0;
    right: 80px;
    padding: 30px 0;
  }
  .landingPageWrap .landingPageContainer .logoBig {
    width: 320px;
    float: left;
  }
  .landingPageWrap .landingPageContainer .landingPageContent {
    width: 100%;
    float: left;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .heading {
    font-size: 26px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .desc {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform {
    gap: 0;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap {
    width: 100%;
    float: left;
    gap: 0;
    margin: 10px 0 0 0;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label {
    font-size: 12px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span {
    font-size: 12px;
    line-height: 20px;
    gap: 5px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span small {
    font-size: 12px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap label span small a {
    font-size: 12px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=text] {
    height: unset;
    padding: 10px 0 10px 15px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=email] {
    height: unset;
    padding: 10px 0 10px 15px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=checkbox] {
    margin-top: 4px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=date]::-webkit-datetime-edit {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap input[type=date]::-webkit-datetime-edit-fields-wrapper {
    font-size: 14px;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .inputlabelWrap .chkbox {
    gap: 9px;
    margin: 3px 0;
  }
  .landingPageWrap .landingPageContainer .landingPageContent .createAccform .nextBtn {
    padding: 14px 63.45px;
  }
  .landingPageWrap .properText {
    width: 100%;
    float: left;
    max-width: 500px;
  }
  .landingPageWrap .properText h1 {
    font-size: 46px;
  }
  .landingPageWrap .properText p {
    max-width: 550px;
    font-size: 16px;
    line-height: 28px;
  }
  [dir=rtl] .navBttn {
    left: auto;
    right: 60px;
  }
  [dir=rtl] .weblogBtn {
    flex-direction: row;
  }
  [dir=rtl] .landingPageContainer {
    right: auto;
    left: 120px;
  }
  [dir=rtl] .properText {
    left: auto;
    right: 60px;
    text-align: right;
  }
  [dir=rtl] .crossBtn {
    left: 15px !important;
    right: unset !important;
  }
  [dir=rtl] .sideOverlayInner {
    direction: rtl;
    text-align: right;
  }
  [dir=rtl] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
  }
  [dir=rtl] .dropdown-toggle {
    flex-direction: row-reverse;
    gap: 8px;
  }
  [dir=rtl] .fa-angle-down {
    transform: rotate(180deg);
  }
  [dir=rtl] input[type=text],
  [dir=rtl] input[type=email] {
    padding-right: 15px;
    padding-left: 15px;
    text-align: right;
  }
  [dir=rtl] .otpWrap {
    flex-direction: row-reverse;
  }
  [dir=rtl] {
    direction: rtl;
  }
  [dir=rtl] h1,
  [dir=rtl] p,
  [dir=rtl] label {
    text-align: right;
  }
  [dir=rtl] h1,
  [dir=rtl] h2,
  [dir=rtl] h3,
  [dir=rtl] h4,
  [dir=rtl] h5,
  [dir=rtl] h6,
  [dir=rtl] p,
  [dir=rtl] span,
  [dir=rtl] small,
  [dir=rtl] label {
    text-align: right !important;
  }
  [dir=rtl] .mailWrap {
    flex-direction: row-reverse;
  }
  [dir=rtl] .mailStatus {
    flex-direction: row-reverse;
  }
  [dir=rtl] .detailContainer span,
  [dir=rtl] .detailContainer small {
    text-align: right;
  }
  [dir=rtl] .backBtn i {
    transform: rotate(180deg);
  }
  [dir=rtl] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
  }
  [dir=rtl] .dropdown-toggle {
    display: flex;
    flex-direction: row-reverse;
    gap: 6px;
  }
  [dir=rtl] .fa-angle-down {
    transform: rotate(180deg);
  }
  [dir=rtl] input,
  [dir=rtl] textarea {
    text-align: right;
  }
  [dir=rtl] input[type=submit] {
    text-align: center;
  }
  [dir=rtl] input[type=text],
  [dir=rtl] input[type=email] {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  [dir=rtl] .search-icon {
    left: auto;
    right: 14px;
  }
  [dir=rtl] .search-input {
    padding: 0 40px 0 14px;
  }
  [dir=rtl] .appList li {
    flex-direction: row-reverse;
  }
  [dir=rtl] .openBtnWrap {
    margin-right: auto;
    margin-left: 0;
  }
  [dir=rtl] .iconBtn {
    right: auto;
    left: 15px;
  }
  [dir=rtl] .arrow {
    transform: rotate(180deg);
  }
  [dir=rtl] .fq {
    flex-direction: row-reverse;
  }
  [dir=rtl] .toggleIcon {
    left: 20px !important;
    right: unset !important;
  }
}
@media screen and (min-width: 1020px) and (max-width: 1280px) {
  .aboutContainer {
    width: 100%;
    float: left;
  }
  .aboutContainer .aboutHeroHeader {
    width: 100%;
    float: left;
    flex-wrap: wrap;
  }
  .aboutContainer .aboutHeroHeader .aboutTextBtnWrap {
    max-width: 525px !important;
  }
  .aboutContainer .aboutHeroHeader .aboutTextBtnWrap .aboutBtnWrap {
    flex-wrap: wrap;
    gap: 20px !important;
  }
}/*# sourceMappingURL=responsive.css.map */