/* ------------------------responsive------------------------------ */
@media only screen and (min-width: 300px) and (max-width: 600px){
    .navbar-toggler {
        position: absolute;
        right: 24px;
        top: 9px;
        height: 24px;
        width: 24px;
    }
    .hamburger .line {
      width: 24px;
      height: 2px;
      display: block;
      margin: 8px auto;
      -webkit-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
    }
    #hamburger-6.is-active .line:nth-child(1) {
        -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
        -o-transform: translateY(13px);
        transform: translateY(7px);
    }
    .d-mo-box{
        width: 700px;
        max-width: 100%;
        margin: auto;
        border-radius: 8px;
        border: 1px solid #3C3C3C;
        background: #020A14;
        display: flex;
        height: 70px;
        padding: 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        position: relative;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    .myHeader-bg{
        background: url(../orsana_img/Menu-bg-mo.png) no-repeat !important;
        background-position: center center;
        background-size: cover !important;
        height: 508px;
       
    }
    .header-top{
        padding: 24px 12px;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: space-between;
        padding-top: 1rem;
        padding-left: 0px;
    }
    .navbar-nav{
        display: flex;
        flex-direction: column-reverse;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-bottom: 0px !important;
    } 
    .nav-link {
        color: #FFF;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        text-transform: capitalize;
        padding: 24px 0px;
        
    } 
    .navbar-nav .nav-item{
        position: relative;
    } 
    .navbar-nav .nav-link::after {
        content: " ";
        background: #24CDB9;
        position: absolute;
        width: 38px;
        height: 3px;
        bottom: -1px;
        left: 0px;
    } 
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        opacity: 0.4;
        border-bottom: 1px solid #24CDB9;
    }
    .navbar-nav .nav-link.active{
        padding-right: 0;
        padding-left: 0;
        opacity: 1;
        border-bottom: 1px solid #FFF;
    }  
    .navbar-nav .nav-link.active::after {
        content: " ";
        background: #fff;
        position: absolute;
        width: 96px;
        height: 3px;
        bottom: -1px;
        left: 0px;
    }
    .d-mo-bg{
        background: #fff;
    } 
    .p-mo{
        padding: 0px;
    } 
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .home-section {
        height: 1136px;
        padding: 0px 0px;
    }
    .home-section video{
        height: 663px;
    }
    .home-top-content {
        width: 693px;
        max-width: 100%;
        margin: auto;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 8rem;
        padding: 0px 24px;
    }
    .servies-card-floder{
        padding: 108px 0 101px;
        margin-top: -1px;
    }
    .find-box {
        border-radius: 70px;
        border: 0px solid #F4F4F4;
        background:  transparent;
        box-shadow: 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.00), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.01), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
        display: block;
        justify-content: space-between;
        align-items: center;
        padding: 0px 8px;
    }
    .home-top-content p {
        color: #7FB7B7;
        text-align: center;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        opacity: .8;
        margin-bottom: 32px;
    }
    .find-box .dropdown {
        border-radius: 0px;
        background: transparent;
        padding: 0px;
        width: 342px;
        margin: auto;
        max-width: 100%;
    }
    .dropdown-toggle::after {
        content: "";
        border: 0px;
        background: url(../orsana_img/topicon.svg) no-repeat;
        background-position: center center;
        background-size: cover;
        width: 15px;
        height: 8px;
        position: absolute;
        right: 20px;
        top: 14px;
        transform: rotate(180deg);
    }
    .dropdown-menu.show {
        margin-left: 0px !important;
        margin-top: -3px !important;
        border: 0px;
    }
    a:focus:not(:focus-visible), button:focus:not(:focus-visible) {
        box-shadow: none;
    }
    .find-box .dropdown-toggle.show {
        border-radius: 16px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .dropdown-menu {
        width: 340px;
        max-width: 100%;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        margin: auto;
        max-width: 100%;
        padding-top: 11px;
    }
    .find-box .dropdown-toggle {
      background: #fff;
        padding: 8px 9px;
        width: 342px;
        margin: auto;
        max-width: 100%;
        border-radius: 16px;
    }
    .find-box p {
        color: #D0D0D0;
        text-align: left;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
        display: block;
        padding: 0px 7px 10px;
        justify-content: center;
        align-items: flex-end;
        gap: 10px;
        border-radius: 81px;
        background: transparent;
    }
    .home-top-content h1 {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
        margin-bottom: 9px;
    }
    .home-bottom-content h2 {
        color: #D0D0D0;
        text-align: center;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        width: 588px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 16px;
    }
    .home-bottom-content {
        width: 1064px;
        max-width: 100%;
        margin: auto;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: -22px;
        text-align: center;
        padding: 0px 24px;
    }
    .home-section::after {
        content: "";
        background: #00070D;
        background-size: cover;
        background-position: center;
        position: absolute;
        left: 0rem;
        bottom: 0rem;
        right: 0rem;
        width: 1920px;
        height: 720px;
        z-index: -2;
        margin: auto;
        padding-top: 9rem;
    }
    .servies-card {
        background: url(../orsana_img/servies-card-bg1-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 1234px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .servies-card-floder .card h4 {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 127%;
        letter-spacing: 0.96px;
        text-transform: capitalize;
    }
    .servies-card-floder .card p {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
    }
    .servies-card-floder .card {
        text-align: center;
        background: transparent;
        display: inline-flex;
        padding: 68px 0px;
        flex-direction: column;
        align-items: center;
        height: 302px;
        width: 314px;
        margin: auto;
        display: block;
    }
    .sr-card-one {
        transform: translate(0px, -106px);
    }
    .sr-card-two {
        transform: translate(0px, -61px);
    }
    .sr-card-three {
        transform: translate(0px, -5px);
    }
    .unque-content h2 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        padding-right: 2rem;
    }
    .unque-content p {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
    }
    .unique-bg {
        background: #f7f7f770;
        background-size: cover;
        background-position: center center;
        padding: 0px 12px;
        padding-bottom: 32px;
    }
    .unque-content-img img {
        transform: translate(0px, 10px);
    }
    .unque-content-img{
        margin: 0rem 0rem 24px;
    }
    .home-managment {
        padding: 0px 0px 40px;
        background:#F6F6F6;
    }
    .home-faqs .accordion-body {
        padding: 0px 35px 0px 0px;
    }
    .serviec-slider {
        background: #F6F6F6;
    }
    .serviec-slider::after{
        display: none;
    }
    .home-faqs {
        padding: 42px 14px 0px;
        background: #F6F6F6;
    }
    .h3-our {
        color: #020A14;
        text-align: center;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        padding: 40px 0px 32px;
    }
    .home-managment .tabs-container nav {
        margin: 0 auto;
        background: transparent;
        padding: 0px 14px 0px;
        margin-bottom: 32px;
    }
    .home-managment .slider-item-content {
        margin-bottom: 16px;
        margin-top: 24px;
    }
    .home-management-content li {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 15px;
    }
    .home-management-content ul{
        padding-left: 27px;
    }
    .home-management-content li::after {
        content: " ";
        background: url(../orsana_img/green-trick.svg) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        left: -31px;
        top: -2px;
        width: 24px;
        height: 25px;
    }
    .home-faqs .accordion-item {
        margin-bottom: 16px;
    }
    .froing-content h2 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        padding-right: 4rem;
        margin-bottom:16px;
    }
    .froing-content {
        width: 696px;
        max-width: 100%;
        margin-bottom: 40px;
        margin-top: 12rem;
    }
    .three-img-2 {
        position: absolute;
        right: 0px;
        top: -116px;
        z-index: 4;
    }
    .froing-content p {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin-bottom:16px;
    }
    .home-faqs .accordion-item:last-of-type {
        margin-bottom: 0;
    }
    .home-faqs {
        padding: 42px 14px 0px;
        margin-bottom: -10px;
    }
    .home-section-last video{
        height: 379px;
    }
    .last-home-content {
        border-radius: 0px;
        background: #FFF;
        display: inline-block;
        padding: 24px;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .last-home-content h2 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        margin-bottom: 0px;
        text-align: center;
    }
    .last-home-content .cricle-btn {
        display: flex;
        width: 159px;
        height: 48px;
        padding: 2px 2px 2px 13px;
        justify-content: space-between;
        align-items: center;
        border-radius: 200px;
        background: #020A14;
        color: #FFF;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        text-align: left;
        margin: auto;
        margin-top: 12px;
    }
    .home-section-last{
        height: 564px;
        padding-bottom: 0px;
    }
    .home-managment .tab-content-mo .icon-img img {
        text-align: center;
        margin-bottom: 24px;
        margin-top: 0px;
    }
    .home-managment .tab-content {
        padding: 12px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .about-section {
        height: fit-content;
        padding-bottom: 0px;
    }
    .about-section video{
        height: 475px;
    }
    .aboutus-content {
        width: 594px;
        margin: auto;
        max-width: 100%;
        padding: 66px 0px 64px;
    }
    .two-images{
        margin-top: -.5rem;
        background: #F6F6F6;
    }
    .two-images img{
        margin-top: -4rem;
        width: 100%;
    }
    .aboutus-content {
        width: 594px;
        margin: auto;
        max-width: 100%;
        padding: 45px 0px 63px;
    }
    .aboutus-content h1 {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .about-section::after {
        content: " ";
        background: url(../orsana_img/Group-17-mo.png) no-repeat;
        position: absolute;
        background-size: cover;
        width: 100%;
        height: 50px;
        left: 0px;
        bottom: 0px;
        display: none;
    }
    .about-second-content h3 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        margin-bottom: 16px;
        padding-right: 30px;
    }
    .timeline-for-content h3{
        padding: 0px 2rem;
    }
    .about-second-content {
        background: #F6F6F6;
        padding: 32px 12px 16px;
        overflow: visible;
    }
    .about-second-content::after {
        display: none;
    }
    .about-second-content::before {
        content: "";
        position: absolute;
        background: url(../orsana_img/img-about-mo.png) no-repeat;
        width: 372px;
        height: 674px;
        top: -143px;
        left: 0px;
        background-size: contain;
        display: none;
    }
    .recover-content {
        width: 696px;
        max-width: 100%;
        margin-top: -6rem;
    } 
    .shoping-succes-content {
        width: 670px;
        max-width: 100%;
        margin: auto;
        padding-top: 60px;
        padding-bottom: 0px;
        margin-top: 9rem;
        position: relative;
        z-index: 1;
    }
    .three-images {
        position: absolute;
        width: 705px;
        height: 695px;
        top: 23rem;
        left: -3px;
        max-width: 100%;
        transform: translate(2px, -11px);
        z-index: 1;
    }
    .about-second-content p {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin-bottom: 32px;
    }
    .three-images img{
        width: 100%;
    }
    .timeline-for-content {
        width: 670px;
        max-width: 100%;
        margin: auto;
        text-align: center;
        padding: 0px 0px 0px;
    }
    .five-card-about .card {
        width: 280px;
        height: 313px;
        max-width: 100%;
        margin-bottom: 3rem;
        margin: auto;
        border-radius: 0px;
        border: 0px;
        margin-bottom: 6rem;
        position: relative;
        z-index: 1;
    }
    .five-card-about .card h5 {
        color: #020A14;
        text-align: center;
        font-family: Urbanist;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.72px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .five-card-about .card-one::after {
        content: " ";
        background: #63B1B4;
        background: url(../orsana_img/cricle-one.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: auto;
        left: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 0;
        border-radius: 27px;
        z-index: -1;
        bottom: -15px
    }
    .five-card-about .card-two::after {
        content: " ";
        background: #63B1B4;
        background: url(../orsana_img/cricle-two.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: auto;
        left: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 0;
        border-radius: 27px;
        z-index: -1;
        bottom: -15px
    }
    .five-card-about .card-three::after {
        content: " ";
        background: #63B1B4;
        background: url(../orsana_img/cricle-three.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: auto;
        left: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 0;
        border-radius: 27px;
        z-index: -1;
        bottom: -15px
    }
    .five-card-about .card-four::after {
        content: " ";
        background: #63B1B4;
        background: url(../orsana_img/cricle-four.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: auto;
        left: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 0;
        border-radius: 27px;
        z-index: -1;
        bottom: -15px;
    }
    .five-card-about .card-five::after {
        content: " ";
        background: #63B1B4;
        background: url(../orsana_img/cricle-five.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: auto;
        left: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        z-index: 0;
        border-radius: 27px;
        z-index: -1;
        bottom: -15px
    }
    .five-card-about .card-four img {
        width: 143px;
        height: 143px;
        margin: auto;
        border-radius: 0px;
        border: 0px;
        margin-top: -4rem;
    }
    .five-card-about .card-five img {
        width: 143px;
        height: 143px;
        margin: auto;
        border-radius: 0px;
        border: 0px;
        margin-top: -4rem;
    }
    .card-five .card-body-content {
        margin-top: 51px;
        margin-bottom: 38px;
    }
    .card-four .card-body-content {
        margin-bottom: 38px;
    }
    .five-card-about .card-four {
        background: url(../orsana_img/card-four-bg-mo.png) no-repeat;
        background-size: cover;
    }
    .five-card-about .card-five {
        background: url(../orsana_img/card-five-bg-mo.png) no-repeat;
        background-size: cover;
    } 
    .card img{
        position: relative;
    }   
    .five-card-about .card img{
        filter: drop-shadow(0px 0px 5px #BEC6C6);
    }
    .five-card-about {
        background: #F6F6F6;
        padding-bottom: 3rem;
    }
    .five-card-about::after{
        display: none;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .maximum-xontent {
        width: 671px;
        max-width: 100%;
        padding: 24px 24px 0px;
    }
    .maximum-xontent-right-one{
        padding: 0px 42px;
    }
    .row-main-slider-content {
        background: #FFF;
        padding: 20px 16px;
        border-radius: 16px;
        width: 1165px;
        max-width: 100%;
        position: relative;
    }
    .maximum-xontent h2 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
    }
    .maximum-xontent p {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
    }
    .maximum-xontent-right-one h3 {
        color: #020A14;
        text-align: left;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .services-section {
        height: fit-content;
        display: flex;
        padding: 158px 24px 64px 24px;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        align-self: stretch;
    }   
    .services-section::after{
        content: " ";
        background: url(../orsana_img/servies-white-block.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height:50px;
        width: 100%;
    } 
    .tabs-container nav {
        margin: 0 auto;
        background: transparent;
        padding: 40px 14px 0px;
        margin-bottom: 32px;
      }
      
      .tabs-container nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 1px solid #ccc;
        padding: 0px 17px;
      }
      
      .tabs-container nav ul li {
        padding: 10px 0px;
        cursor: pointer;
        color: #A7A7A7;
        border-top: 1px solid #eee;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 25px;
        color: #020A14 !important;
        text-align: left;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
      }
      
      .tabs-container nav ul li:hover { color: #3e4b58;}
      
      .tabs-container nav ul li.active {
        color: #3e4b58;
        border-top: none;
      }
      .tabs-container nav ul.expanded li:not(.active)::after{
        content: " ";
        background: #9B9B9B;
        width: 30px;
        height: 5px;
        position: absolute;
        top: -3px;
        left: 0px;    
      }
      
      /* the nitty gritty */
      
      .tabs-container {
        position: relative;
        height: 4em;
      }
      
      .tabs-container nav {
        position: absolute;
        width: 100%;
      }
      .tabs-container nav ul {
        display: flex;
        flex-direction: column;
        border-radius: 16px;
        background: #FFF;
      }
      
      .tabs-container nav ul li {
        order: 1;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        padding: 8px 4px;
        position: relative;
      }
      .row-main-slider-content-mo{
        display: none !important;
      }
      .row-main-slider-content{
        background: transparent;
        padding: 0px 0px;
        border-radius: 16px;
        width: 1165px;
        max-width: 100%;
        position: relative;
        margin-bottom: -26px;
      }
      
      .tabs-container nav ul li.active {
        order: 0;
      }
      
      .tabs-container nav ul li.active:after {
        width: 1px;
        height: 1px;
        border: 5px solid transparent;
        border-top: 5px solid #555;
        content: '';
        position: absolute;
        right: 1.5em;
        top: 1.4em;
        z-index: 9999;
      }
      
      .tabs-container nav ul li:not(.active) {
        position: absolute;
        top: -999em;
      }
      
      
      .tabs-container nav ul.expanded li.active:after{
        border-top-color: transparent;
        border-bottom-color: #555;
        top: 1em;
        transform: rotate(0deg);
      }
      
      
      .tabs-container nav ul.expanded li:not(.active) {
        position: relative;
        top: auto;
      }
      .tabs-container nav ul li.active:after {
        width: 15px;
        height: 8px;
        border: 0px solid transparent;
        content: '';
        position: absolute;
        background: url(../orsana_img/topicon.svg) no-repeat;
        z-index: 999;
        top: 13px;
        transform: rotate(180deg);
        right: 0px;
    }
    .tab-content{
          display: none;
          padding: 15px;
    }
    .tab-content.current{
          display: inherit;
    }
    .tab-content-mo .icon-img{
        text-align: center;
        
    }
    .tab-content-mo h4{
        color:  #020A14;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.72px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .tab-content-mo p {
        color:  #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin-bottom: 16px 
    }   
    .slider-item-content {
        margin-bottom: 16px;
    } 
    .tab-content-mo .icon-img img{
        text-align: center;
        margin-bottom: 24px;
        margin-top: 32px;
    }
    .servies-content h1 {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
    }
    .servies-content {
        width: 536px;
        margin: auto;
        max-width: 100%;
        padding: 0px 0px 0px;
    }
    .maximum-xontent-right-one::before {
        content: " ";
        background: url(../orsana_img/Frame-67466.svg) no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        top: 6px;
        left: 21px;
        height: 94px;
        width: 7px;
    }
    .maximum-xontent-right-one span {
        color: #656565;
        font-family: Urbanist;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 155%;
        letter-spacing: 0.6px;
    }  
    .maximum-section {
        padding: 0px 0px 24px;
        margin-top: 0rem;
        background: #F6F6F6;
    }      
    .support-section::after {
        content: " ";
        background: url(../orsana_img/White-blocks-mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 21px;
    }
    .support-section {
        height: 170px;
        margin-bottom: -1px;
    }
    .contact-fireld {
        background: #FAFAFA;
        padding: 32px 24px;
    }
    .contact-fireld .container{
        padding: 0px 0px;
    }
    .Get-p {
        padding: 4px 0px 16px;
    }
    .form-below-p {
        margin-bottom: 24px;
    }
    .faqs-section h2 {
        margin-bottom: 23px;
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .cont-find-question p {
        color: #656565;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }
    .get-touch-contact h2 {
        color: #020A14;
        text-align: center;
        font-family: Urbanist;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
        margin-bottom: 0px;
    }
    .contact-fireld::after {
        content: " ";
        background: url(../orsana_img/contact-right-illustration-mo.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        right: 0px;
        top: 40rem;
        width: 66px;
        height: 171px;
        z-index: 0;
    }
    .contact-fireld::before {
        content: " ";
        background: url(../orsana_img/contact-left-illustration-mo.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        left: 0px;
        bottom: -5rem;
        width: 72px;
        height: 180px;
        z-index: 1;
    }
      .submit-btn-box .btn {
        float: none;
        position: relative;
        z-index: 1;
    }
    .faq-section-bg {
        background: url(../orsana_img/faqs-bg-ques-mo.jpeg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .faqs-section p {
        color: #7FB7B7;
        text-align: center;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        width: 573px;
        max-width: 100%;
        margin: auto;
    }
    .accordion-item h2 button {
        color: #020A14;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 155%;
        letter-spacing: 0.6px;
        padding: 10px 102px 10px 0px;
    }
    .accordion-item p {
        color: #4E6A8B;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
    }
    .faq-section-bg{
        padding: 32px 24px;
    }
    .faq-section-bg .container{
        padding: 0px;
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        margin-left: auto;
        content: "";
        top: 12px;
        right: 0px;
        background-size: cover;
    }
    .terms-section h2 {
        color: #FFF;
        text-align: center;
        font-family: Urbanist;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.44px;
        text-transform: capitalize;
        text-align: center;
        margin-bottom: 12px;
    }
    .terms-section p {
        color: #7FB7B7;
        text-align: center;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        width: 573px;
        max-width: 100%;
        margin: auto;
    }
    .tc-content p {
        color: #656565;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
    }
    .tc-content {
        background: url(../orsana_img/tc-content.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 32px 24px 16px;
    }
    .tc-content .container{
        padding: 0px;
    }
    .footer-log{
        text-align: center;
        margin-bottom: 40px;
    }
    .footer-menu {
        width: 282px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 24px;
    }
    .footer-menu h4 {
        color: #24CDB9;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.72px;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    footer{
        position: relative;
        background: url(../orsana_img/Footer-bg-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 32px 24px 24px;
    }
    .footer-menu-mo{
        margin-bottom: 16px;
    }
    footer hr {
        opacity: 0.1;
        background: #FFF;
        width: 85%;
        max-width: 100%;
        height: 1px;
        margin: auto;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .footer .container{
        padding: 0px;
    }
    .error-section h1 {
        -webkit-animation: swing var(--speed) infinite alternate ease-in-out;
        animation: swing var(--speed) infinite alternate ease-in-out;
        font-size: clamp(5rem, 40vmin, 20rem);
        font-family: 'Open Sans', sans-serif;
        margin: 0;
        margin-bottom: 1rem;
        letter-spacing: 1rem;
        transform: translate3d(0, 0, 0vmin);
        --x: calc(50% + (var(--swing-x) * 0.5) * 1%);
        background: radial-gradient(var(--lit-header), var(--header) 45%) var(--x) 100%/200% 200%;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 155px;
        line-height: 123px;
        margin: auto;
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 32px;
    }
    .info h2 {
        color: #FFF;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.08px;
        text-transform: capitalize;
    }
    .info p {
        color: #7FB7B7;
        text-align: center;
        font-family: Urbanist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 0.48px;
        margin: 24px 0px;
        opacity: .8;
    }
    .error-content {
        width: 100%;
        max-width: 100%;
        margin: auto;
        text-align: center;
        padding: 0px 24px;
        padding-bottom: 0rem;
        padding-top: 10rem;
    }
    .error-section {
        /* background: url(../orsana_img/error-bg.png) no-repeat; */
        background-size: cover;
        background-position: center center;
        position: relative;
        margin-top: 0px;
        display: flex;
        justify-content: center;
        padding: 0px 0px;
        margin-bottom: -11px;
        padding-top: 6rem;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-menu li::after {
        content: " ";
        background: url(../orsana_img/footer-arrow.svg) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 21px;
        right: 0;
        width: 7px;
        height: 7px;
    }
    .footer-menu p {
        margin-bottom: 16px;
    }
    .footer-log img{
        width: 156px;
        height: 136px;
    }
    .faqs-section {
        padding: 158px 0px 64px 0px;
    }
    .cont-find-question .card {
        border-radius: 8px;
        border: 1px solid #D0D0D0;
        background: #F4F4F4;
        width: 421px;
        max-width: 100%;
        padding: 32px 16px;
        text-align: center;
    }
    .cont-find-question h3 {
        color: #020A14;
        font-family: Urbanist;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        margin-bottom: 16px;
        padding:0px 16px;
    }
    .cont-find-question .card .cricle-btn {
        margin: auto;
    }
    .terms-section {
        padding: 158px 24px 64px 24px;
    }
} 

/*--------------------------------QA-----CSS--------------------------*/
@media only screen and (min-width: 300px) and (max-width: 600px){
    .maximum-section::after {
        content: "";
        background: url(../orsana_img/serviese-bg-mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: unset;
        right: 1px;
        bottom: 233px;
        width: 85px;
        height: 210px;
        z-index: 0;
    }
    .maximum-section::before {
        content: "";
        background: url(../orsana_img/serviese-bg-mo-2.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: unset;
        right: 1px;
        bottom: 49rem;
        width: 85px;
        height: 210px;
        z-index: 0;
    }
    
}
@media all and (min-width: 42em) {
      
    nav {
      background: transparent;
    }
  
    .tabs-container nav ul li.active {
      box-shadow: inset 0 -3px 0 #5098B3;
    }
  
    .tabs-container nav ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      white-space: nowrap;
      overflow: hidden;
      border: none;
      padding: 0;
    }
  
    .tabs-container nav ul li {
      display: inline-block;
      margin: 0 1rem 0 1rem;
      padding: 0 0 .2rem 0;
      border: none;
    }
  
    .tabs-container nav ul li:not(.active) {
      position: relative;
      top: auto;
    }
  
    .tabs-container nav ul li.active {
      order: 1;
    }
  
    .tabs-container nav ul li.active:after {
      display: none;
    }
}
@media only screen and (min-width: 700px) and (max-width:790px){
    .footer-log{
        text-align: center;
    }
    .footer-menu {
        margin-bottom: 24px;
        width: 282px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 24px;
        margin-top: 32px;
    }
}
@media only screen and (min-width: 786px) and (max-width: 991px){
    
}
@media only screen and (min-width: 992px) and (max-width:1079px){
    
}