@media (min-width: 576px) {
    .responsive-container {
        margin-left: calc((100% - 540px) / 2);
        max-width: 100%;
    }

    .relative-scrollbar {
        max-width: 520px;
        position: relative;
        z-index: 111;

    }

    .How-it-works h2 span {
        border: 0;
    }
    .btn-second-green:hover .icon-img{
        opacity: 1;
        width: 24px;
        rotate: 45deg;
    }
    .btn-second-green:hover{
        gap: 15px;
    }
}

@media (min-width: 768px) {
    .responsive-container {
        margin-left: calc((100% - 720px) / 2);
    }

    .relative-scrollbar {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .aboutUsImg{
        text-align: end;
    }
    .relative-scrollbar {
        position: unset;
        max-width: unset;
    }

    .resources-bg-white {
        display: none;
    }

    .works-img {
        height: 200px;
    }

    .responsive-container {
        margin-left: auto;
        max-width: 960px;
    }

    .relative-scrollbar {
        max-width: 940px;
    }

    .why-nitisi h2 span,
    .How-it-works h2 span {
        border: 0;
    }

    .why-nitisi .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto;
    }

    .why-nitisi .swiper-button-prev {
        right: 55px;
        left: unset;
    }
}

@media (min-width: 1200px) {

    .responsive-menu,
    .offcanvas.offcanvas-top {
        display: none;
    }

    .works-img {
        height: 240px;
    }

    .responsive-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .works-img {
        height: 270px;
    }

    .add-circle::before {
        left: -55px;
    }

    .responsive-container {
        max-width: 1320px;
    }

    .resources-bg .row {
        align-items: start !important;
    }

    .license .resources-bg .license-center {
        align-items: center !important;
    }

    .benefits-background {
        min-height: 509px;

    }

    .benefits-background::after {
        max-width: 637px;
        max-height: 412px;
        left: 0;
        margin-top: 49px;
        margin-bottom: 48px;
        margin-right: 49px;
    }

    .benefits .benefits-row:nth-child(odd) .benefits-background {
        min-height: unset;
    }
    .contactUs .license .license-info{
        max-width: unset;
        margin-left: 0;
    }
}

@media (max-width: 1399px) {
    .pricing .pricing-col .pricing-card .subscription-paragraph p{
        min-height: 140px;
    }

    


    .benefits .benefits-row:nth-child(odd) .benefits-background::after {
        width: 97.5%;
        right: -10px;
    }

    .benefits .benefits-row:nth-child(odd) .benefits-background .benefits-left {
        left: 15px;
    }

 

    /* .benefits-background::after{
        max-width: 500px;
        left: 30px
    } */
    .benefits-background::after {
        width: 87%;
        height: 85%;
        margin: auto;
    }

    .benefits .benefits-row:nth-child(odd) .benefits-background {
        padding: 40px 0 40px 40px;
    }
    .resources .add-img{
        padding-left: 36px;
    }
}

@media (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav{
        gap: 40.21px;
    }
    h1{
        font-size: 80.908px;
    }
    .pricing .pricing-col .pricing-card .subscription-paragraph p {
        min-height: 180px;
        margin-bottom: 20px;
    }

    .benefits .benefits-row:nth-child(odd) .benefits-background::after {
        width: 96.5%;
        right: -9px;
        top: 31%;
    }

    .need-more-help .accordion-button {
        gap: 30px;
    }

    .collapse:not(.show) {
        display: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10.05px 20.1px;
        font-size: 16px;
    }

 

    .header-modal .btn-green {
        padding: 10px 15.3px;
        font-size: 14px;
    }

    .benefits h3 {
        padding-right: 0;
    }

    .answers {
        background-image: url(../answers-bg2.png);
    }

    .offcanvas-body {
        padding: 30px 0 60px 0;
    }

    .add-circle::before {
        left: -15px;
    }

    .nav-link:hover::before,
    .nav-link.active::before {
        content: '•';
        font-size: 20px;
    }

    .offcanvas-flex {
        margin-left: 20px;
        margin-top: 15px;
    }

    .benefits {
        padding-top: 90px;
    }

    .How-it-works h2 {
        margin-bottom: 40px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        display: inline-block;
    }

    .navbar-expand-lg .navbar-nav .nav-link:hover {
        padding: 10.05px 30px;
    }

    .pricing .pricing-col .pricing-card .access-paragraph p {
        min-height: 125px;
    }

    .add-flex-footer {
        padding-left: 30px;
        padding-right: 50px;
    }
}

@media (max-width: 991px) {
    h1 {
        font-size: 52.91px;
    }

    h2 {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .answers h2,
    .frequentlyAskedQuestions h2,
    .license.contactUs h2 {
        font-size: 48px
    }

    h3 {
        font-size: 29px;

    }

    .reviews h3 {
        font-weight: 500;
    }

    .banner {
        text-align: center;
        padding-top: 135.08px;
    }

    .banner p {
        font-size: 20px;
    }

    .reviews p {
        font-size: 18px;
        font-weight: 350;
        letter-spacing: 0.1px;
    }

    header .navbar .btn-green {
        margin-right: 60px;
    }

    .header-modal .btn-user,
    .benefits .benefits-row:nth-child(odd) .benefits-background .benefits-left,
    .benefits .benefits-row:nth-child(odd) .benefits-background .benefits-right {
        display: none;
    }

    .aboutUs h2 {
        font-size: 48px;
    }

    .modal-flex {
        margin-top: 15px;
        margin-left: 20px;
    }

    .banner-row{
        gap: 8.3px;
    }

    .why-nitisi {
        padding-top: 99px;
    }

    .reviews {
        padding-top: 74px;
    }

    .resources {
        padding-top: 93.79px;
    }

    .resources-bg-white .nav-item {
        margin: 0;
    }

    .resources-bg {
        padding: 21px 21px 31px 25px;
    }

    .license-center {
        gap: 31px;
    }

    .bg-img {
        padding: 0;
    }

    .license .license-info {
        margin-left: 0;
    }

    .resources h2,
    .benefits h2 {
        text-align: start;
    }

    .resources .nav-tabs {
        margin-bottom: 28px;
    }

    .resources .resources-bg {
        display: none;
    }

    .resources .tab-pane p {
        margin-bottom: 0;
        max-width: 441px;
    }

    .resources .tab-pane.active {
        background: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 18px;
        border-radius: 20px;
    }

    .benefits-row {
        flex-wrap: wrap;
    }

    .benefits .benefits-row .benefits-col-info,
    .benefits .benefits-row .benefits-col-img {
        width: 100%;
    }

    .benefits-col-img,
    .benefits h3 {
        margin-bottom: 30px;
    }

    .footer-media ul li:nth-child(2) img {
     
        width: 25.96px;
    }
    .footer-media ul li:first-child img{
        height: 25.96px;
        width: 12.98px;
    }
    .footer-media ul li:last-child img{
        height: 19.47px;
        width: 28.12px;
    }

    .footer-media {
        justify-content: center;
    }

    footer {
        padding: 40px 0 20px;
    }

    footer ul {
        justify-content: center;
        gap: 56px;
    }

    .How-it-works .btn-green {
        display: none;
    }

    .How-it-works .swiper-button-next-two {
        right: unset;
        left: 70px;
    }

    .How-it-works .swiper-button-prev-two {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto;
    }

    .How-it-works .swiper-button-next-two,
    .How-it-works .swiper-button-prev-two {
        top: unset;
        bottom: -100px;
        background: #fff;
        border-radius: 50px;
        width: 50px;
        height: 50px;
    }

    .works-img {
        height: 280px;
    }
    .resources .add-img{
        padding-left: 0;
    }
    .How-it-works {
        padding-bottom: 84.89px;
    }

    .Creative-Cloud {
        padding-top: 0;
    }

    .pricing {
        max-width: 422px;
        margin: auto;
        padding: 0 10px 110px 10px;
    }

    .license h2 {
        margin-bottom: 60px;
    }

    .pricing h2 {
        margin-bottom: 45px;
        font-size: 48px;
    }
    .accordion-flush .accordion-item:last-child{
        margin-bottom: 37.57px;
    }

    .license-info {
        padding: 0;
    }

    .need-more-help h3 {
        margin-bottom: 35px;
    }

    .add-circle {
        padding: 0px 0px 0 40px;
    }

    .add-circle::before {
        background: url(../circle.png) no-repeat right center;
        z-index: 0;
        background-size: 60%;
        left: 60px;
    }

    .How-it-works .swiper-button-prev-two:after {
        content: url(../prev-swiper.svg);
    }

    .How-it-works .swiper-button-next-two:after {
        content: url(../next-swiper.svg);
    }

    .why-nitisi .relative-section {
        z-index: 111;
    }

    .add-circle,
    .FAQ-img {
        height: 305px;
    }

    .FAQ-img img {
        top: -40px;
    }

    .banner p {
        max-width: unset;
    }

    .banner-flex {
        align-items: center;
        gap: 18px;
    }

    .benefits-row {
        margin-bottom: 60px;
    }

    .benefits h3 {
        max-width: 410px;
    }

    .benefits .benefits-row:nth-child(odd) .benefits-background::after {
        content: none;
    }

    .benefits-background::after {
        max-width: unset;
        left: 0;
        max-height: unset;
        width: 93.7%;
        height: 81.3%;
        margin: auto;
        margin-left: 0;
    }

    .benefits-background {
        padding: 75px;
    }

    .worksSwiper {
        margin-bottom: 51px;
    }

    .pricing .pricing-col .pricing-card .subscription-paragraph p {
        min-height: unset;
    }

    .pricing .pricing-col {
        margin-bottom: 41px;
    }

    .pricing .pricing-col:last-child {
        margin-bottom: 0;
    }

    .contactUsRow {
        gap: 39px;
    }

    .why-nitisi .swiper-button-next,
    .why-nitisi .swiper-button-prev,
    .How-it-works .swiper-button-next-two,
    .How-it-works .swiper-button-prev-two {
        top: unset;
        background: #fff;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        position: unset;
        margin-top: 21px;
    }

    .How-it-works .swiper-button-next-two,
    .How-it-works .swiper-button-prev-two {
        width: 79.11px;
        height: 79.11px;
        margin-top: 44px;
    }

    .aboutUs {
        padding-top: 82.91px;
    }

    .breadcrumb {
        margin-top: 159px;
    }

    .answers.FAQAnswers {
        margin-top: 53px;
        margin-bottom: 36px;
    }

    .license.contactUs h2 {
        margin-bottom: 23px;
        margin-top: 28px;
    }

    .license.contactUs {
        padding-bottom: 69px;
        max-width: 633px;
        margin: auto;
    }

    .pricing .most-popular p {
        font-weight: 800;
    }

    .license {
        padding-bottom: 113px;
    }

    .need-more-help {
        padding-bottom: 109.79px;
    }

    .add-flex-footer {
        padding-left: 0;
        padding-right: 0;
    }

    .need-more-help .accordion-button {
        gap: 66px;
    }
    .banner h1, .banner p{
        line-height: unset;
    }
    .navTabsHeader{
        font-weight: 800;
    }
    .Creative-Cloud-info h2 {
        margin-bottom: 36.35px;
        max-width: 469px;
    }
    .aboutUsImg img{
        max-width: 100%;
    }
    .footer-logo{
        width: 164.097px;
        height: 73.502px;
    }
     .banner{
        background: url(../bg-green-responsive.png) top;
        background-size: cover;
    }
    .answers{
        margin-top: 83px;
    }
    .why-nitisi h2{
        margin-bottom: 33px;
    }
    .why-nitisi .card .img-icon{
        padding-top: 63.74px;
        padding-bottom: 56.66px;
    }
    .license h2 span::after {
        left: -10px;
        height: 51px;
        width: 156px;
        top: 6px;
    }
    .footer-media ul{
        margin-top: 0;
        gap: 60px;
    }
    .subscribed-modal .modal-flex{
        margin-left: 0;
    }
}

@media (max-width: 850px) {
    .works-img {
        height: 250px;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-lg .navbar-nav{
        gap: 18px;
    }
    .flex-submit
     {
        flex-direction: column;
    }

    .works-img {
        height: 270px;
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
    }

    .add-circle {
        padding: 26px 15px 0 22px;
    }

    .add-circle::before {
        background: url(../circle.png) no-repeat bottom center;
        z-index: 0;
        background-size: cover;
        top: 20%;
        left: 0;
    }

    .How-it-works .swiper-slide,
    .why-nitisi .swiper-slide {
        width: 60%;
    }

    .add-circle,
    .FAQ-img {
        height: unset;
    }

    .FAQ-img img {
        position: unset;
    }

    .benefits-background::after {
        width: 90%;
        height: 77.3%;
    }

    .benefits-background {
        padding: 75px 120px 70px 75px;
    }

    .How-it-works .swiper-button-next-two,
    .How-it-works .swiper-button-prev-two {
        width: 52.056px;
        height: 52.056px;
        margin-top: 36.53px;
    }

    .worksSwiper {
        margin-bottom: 33.82px;
    }

    .bg-img {
        padding: 0 10.14px 0 13.49px;
    }

    .need-more-help .accordion-button {
        gap: 30px;
    }
    .accordion-button {
        gap: 10px;
    }
    
}

@media (max-width: 670px) {
    .works-img {
        height: 240px;
    }
}

@media (max-width: 575.98px) {

    h1 {
        font-size: 32px;
    }

    h2,
    .aboutUs h2, .why-nitisi h2 {
        font-size: 28px;
    }

    .answers h2,
    .frequentlyAskedQuestions h2,
    .license.contactUs h2 {
        font-size: 28px;
    }
    .frequentlyAskedQuestions h2{
        line-height: 34px;
    }
    h3,
    .reviews h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4,
    .How-it-works .card-body h5 {
        font-size: 18px;
    }

    .aboutUs h2 {
        margin-bottom: 20px;
        line-height: 18px;
    }

    .How-it-works .card-body h5 {
        min-height: 55px;
    }

    .banner p,
    .reviews p,
    .tab-pane p,
    .banner .btn-icon p {
        font-size: 14px;
    }
    .banner p{
        max-width: 320px;
    }
    .banner-flex {
        gap: 14px;
    }
    .btn-second-green:hover .icon-img{
        right: -18px;
        position: relative;
    }

    .reviews-flex {
        gap: 20px;
    }

    .btn-second-green {
        padding: 13px 20px;
    }
    .modal-flex{
        flex-direction: column;
        align-items: center;
    }
    .subscribed-modal .modal-flex .btn-white, .subscribed-modal .modal-flex .btn-green{
        max-width: 242.886px;
        width: 100%;
    }
    .subscribed-modal .modal-flex{
        gap: 10px;
    }
    .modal-body.three p{
        font-size: 16px;
        max-width: 339px;
    }
    .subscribed-modal h3{
        max-width: 339px;
    }
    .why-nitisi .card .card-title {
        font-size: 17.999px;
        min-height: 40px;
        color: #97C222;
    }
    .accordion-button:not(.collapsed), .accordion-button{
        line-height: 20px;
    }
    .custom-file-label{
        top: 4px;
    }
    .get-start a {
        font-size: 13.5px;
    }

    .form-label {
        font-size: 14.21px;
    }

    .why-nitisi .card p {
        font-size: 12.599px;
        min-height: 100px;
        max-width: 271.786px;
        letter-spacing: 0.27px;
    }

    .why-nitisi .card {
        min-height: 360px;
        padding: 0 28.8px 21.51px 21.6px;
    }

    .header-modal .btn-green {
        display: none;
    }
    .why-nitisi h2{
        margin-bottom: 25px;
        text-align: start;
        line-height: 26px;
    }
    .resources h2{
        line-height: 28px;
    }
    .modal-dialog {
        max-width: 100%;
    }

    footer ul {
        gap: 22px;
        row-gap: 10px;
    }
    .footer-gap, .add-flex-footer {
        row-gap: 20px;
    }

    .copyright {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .border-footer {
        display: none;
    }

    .copyright p {
        color: rgba(67, 67, 67, 0.89);
    }

    .navbar {
        margin: 0 20px;
        padding-top: 0;
        margin-top: 18px;
    }
    .navbar-brand{
        padding-left: 0;
    }
    .frequentlyAskedQuestions ul.nav-tabs{
        gap: 7px;
    }
    .fixed-header .container-bg{
        padding-left: 18.3px;
    }
    .navbar-toggler{
        right: 12px;
    }
    .How-it-works .swiper-slide,
    .why-nitisi .swiper-slide {
        width: 86%;
    }
    .why-nitisi .card .img-icon{
        padding-top: 51.73px;
        padding-bottom: 45.99px;
    }
    .accordion-button {
        gap: 5px;
    }
    
    .why-nitisi .swiper-scrollbar.swiper-scrollbar-horizontal{
        height: 7px;
    }
    .swiper-scrollbar-two.swiper-scrollbar-horizontal {
        height: 5px;
    }

    .resources .accordion-button:not(.collapsed),
    .navTabsHeader {
        font-size: 24px;
    }

    .benefits-row p,
    .How-it-works .card-body p,
    .aboutUsBg p {
        font-size: 13px;
    }
    .footer-media ul li:nth-child(2) img {
     
        width: 19.39px;
    }
    .footer-media ul li:first-child img{
        height: 19.39px;
        width: 9.69px;
    }
    .footer-media ul li:last-child img{
        height: 14.54px;
        width: 21px;
    }
    .footer-media ul{
        gap: 46px;
    }
    .answers {
        margin-top: 80px;
        margin-bottom: 40px;
        padding: 30px;
        background-image: url(../answers-bg3.png);
    }

    .How-it-works {
        padding-bottom: 36.42px;
    }

    .aboutUs {
        padding-top: 90px;
    }

    /* .contactUs h2 span::after {
        height: 26px;
        top: 7px;
        width: 41px;
        left: -6.5px;
    } */
    .contactUs h2 span{
        padding: 0px 3px;
        height: 28px;
    }
    .pricing h2 span{
        padding: 0px 4px;
        height: 38px;
        margin-left: -7px;
    }
    .contact-img-info h4{
        font-size: 18px;
    }
    .contact-img-info p,
    .accordion-button:not(.collapsed),
    .accordion-button,
    .frequentlyAskedQuestions ul.nav-tabs .nav-button {
        font-size: 14px;
    }

    .contactUs .resources-bg {
        padding: 15px;
    }

    .add-circle::before {

        z-index: -1;
    }

    .benefits h3 {
        max-width: 340px;
    }

    .benefits-row {
        margin-bottom: 80px;
    }
    .works-img {
        height: 300px;

    }

    .Creative-Cloud-info {
        padding: 70px 31px;
    }

    .benefits h2 {
        text-align: center;
        line-height: 25px;
    }
    .How-it-works h2{
        line-height: 18px;
    }

    .contactUsRow {
        gap: 23px;
    }

    .license-space {
        margin-bottom: 20px;
    }

    .breadcrumb {
        margin-top: 132px;
    }

    .license.contactUs h2 {
        margin-bottom: 42px;
        margin-top: 27px;
    }

    .license.contactUs {
        padding-bottom: 69px;
    }

    .contactUs .resources-bg {
        padding: 14px 14px 15.03px;
    }

    .needHelpFlex p {
        max-width: 280px;
        font-size: 14px;
    }

    .answers.FAQAnswers {
        margin-top: 41px;
        margin-bottom: 9px;
    }

    .offcanvas-header {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 8.53px 17.07px;
    }

    .navbar-expand-lg .navbar-nav .nav-link:hover {
        padding: 8.53px 20px;
    }

    .offcanvas-flex {
        margin-left: 10px;
    }

    .license h2 {
        line-height: 19.4444px;
        margin-bottom: 32.41px;
    }

    .pricing h2 {
        margin-bottom: 28px;
        margin-top: 32px;
        font-size: 28px;
        line-height: 19px;
    }

    .pricing .pricing-col .pricing-card h5 {
        font-size: 23.985px;
    }

    .pricing .pricing-col .pricing-card .subscription-paragraph p {
        font-size: 14px;
        line-height: 25.83px;
        min-height: 118px;
        margin-bottom: 18.45px;
        max-width: 315.491px;
        height: unset;
    }

    .pricing .pricing-col .pricing-card:hover .subscription-paragraph p {
        font-size: 14.1px;
    }

    .pricing .pricing-col .pricing-card .access-paragraph p {
        font-size: 12.915px;
        min-height: 95.939px;
        max-width: 315.378px;
        margin-bottom: 16.6px;
    }

    .pricing .most-popular p {
        font-size: 12.817px;
    }

    .license .license-info p {
        font-size: 13.304px;
        line-height: 140.7%;
        margin-bottom: 25px;
    }

    .license .license-info .form-label,
    .license .license-info .errorMsgLable {
        font-size: 13.878px;
    }

    .license .license-info .form-control {
        font-size: 13.878px;
    }
    .form-control{
        border-radius: 36.314px;
    }
    .relative-input textarea.form-control{
        border-radius: 20.525px;
        padding: 18.75px 17.37px 17.37px !important;
    }
    .license.contactUs .license-info .form-control, .license.contactUs .license-info .form-label{
        font-size: 14.21px;
    }
    .territories-group .btn-gray {
        font-size: 14.76px;
        height: 35.977px;
    }

    .territories-group .form-control {
        padding: 16.6px 90px 15.69px 11.34px;
        font-size: 14.76px;
        line-height: 16.605px;
        color: #212121;
        height: 43.357px;
    }
    .relative-input img{
        width: 33.945px;
height: 33.945px;
left: 8.29px;
    }
    .relative-input .form-control, .form-control.is-invalid, .was-validated .form-control:invalid{
        padding: 18.74px 10px 17.26px 50.52px;
    }
    .custom-file-label{
        left: 50px;
    }
    /* .How-it-works h2 span::after{
        width: 98px;
        border: 3px solid #F02A6F;
        border-radius: 80%;
        left: -7px;
        height: 37px;
        top: 1px;
    } */
    .pricing .pricing-col .border-card{
        padding: 7.14px 8.34px 9.26px 8.65px;
    }
    .pricing .pricing-col .pricing-card h3 {
        font-size: 36.9px;
    }

    .pricing .pricing-card .btn-green {
        font-size: 15.682px;
    }

    .pricing .pricing-col {
        margin-bottom: 37.87px;
    }

    .pricing {
        padding-bottom: 78.1px;
    }

    .resources-bg {
        padding: 14.66px 11.31px 20.9px 11.26px;
    }

    .license .license-info h4 {
        font-size: 24.561px;
    }

    .MultilicenseForm .license-space.errorInputEmail {
        margin-bottom: 30.7px;
    }

    .license {
        padding-bottom: 59px;
    }

    .need-more-help .accordion-button {
        font-size: 18px;
    }

    .need-more-help {
        padding-bottom: 57.79px;
    }

    .need-more-help h3 {
        font-size: 24px;
        margin-bottom: 33px;
    }
    .need-more-help .accordion-button {
        gap: 5px;
    }
    .navTabsHeader{
        font-weight: 900;
    }
    .footer-logo{
        width: 125.052px;
        height: 56.013px;
    }
    .banner{
        padding-bottom: 0;
        background: url(../bg-green-responsive2.png);
        background-size: cover;
    }
    .add-img{
        border-radius: 10.443px;
background: linear-gradient(157deg, rgba(255, 255, 255, 0.37) 15.05%, rgba(255, 255, 255, 0.13) 169.7%);
backdrop-filter: blur(14.098464965820312px);
padding: 4.79px 6.36px 6.4px 6.93px;
    }
    .add-img img{
        border-radius: 8.877px;
    }
    .banner-row{
        gap: 28.56px;
    }
    .why-nitisi{
        padding-top: 89px;
    }
    .why-nitisi .card .img-icon img{
        width: 36.373px;
        height: 36.373px;
    }
    .responsive-container{
        padding-right: 0;
    }
    .resources{
        padding-top: 114.79px;
    }

    .benefits-background {
        padding: 49px 80px 40px 70px;
    }
    .benefits-background::after {
        width: 93.8%;
        height: 81%;
        border-radius: 10.958px;
background: #FFF;
box-shadow: 8.219px 38.354px 54.791px 0px rgba(0, 0, 0, 0.06);
    }
    .benefits .benefits-row:nth-child(odd) .benefits-background {
        padding: 26.48px 0 24.88px 27.01px;
    }
    .benefits-background::before{
        border-radius: 0px 27.396px 27.396px 0px;
background: linear-gradient(251deg, #EEF2DF 20.77%, #F9FBF2 80.14%);
    }
    .benefits-col-img, .benefits h3{
        margin-bottom: 20px;
    }
    .Creative-Cloud-info h2{
        max-width: 287px;
        margin-bottom: 24px;
    }
    .Creative-Cloud-info h2 span{
        display: block;
    }
    .How-it-works .card-body p{
        min-height: 37px;
    }
    .accordion-flush .accordion-item:last-child{
        margin-bottom: 20.39px;
    }
    .benefits h2 span{
        height: 39px;
        margin-left: -8px;
    }
    .license h2 span::after {
        left: -6px;
        height: 34px;
        width: 98px;
        top: 3px;
    }
    footer a, footer p{
        font-size: 10px;
        font-weight: 500;
line-height: 20px;
    }
    .answers h2{
        max-width: 308px;
    }
    .resources .tab-pane p{
        max-width: 306px;
    }
    .add-modal-icon img{
        width: 34.477px;
height: 34.477px;
    }
    .contact-img img{
        min-height: 241px;
    }
    .messageInput{
        margin-bottom: 30px;
    }
    
}

@media (max-width: 470px) {
    .works-img {
        height: 235px;
    }
}

@media (max-width: 400px) {
    .works-img {
        max-height: 200px;
        overflow: visible;
    }
    .aboutUsBg{
        padding: 25px 15px 19px 19px;
    }
    .aboutUsBg p{
        max-width: 315px;
    }
    .grapheast{
        margin-right: 4px;
    }
    /* .reviews .btn {
        width: 100%;
    } */
    .reviews-flex{
        width: 100%;
    }
    .reviews p{
        max-width: 348px;
    }
    .reviews h3{
        max-width: 306px;
    }
    .benefitsOfNitisi h4{
        max-width: 286px;
    }
    .benefitsOfNitisi p{
        max-width: 307px;
    }
    .benefits .benefits-row:nth-child(odd) .benefitsOfNitisi h4{
        max-width: 311px;
    }
}
@media (max-width: 380px){
    .reviews-flex{
        flex-wrap: wrap;
    }
}