/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media only screen and (max-width: 800px) {
    .body {
        padding: 57px 20px;
        width: 100%;
        transition: 1s ease;
    }

    .alig-header-one {
        padding-right: 0;
    }

    .v-card p {
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        margin: 0px 10px;
    }

    .main-footer .col-md-4 {
        padding-left: 0px !important;
        text-align: center;
        margin-bottom: 25px;
    }

    .pro-header .welcome img {
        width: 22px;
        height: 22px;
        bottom: 0px !important;
    }

    .bok .phrases-tab {
        margin-top: 12px;
        margin-bottom: 28px !important;
        justify-content: center;
    }

    .pro-header .container {
        height: auto !important;
    }

    .main-header {
        background: #fe0000;
        background-image: url(Home-Page.png);
        background-repeat: no-repeat;
        background-size: 122% 101%;
        object-fit: cover;
        background-position: right;
    }

    .searchContain .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
        justify-content: center;
    }

    .main-body .filter {
        display: none;
    }

    .r-con {
        height: auto;
    }

    .search-container {
        height: auto;
    }

        .search-container .icon {
            padding-left: 0px;
            margin-bottom: 10px;
            width: 100%;
        }

    .pro-header .logo-ele {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
    }

    .contact .col-md-6:first-child {
        height: 500px;
    }

    .contact-title ~ p {
        text-align: left;
    }

    .pro-header .row img {
        margin-left: 10px;
    }

    .pro-header .welcome {
        display: flex;
        justify-content: end;
        align-items: flex-end;
        padding-bottom: 15px;
    }

    .pro-header .d-flex {
        flex-direction: column;
        align-items: center;
    }

    .main-body .filter {
        display: none;
        position: absolute;
        z-index: 1000;
        background: #fff;
        width: 70%;
        overflow: scroll;
        text-align: start;
        box-shadow: 1px 1px 13px -8px black;
        height: 100%;
        top: 0;
        position: fixed;
    }

    .open {
        display: block !important;
    }

    .alig-header-one {
        width: 100%;
    }

    .main-body .filter::backdrop {
        /* position: fixed; */
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.192);
    }

    .conent-wrap .row {
        border-width: 1px;
    }

    .conent-wrap ~ .row .col-md-6:first-child ul {
        border-width: 1px;
    }

    .local .rowss {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        height: 500px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .domain-contanier .rowss h4 {
        padding-left: 0px;
        margin-top: 28px;
    }

    .domain-contanier ul {
        padding-left: 0px;
    }

    .conent-wrap ~ .row .col-md-6 ul {
        border-width: 1px;
    }

    .domain-api .col-md-6 ul li::before {
        left: -10px;
    }

    .service-pack .col-md-6 ul li::before {
        left: -10px;
    }

    .local ul li::before {
        left: -30px;
    }

    .local .rowss {
        padding: 0px 30px;
    }

    .pro-header h3 {
        font-size: 13px;
    }

    .feedback .d-flex {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .feedback .form-check {
        margin-top: 15px
    }

    .search-container .form-select {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }

    .btn-dark:disabled {
        color: #fff;
        background-color: #535768;
        border-color: #535768;
    }
}

@media only screen and (max-width: 600px) {
    body {
        padding-left: 0px;
        text-align: center;
    }

    .sortA {
        width: 85% !important;
        text-align: left;
    }

    .v-card {
        width: 100%;
        height: auto;
        background: #CDD4E14D;
        opacity: 1;
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .searchContain .d-flex {
        flex-direction: column;
        width: 100%;
    }

        .searchContain .d-flex select {
            width: 100%;
        }

        .searchContain .d-flex button {
            width: 100%;
            margin: 6px 5px;
        }

    .sec-gap {
        margin-right: 0px;
        text-align: center;
    }

    .respon-dropd {
        flex-direction: column;
        display: flex;
        text-align: center;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

        .respon-dropd select {
            margin: 10px 0px;
            border: 1px solid #9f9f9f !important;
            padding: 15px 15px;
            width: 94%;
        }

    .list-sort {
        margin: 0px 5px;
    }
}

@media only screen and (max-width: 1940px)and (min-width: 1600px) {
    .container {
        max-width: 100%;
        margin: 0 auto !important;
        padding: 0 40px !important;
    }

    .actn {
        margin-top: 40px;
        padding: 0 20px;
    }

    .new-Slick h3 {
        font-size: 36px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .slick-slider {
        margin-bottom: 38px;
    }

    .v-card img {
        min-width: 200px;
        min-height: 120px;
    }

    .arrow-icons {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        min-height: 21px !important;
    }

    .v-card .arrow-icons {
        bottom: 10px;
        position: absolute;
        right: 40px;
    }

    .slicl-list {
        height: 256px;
    }

    .main-header .title-input {
        margin-bottom: 44px;
    }

    .main-header .fa {
        position: absolute;
        top: 14%;
        right: 15px;
    }

    .searchContain .d-flex select {
        width: 200px;
        margin: 10px 2.5px;
    }

    .searchContain button {
        height: 28px;
        width: 100px;
        margin-top: 10px;
        margin-left: 2px;
        font-size: 18px;
    }

    .new-Slick p {
        font-size: 1rem;
        margin-left: 35px;
        line-height: 1.2;
    }

    .v-card .fa-chevron-down {
        bottom: 17px;
        position: absolute;
        right: 80px;
        font-size: 20px;
    }

    .main-header .title-text {
        font-size: 42px;
    }

    .main-header img {
        position: absolute;
        width: 22px;
        top: 11%;
        right: 15px;
        FONT-SIZE: 22px;
    }

    .main-footer h3 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .main-header .title-input {
        max-width: 764px;
        height: 40px;
    }

    .main-footer li {
        font-size: 21px;
    }

    .main-footer li {
        margin-bottom: 5px;
        font-weight: 300;
    }

    .copy-right {
        padding: 20.5px 0px;
    }

    .settings img {
        width: 43px;
        height: 43px;
    }

    .copy-right p {
        font-size: 16px !important;
        color: #CDD4E1;
        margin-bottom: 0px;
    }

    .main-header .title-text {
        padding: 118px 0px 0px 0px;
    }

    .main-header .row {
        padding: 24px 0px 0px 0px;
    }

    .main-header {
        height: 350px;
    }

    .domain-api ul li {
        font-size: 22px;
    }

    .service-pack ul li {
        font-size: 22px;
    }

    .local ul li {
        font-size: 22px;
    }

    .v-card {
        width: 30.125rem;
        height: 199px;
        padding: 40px;
    }

    .slick-next {
        top: 52% !important;
        width: 47px !important;
        height: 47px !important;
        box-shadow: none;
    }

    .slick-prev {
        top: 52% !important;
        width: 47px !important;
        height: 47px !important;
        box-shadow: none;
    }

    .slick-next::before {
        font-size: 47px !important;
    }

    .slick-prev::before {
        font-size: 47px !important;
    }

    .new-Slick .slide-sec {
        display: block;
        width: 100%;
        padding: 0px 40px;
    }

    .slick-next {
        right: -10px !important;
    }

    .main-header .row .logo {
        width: 550px !important;
        height: 48px !important;
        top: 0;
        right: 0;
    }

    .slide-sec h3 {
        margin-bottom: 1.8125rem !important;
    }

    .page-manual .p-manual {
        border-right: 3px solid #CDD4E1
    }

    .page-manual #myUL {
        list-style-type: none;
    }

        .page-manual #myUL li {
            padding-left: 20px;
            position: relative;
        }

    .page-manual #myUL {
        margin: 0;
        padding: 0;
    }

        .page-manual #myUL li a {
            font-size: 18px;
            color: #383E4C;
            font-family: 'Montserrat', sans-serif;
        }

        .page-manual #myUL .caret {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            position: absolute;
            user-select: none;
            display: inline;
            left: -5px;
            top: 3px;
        }

            .page-manual #myUL .caret::before {
                background-image: url("../Assets/images/plus.gif");
                content: '=';
                width: 15px;
                color: #fff;
                display: inline-block;
                background-repeat: no-repeat;
                margin-right: 15px;
            }

    .page-manual .caret-down::before {
        background-image: url("../Assets/images/minus.gif") !important;
        width: 15px;
        content: ' =';
        color: #fff;
    }

    .page-manual #myUL .nested {
        display: none;
    }

    .page-manual #myUL .active {
        display: inline;
        list-style: none;
        padding-left: 10px;
    }

    .page-manual .discm p {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        margin: 0px;
    }

    .page-manual .discm {
        padding-top: 25px;
        border-top: 1px solid #cdcdcd;
        padding-bottom: 25px;
    }

    .page-manual .je {
        border: 1px solid #cdcdcd;
    }

    .page-manual .p-manual {
        padding: 37px;
    }

    .page-manual .je .tab-content {
        height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


    /* Style the tab */
    .page-manual .tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
    }

        /* Style the buttons inside the tab */
        .page-manual .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of buttons on hover */
            .page-manual .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            .page-manual .tab button.active {
                background-color: #ccc;
            }

    /* Style the tab content */
    .page-manual .tabcontent {
        display: none;
        padding: 6px 12px;
        border: 1px solid #ccc;
        border-top: none;
    }

    .artifat h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 36px;
        padding-left: 15px;
    }

    .artifat .col-md-7 .modal-img {
        width: 658px;
        height: 200px;
        object-fit: cover;
    }

    .artifat p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 18px;
        margin: 50px 0px;
    }

    .artifat .modal-content {
        width: 1340px;
        height: 677px;
    }

    /*.my-padding {                     //commented because of the content was coming behind red line
        padding-top: 12px !important;
    }*/

    .l-icons {
        height: 43px;
    }

    .m-filter {
        padding-top: 31px !important;
    }

        .m-filter .list-groups {
            margin-bottom: 12px;
        }

    .marg-top {
        margin-top: 26px;
    }

    /*.search-container .row {          //commented because of the content was coming behind red line
        padding: 12px 0px 0px 0px;
    }*/

    .search-container .form-select {
        font-size: 15px;                /*earlier it was 24px*/
    }

    .main-footer li a {
        color: #CDD4E1;
        font-size: 21px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 1366px) {
    .v-card {
        width: 100%;
        height: 157px;
        background: #CDD4E14D;
        opacity: 1;
        display: flex;
        padding: 20px;
    }

    .main-body .list-groups {
        padding-left: 15px;
    }

    .r-con {
        height: auto !important;
    }
}

@media only screen and (max-width: 1920px)and (min-width: 1800px) {
    .alphabet .active {
        background-color: #eb0000;
        color: #fff;
        height: 40px;
    }

    .search-container {
        height: 80px;
        position: relative;
    }

    .bottom-line {
        background: #FF0000;
        height: 20px;
        width: 100%;
        z-index: 9;
        position: absolute;
        bottom: -19px;
    }

    .search-container .form-select {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 22px;
        font-weight: 500;
        color: #2C2E3A;
        padding-top: 5px;
        border: none;
        background: transparent;
        padding-right: 1pc;
        outline: none;
    }

    .search-container .icon input {
        width: 100%;
        border-radius: 21px;
        border: 1px solid #aba6a6;
        padding: 5px 10px;
        font-size: 13px;
        height: 40px;
        float: left;
    }

    .search-container .icon .fa {
        position: absolute;
        top: 9px;
        font-size: 22px;
        right: 16px;
        color: #50555e;
    }

    .filter-chips .chips {
        height: 33px;
        width: auto;
        font-size: 18px !important;
    }

        .filter-chips .chips .fa {
            margin-left: 14px !important;
        }

    .marg-top .chips .fa {
        margin-left: 10px !important;
        font-weight: 14px;
    }

    .body .chips-count h3 {
        font-size: 20px;
    }

    .check-container {
        font-size: 18px;
        font-weight: 500;
        color: #383E4C;
    }

    .con-card .col-md-4 .card {
        width: 500px !important;
        height: 160px;
    }

    .con-card .col-md-4 {
        padding: 18px 12.5px;
    }

    .con-card .card p {
        color: #8b8b8b;
        font-size: 18px;
        line-height: 1.3;
    }

    .con-card .card .d-flex a {
        margin: 10px 0px;
        font-size: 16px;
    }

    .con-card .card .d-flex {
        padding: 10px 20px;
    }

    .con-card .card h3 {
        font-size: 18px;
    }

    .con-card .col-md-4 .card {
        padding: 5px 15px;
    }

    .main-body .filter {
        width: 20%;
        border-right: 1px solid #f5f3f3;
        padding-top: 5px;
    }

    .main-body .list-groups {
        margin: 28px 0px 0px 0px;
        padding: 10px;
        padding-left: 40px;
    }

    .main-body .filter .list-groups h3 {
        font-size: 20px;
    }

    .body {
        padding: 26px 10px;
    }

    .main-body .filter {
        border-right: 1px solid #d6d4d4;
    }

    .body .filter-chips {
        padding-left: 15px;
    }

    .search-container .icon input::placeholder {
        font-size: 16px;
        color: #828488;
        font-family: 'Montserrat', sans-serif;
    }

    .pro-header .welcome {
        font-family: 'Montserrat', sans-serif;
        text-align: right;
        font-size: 16px;
        font-weight: 400;
        display: flex;
        justify-content: end;
    }

        .pro-header .welcome img {
            width: 42px;
            height: 42px;
            margin-left: 15px;
            margin-top: 5px;
        }

    .pro-header .logo-ele img {
        width: 253px;
        height: 53px;
    }

    .pro-header .d-flex span {
        color: #707070;
        font-size: 28px;
        font-weight: 400;
    }

    .pro-header .d-flex h3 {
        color: #707070;
        font-size: 24px;
        font-weight: 400;
    }

    .pro-header .d-flex span {
        color: #707070;
        font-size: 28px;
        font-weight: 400;
    }

    .alig-header-one .chev {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-weight: 400;
        color: #494444;
    }

    .alig-header-one .fa-chevron-right {
        position: relative;
        vertical-align: middle;
        margin-bottom: 17px;
        color: #3d3939;
    }

    .alig-header-one a {
        font-size: 24px;
    }

    .pro-header .container:first-child {
        height: 94px;
        padding-top: 8px;
    }

    .pro-header .search-container .container:first-child {
        height: 80px !important;
        padding-top: 0px;
    }

    .btn-download {
        background-color: #2C2E3A;
        color: #fff;
        border-radius: 3px;
        font-size: 19px;
        float: right;
        margin-left: auto;
        margin-top: 10px;
        width: 152px;
        height: 46px;
    }

        .btn-download img {
            width: 16px;
            height: 17px;
            margin: 5px;
            vertical-align: bottom;
        }

    .conent p {
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        font-weight: 300;
        color: #6c6565;
    }

    .conent ul li {
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        font-weight: 300;
        color: #6c6565;
        position: relative;
    }

    .conent-wrap h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #494444;
        position: relative;
        margin: 10px 0px;
        margin-bottom: 35px;
    }

    .conent-wrap li {
        margin-bottom: 10px;
        font-size: 22px;
    }

    .conent-wrap ~ .row .col-md-6 h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 600;
        color: #494444;
        position: relative;
        /* margin-bottom: 36px; */
    }

    .conent-wrap ~ .row .col-md-6 li {
        margin-bottom: 10px;
        font-size: 22px;
    }

    .conent-wrap h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 36px;
        margin-bottom: 26px;
    }

    .conent-wrap ~ .row .col-md-6:first-child li img {
        width: 83px;
        height: 46px;
        /* margin-bottom: 36px; */
    }

    .conent-wrap ~ .row .col-md-6:nth-child(2) li img {
        width: 43px;
        height: 58px;
        /* margin-bottom: 36px; */
    }

    .conent-wrap img {
        /* position: absolute; */
        width: 52px;
        height: 70px;
        display: inline-block;
        margin-bottom: 26px;
    }


    .contact-title {
        text-align: left;
        font-family: 'Montserrat',sans-serif;
        letter-spacing: 0px;
        color: #2C2E3A;
        opacity: 1;
        font-weight: 600;
        font-size: 45px;
        margin-top: 37px;
        margin-bottom: 28px;
    }

    .contact {
        margin: 20px 0px 0px 0px;
    }

    .contact-title ~ p {
        font-family: 'Montserrat',sans-serif;
        font-size: 18px;
    }

        .contact-title ~ p span {
            font-family: 'Montserrat',sans-serif;
            font-size: 18px;
            color: #3747c5;
        }

    .pro-header {
        padding-bottom: 0px;
    }

    .about-text {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 22px !important;
    }

    .artifat h2 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 24px;
        margin: 0px 0px 20px 0px;
        width: 100%;
        height: 5px;
    }

    .artifat ul li {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 18px;
        margin: 22px 0px;
    }

    .col-md-7 .artifat .l-style {
        width: 100% !important;
    }

    .l-style img {
        text-align: center;
        min-width: 60px;
        max-width: 89px;
    }

    .artifat .col-md-5 .r-side {
        list-style: none;
        display: inline-block;
        width: 49% !important;
    }

    .artifat .col-md-5 p {
        margin: 30px 0px;
    }

    .artifat .l-style {
        height: 162px;
    }

    .feedback span {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 18px;
        margin-top: 3px;
    }

    .feedback h4 {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 30px;
        margin-top: 0px;
    }

    .feedback .form-check {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 18px;
        margin-top: 3px;
        margin-right: 32px;
    }

    .feedback label {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 18px;
        margin: 0px;
    }

    .feedback select {
        width: 266px;
        height: 30px;
        background: #97979794;
        outline: none;
        border: none;
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 18px;
        border: 2px solid #959595;
    }

    .feedback .textarea p {
        font-family: 'Montserrat',sans-serif;
        color: #2C2E3A;
        font-size: 18px;
        margin: 0px;
    }

    .feedback .textarea textarea {
        width: 100%;
        height: 160px;
        border: 0.5px solid rgba(152, 137, 137, 0.507);
    }

        .feedback .textarea textarea ~ div {
            font-family: 'Montserrat',sans-serif;
            color: #2C2E3A;
            font-size: 18px;
            margin: 0px;
        }

    .feedback input[type=radio] {
        width: 18px;
        margin-top: 8px;
    }

    .feedback .d-flex {
        flex-wrap: wrap;
    }

    .feedback .col-md-12 img {
        width: 32px;
    }

    .feedback button {
        color: #fff;
        width: 102px;
        height: 40px;
        border-radius: 0px;
    }

        .feedback button.btn-grey {
            color: #2C2E3A;
            width: 102px;
            height: 40px;
            background-color: #CDD4E1;
        }


        .feedback button.btn-red {
            color: #fff;
            width: 102px;
            height: 40px;
            background-color: #FF0000;
        }

    .feedback .col-md-12 {
        margin-top: 30px;
    }

        .feedback .col-md-12:first-child {
            margin-top: 20px;
        }

        .feedback .col-md-12:nth-child(2) {
            margin-top: 12px !important;
        }

    .searchContain .d-flex select {
        font-size: 22px;
    }

    .accrdions-page h3 {
        margin-top: 37px;
        font-size: 32px;
        font-family: 'Montserrat',sans-serif;
        font-weight: 600;
    }

    .accrdions-page .card {
        border-radius: 0px;
    }

        .accrdions-page .card .card-header {
            background-color: #2C2E3A;
            color: #fff;
            font-family: 'Montserrat',sans-serif;
            font-size: 30px;
            border-radius: 0px;
        }

            .accrdions-page .card .card-header a {
                color: #ffffff;
                text-transform: uppercase;
                font-weight: 600;
            }

    .accrdions-page #col_accordion {
        padding: 0px 28px;
        margin-top: 50px;
    }

    .accrdions-page .card .card-body {
        color: #2C2E3A;
        /* color: #fff; */
        font-family: 'Montserrat',sans-serif;
        font-size: 22px;
        text-align: center;
        background-color: #f4f6f8;
        padding: 0px;
    }

    .card-link.collapsed i {
        transform: rotate(-90deg);
        transition: 1s ease;
    }

    .card-link i {
        /* transform: rotateX('0') !important; */
        transform: rotate(0deg);
        transition: 1s ease;
    }

    .accrdions-page .card .table td {
        padding: 50px;
        vertical-align: inherit;
    }

    .accrdions-page .card .table th {
        padding: 35px;
        white-space: nowrap;
    }

    .accrdions-page .card .table {
        margin-bottom: 0px;
    }

    .accrdions-page .col-md-12 {
        padding: 0px;
    }

    .res-title {
        font-family: 'Montserrat',sans-serif;
        font-size: 45px;
        font-weight: 900;
    }

    .res-text {
        font-family: 'Montserrat',sans-serif;
        font-size: 30px;
        font-weight: 300;
    }

    .actn {
        margin-top: 46px;
    }

        .actn ul li {
            color: #2C2E3A;
            font-family: 'Montserrat',sans-serif;
            font-size: 24px;
            font-weight: 600;
        }

        .actn ul {
            padding: 0px;
            list-style: none;
            margin-bottom: 0;
        }

        .actn .col-md-12 {
            padding: 0px;
        }

    .phrases-tab {
        margin-top: 51px;
        margin-bottom: 64px !important;
    }

        .phrases-tab li a {
            width: 110px;
            height: 40px;
            font-family: 'Montserrat', sans-serif;
            font-size: 18px;
            color: #2C2E3A;
            background: #CDD4E1;
            font-weight: 400;
            padding: 11.5px 34px;
            text-transform: none;
            text-decoration: none;
        }

            .phrases-tab li a.active {
                width: 110px;
                height: 40px;
                font-family: 'Montserrat', sans-serif;
                font-size: 18px;
                color: #fff !important;
                background: #FF0000 !important;
                font-weight: 400;
                padding: 11.5px 34px;
                transition: .8s ease-in-out;
            }

    .actn .inner-list li:nth-child(odd) {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #cdd4e179;
    }

    .actn .inner-list li:nth-child(even) {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #CDD4E1;
    }

    .actn .inner-list li.active {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #FF0000;
        color: #fff;
    }

    .phrases-table tr:nth-child(odd) td:nth-child(even) {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #cdd4e17c;
    }

    .phrases-table tr:nth-child(odd) td:nth-child(odd) {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #CDD4E1;
    }

    .phrases-table tr:nth-child(even) td {
        font-size: 18px !important;
        font-weight: 300;
        background-color: #cdd4e12e;
        color: #2C2E3A;
    }

    .phrases-table tr td:first-child {
        width: 30%;
        border-right: 1px solid #bcbcbc;
    }

    .phrases-table tr td:nth-child(2) {
        width: 70%;
    }

    .table-phs {
        width: 100%;
    }

        .table-phs table {
            width: 100%;
        }

    .phrases-table tr td {
        height: 30px !important;
    }

    .phrases-table tr {
        height: 30px !important;
    }

    .table-phs {
        display: none;
    }

    .feedback .col-md-12:first-child .contact-title {
        font-weight: 600;
    }

    .feedback .contact-title {
        margin-bottom: 3px;
        font-weight: 500;
    }

    .feedback pre {
        font-size: 18px;
        font-family: 'Montserrat', sans-serif;
    }

    .main-footer h3 {
        font-size: 24px !important;
    }

    .contact ~ .main-footer {
        margin-top: 0;
    }

    .second-headerp {
        padding-top: 26px !important
    }

    .phars {
        padding-top: 12px !important;
    }

    .response {
        margin-top: 37px;
    }

    .actn ul li {
        color: #2C2E3A;
        font-family: 'Montserrat',sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

    .alphabet li {
        padding: 2px 11.5px;
    }

    .search-dark {
        float: right;
        width: 313px;
        height: 40px;
        background-color: #2C2E3A;
        border-radius: 0;
        font-size: 18px;
    }

    .phrasesSerchs {
        padding: 0 8%;
    }

        .phrasesSerchs p {
            font-size: 16px;
            font-family: 'Montserrat',sans-serif;
        }

        .phrasesSerchs a {
            font-size: 16px;
            font-family: 'Montserrat',sans-serif;
        }

        .phrasesSerchs .search-list {
            padding-bottom: 10px;
        }

    .branch td p {
        font-size: 18px;
    }

    .search-g .list-groups .phrases li {
        font-family: 'Montserrat', sans-serif;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .search-g .phrases ~ span {
        cursor: pointer;
        color: #4C8CF5;
        float: right;
        font-size: 16px;
        text-decoration: underline;
    }

    .search-g {
        padding-top: 44px !important;
    }

    .my-con {
        display: flex;
        align-items: center;
    }

    .search-g .close {
        opacity: 0;
    }

    .body {
        padding: 26px 30px;
    }

    .conent-wrap ~ .row .col-md-6 ul {
        height: 434px;
        padding: 65px 33px !important;
    }

    .conent-wrap ~ .row .col-md-6 li:first-child {
        margin-bottom: 36px;
    }

    .faqpage .card .card-header {
        background-color: #dee2e624 !important;
        line-height: 1;
        border-bottom: 0;
        padding: 30px 20px;
    }

        .faqpage .card .card-header a {
            color: #2C2E3A !important;
            font-size: 22px;
            font-weight: 400 !important;
            text-transform: inherit;
        }

    .faqpage .card {
        border: 1px solid #3d3939;
        margin-bottom: 10px;
    }

        .faqpage .card .card-body {
            text-align: left;
            padding: 20px;
            background-color: #fff;
        }

            .faqpage .card .card-body p {
                color: #2C2E3A !important;
                font-size: 22px;
                font-weight: 400;
                text-transform: inherit;
                margin-bottom: 0px;
            }

            .faqpage .card .card-body ol li {
                color: #2C2E3A !important;
                font-size: 22px;
                font-weight: 400;
                text-transform: inherit;
                margin-bottom: 5px;
            }

            .faqpage .card .card-body h3 {
                color: #2C2E3A !important;
                font-size: 22px;
                font-weight: 600;
                text-transform: inherit;
                margin-bottom: 5px;
                margin-top: 26px;
            }

    .faqpage .fa-angle-up {
        float: right;
        width: 3%;
        font-size: 20px;
    }

    .faqpage .card-link.collapsed i {
        margin-top: 8px;
    }

    .faqpage .card-link i {
        margin-right: -35px;
        margin-top: 0px;
    }

    .faqpage h3:first-child {
        margin-bottom: 40px;
    }

    .faqpage .card-link.collapsed i {
        margin-top: 10px;
        transform: rotate(180deg);
        transition: 1s ease;
        margin-right: 10px;
    }

    .search-g ~ .body .search-list h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px !important;
    }

    .features-page .card .card-header {
        background-color: #fff;
        border: none;
    }

        .features-page .card .card-header a {
            color: #000000;
        }

    .pagi .text-center {
        width: 100%;
        margin-top: 29px;
        font-size: 20px;
    }

    .phrasesSerchs h1 {
        cursor: pointer !important;
        font-size: 30px;
    }

    .page-res {
        font-size: 20px;
    }

    .actn ul li a {
        font-size: 18px;
    }

    .page-link {
        font-size: 20px !important;
    }

    .actn ul .AcronymsPhra {
        padding-top: 17px !important;
    }

    .features-page .card .card-body th {
        font-size: 25px;
    }

    .phrases-tab ~ .tab-content ul {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1400px) {

    .phrasesSerchs {
        padding: 0 8%;
    }

    .sortA .image-list2 {
        padding-right: 35px;
    }

    .sortA hr {
        border: 1px solid #707070;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .sortA .small {
        font-size: 16px;
        text-align: start;
        font-weight: 600;
        padding-left: 17px;
    }

    .sortA .d-flex {
        align-items: center;
        padding: 20px;
    }

    .sortA ul {
        list-style: none;
        padding-left: 27px;
    }

        .sortA ul li {
            font-weight: normal;
            padding: 5px 0px;
            border: 1px solid #ebebeb;
            color: #454545;
            position: relative;
            padding: 10px;
            cursor: move;
            width: 421px;
            height: 50px;
            font-size: 14px;
            padding-left: 17px;
        }

            .sortA ul li::after {
                content: " ";
                position: absolute;
                right: 26px;
                top: 14px;
                background-image: url("https://mc-57e08625-9b53-44ed-9fc2-1441-cm.azurewebsites.net/Assets/images/sort.png");
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: 15px;
                background-position: 5px;
            }

    .sortA #gg {
        border: 0;
        background: #fff;
        color: #1b7acf;
        font-weight: 600;
    }

    .sortA button {
        font-size: 14px
    }

    .cls {
        color: #060607;
        border: 0;
        background: #fff;
        /* color: #1b7acf; */
        font-weight: 600;
    }
    /* .sortA{
	    display: none;
    } */
    .sortA {
        position: fixed;
        bottom: 0;
        padding: 0px;
        /* height: 594.33px; */
        list-style: none;
        width: 477.67px;
        background: #fff;
        right: 0;
        z-index: 9;
        height: 560px;
        overflow-x: auto;
    }

    .res-title {
        font-family: 'Montserrat',sans-serif;
        font-size: 26px;
        font-weight: 600;
        margin-top: 37px;
    }

    .res-text {
        font-family: 'Montserrat',sans-serif;
        font-size: 14px;
        font-weight: 300;
    }

    .features-page h3 {
        font-size: 26px;
    }

    .features-page .card .card-header a {
        font-size: 20px;
    }

    .features-page #col_accordion {
        padding: 0px 0px 0px 28px;
        margin-top: 0px !important;
    }

    .features-page .card .table td {
        padding: 10px;
        vertical-align: inherit;
    }

    .search-container .icon {
        margin: 0px 0px;
        width: 100%;
    }

    .r-con {
        height: auto;
    }

    .body {
        padding: 40px 0px;
    }

    .m-filter ~ .body {
        padding: 57px 15px;
    }
}

@media only screen and (max-width: 995px) and (min-width: 800px) {

    .search-container {
        height: auto;
    }

    .pro-header .container {
        height: auto;
    }

    .search-container .icon {
        padding-left: 0px;
    }

    .pro-header .container:first-child {
        padding-bottom: 10px;
    }

    .search-container .icon {
        width: 100%;
        padding-left: 0px;
        float: left;
        margin: 15px 0px;
    }

    .r-con {
        height: auto;
    }
}

@media only screen and (max-width: 786px) {
    .search-container .icon {
        width: 100%;
        padding-left: 0px;
        float: left;
        margin: 15px 0px;
    }

    .phrases-tab ~ .tab-content ul {
        padding-right: 0px;
    }

    .phrases-tab {
        height: 150px !important;
        justify-content: center;
        align-items: center;
    }

    .AcronymsPhra {
        margin: 0px;
    }

        .AcronymsPhra .search-dark {
            margin-top: 0px;
        }

    .table-resp .d-flex {
        flex-direction: column;
    }

    .table-resp ul {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .phrases-table tr td {
        text-align: center;
    }

    .features-page #col_accordion {
        text-align: start;
    }

    .faqpage .card-link i {
        margin-right: 10px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .main-body .filter .list-groups h3 {
        font-size: 14px;
    }

    .search-container .form-select {
        font-size: 13px;
    }

    .body .filter-chips .chips {
        font-size: 13px;
    }

    .pro-header .container {
        margin: 0 auto !important;
    }

    .main-footer h3 {
        font-family: 'Montserrat', sans-serif;
        /* text-align: center; */
        font-size: 14px;
        margin-bottom: 15px;
    }

    .main-footer li a {
        color: #CDD4E1;
        font-size: 12px;
    }

    .body .chips-count h3 {
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        margin: 22px 4px 10px 5px;
    }

    .check-container {
        white-space: initial;
        font-size: 12px;
    }
}

@media screen and (min-width: 250px) and (max-width: 480px) {
    .come-right .open .ml-4 {
        position: initial;
        color: white;
    }

    .main-body .filter {
        width: 70%;
    }

    .contact .col-md-6:first-child {
        height: auto;
    }

    .main-header .icon {
        width: 106%;
    }

    .modal-content, .modal-dialog {
        width: 90% !important;
    }

    .panel-container {
        display: inline-block !important;
        margin: 0px auto;
    }

    .actn .inner-list li a {
        padding: 5px 0px;
    }

    #geo {
        position: relative;
        top: 5px;
        right: -35%;
    }

    .proddiv select {
        width: 100% !important;
    }

    .compdiv select {
        width: 46% !important;
    }

    #url {
        inline-size: 250px;
    }

    .bank-form .fa {
        right: -20px;
    }

    .branch .modal-dialog .modal-content {
        margin-left: 5% !important;
    }
}

@media screen and (min-width: 800px) {
    .filter .close {
        display: none;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    #url {
        inline-size: 480px;
    }

    .proddiv select {
        width: 100% !important;
    }

    .compdiv select {
        width: 48% !important;
    }

    .modal-content, .modal-dialog {
        width: 90% !important;
    }

    .main-header .icon {
        width: 106%;
    }

    .bank-form .fa {
        right: -20px;
    }

    .branch .modal-dialog .modal-content {
        margin-left: 5% !important;
    }

    .come-right .open .ml-4 {
        position: initial;
        color: white;
    }
    .panel-container {
        display: inline-block !important;
        margin: 0px auto;
    }
}

@media screen and (min-width: 250px) and (max-width: 600px) {
    .forget-password .text-right {
        text-align: center !important;
    }

    .soq ~ .row {
        padding: 38px 10px;
    }
}

@media screen and (max-width: 767px) {
    #AdminPartnerform .row .col-md-9, #bankform .row .col-md-9, #editbankform .row .col-md-9, #selectedPartnerGroupForm .row .col-md-9, #bankselectform .row .col-md-9,
    #editPartnerGroupForm .row .col-md-9 {
        padding: 0px;
    }
}

@media screen and (min-width: 800px) and (max-width: 1200px) {
    .proddiv select {
        width: 100% !important;
    }

    .compdiv select {
        width: 48% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1250px) {
    #AdminPartnerform label, #bankform label, #editbankform label, #selectedPartnerGroupForm label, #bankselectform label, #editPartnerGroupForm label {
        white-space: normal;
        display: inline-flex;
    }
}

@media screen and (max-width: 1250px) {
    .list-sort {
        display: block;
        margin: 0px 5px;
    }
}

@media screen and (min-width: 1250px) {
    .list-sort {
        display: none !important;
    }
}

@media screen and (min-width: 800px) and (max-width: 900px) {
    #url {
        inline-size: 800px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    #url {
        inline-size: 900px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    #url {
        inline-size: 1000px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    #url {
        inline-size: 1100px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    #url {
        inline-size: 1200px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
    #url {
        inline-size: 1265px;
    }
}

@media screen and (min-width: 787px) and (max-width: 1200px) {
    .faqpage .card-link i {
        margin-right: 10px;
    }
}

@media screen and (min-width: 250px) and (max-width: 260px) {
    #banner_div img {
        height: 430px !important;
    }
}

@media screen and (min-width: 261px) and (max-width: 282px) {
    #banner_div img {
        height: 388px !important;
    }
}

@media screen and (min-width: 283px) and (max-width: 319px) {
    #banner_div img {
        height: 364px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 350px) {
    #banner_div img {
        height: 279px !important;
    }
}

@media screen and (min-width: 351px) and (max-width: 480px) {
    #banner_div img {
        height: 255px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    #banner_div img {
        height: 322px !important;
    }
}

@media screen and (min-width: 768px) {
    #banner_div img {
        height: 250px !important;
    }
}

@media screen and (min-width: 250px) and (max-width: 767px) {
    .abs_doc {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .abstract_head {
        margin: 30px 0px 0px 0px;
    }

    .abs_para, .abs_chptr {
        margin: 30px 0px 0px 0px;
    }

    .vl {
        height: 10px;
        margin-left: 5%;
        max-width: 90%;
        border-right: none;
        margin-top: 0px !important;
        flex: 0 0 auto;
        border-bottom: 1px solid #ebebeb;
    }

    .content {
        max-width: 100%;
        flex: 0 0 auto;
    }

    .topics_div, .rel_docs_div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto;
    }

    .rel_docs_div {
        margin-left: 0px !important;
        margin-top: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 808px) {
    .topics_div, .rel_docs_div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto;
    }

    .rel_docs_div {
        margin-left: 0px !important;
        margin-top: 20px;
    }
}
/*Demo Videos Changes Start*/
@media screen and (min-width: 250px) and (max-width: 575px) {
    .video {
        padding-bottom: 30px;
        display: inline-grid;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .video {
        padding: 20px;
        display: inline-grid;
    }
}

@media screen and (min-width: 992px) {
    .video {
        padding: 20px;
        display: inline-grid;
    }
}

@media screen and (min-width: 325px) and (max-width: 400px) {
    .vid_sec {
        height: 152px;
    }

        .vid_sec video {
            height: 150px;
        }

    span.vid_ttl {
        font-size: 12px;
    }
}

@media screen and (min-width: 250px) and (max-width: 324px) {
    .vid_sec {
        height: 112px;
    }

        .vid_sec video {
            height: 110px;
        }

    span.vid_ttl {
        font-size: 9px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .dv_block .vid_thumb {
        padding-left: 4%;
    }
    
    .dv_block .vid_details{
        margin-left: 4%;
    }
    
    .que_ans{
        min-height: 35vh;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1920px){
    .dv_block .vid_thumb{
        padding-left: 2%;
    }
    
    .dv_block .vid_details{
        margin-left: 2%;
    }
    
    .que_ans{
        min-height: 25vh;
    }
}
/*Demo Videos Changes End*/

@media screen and (min-width: 600px) and (max-width: 1599px) {

    .carousel_head {
        height: 51px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1940px) {

    .carousel_head {
        
        height: 71px;
    }
    .slide-sec h3{
	margin-bottom: 0px !important;
    }
    
    .que_ans{
        min-height: 25vh;
    }
}

@media screen and (min-width: 1941px) {

    .carousel_head {
        height: 51px;
    }
}

/*privacy consent start*/

@media screen and (min-width: 320px) and (max-width: 410px) {
    .consent_div {
        margin-bottom: 125px;
    }
}

@media screen and (min-width: 411px) and (max-width: 536px) {
    .consent_div {
        margin-bottom: 90px;
    }
}

@media screen and (min-width: 537px) and (max-width: 767px) {
    .consent_div {
        margin-bottom: 65px;
    }
    
@media screen and (min-width: 768px) and (max-width: 821px) {
    .consent_div {
        margin-bottom: 120px;
    }
}

@media screen and (min-width: 822px) and (max-width: 1072px) {
    .consent_div {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1073px) {
    .consent_div {
        margin-bottom: 70px;
    }
}

/*privacy consent end*/