/*
 * Every banner-section rule used anywhere in the app, consolidated. Moved
 * verbatim out of summary-tool.css, ai-humanizer.css, essay-writes.css, and
 * home-page.css as part of the strips/banners/sidebars/tool-pages/tables CSS
 * reorganization. Each original file's own relevant comment is kept with its
 * section below. The Services-page banner (`.banner_landing_pages`, the
 * gradient/trust-badges/rating-strip styling described in AGENTS.md) is
 * ALSO rendered via inline Tailwind + `style` in `ServiceBanner.tsx` — this
 * file's `.banner_landing_pages` family (below, from home-page.css) is a
 * second, CSS-file copy of the same real Joomla class names, scoped to
 * `.home-cms-page` (i.e. it only ever matched on the homepage, not on
 * Services pages, which don't render inside that wrapper); `ServiceBanner.tsx`
 * itself is left untouched per the task that produced this file.
 */

/* ---- summary-tool.css: /summary-generator hero banner ---- */
.summary-banner { background:url(/images/paraphrasing-banner.png) no-repeat;background-position:center;padding:35px 0 100px;text-align:center }
.summary-banner .main-title { font-size:36px;line-height:48px;color:#303030;font-family:robotomedium;padding:0 0 5px }
.summary-banner .head-text { font-size:16px;line-height:20px;color:#1D1D1D;margin:0 0 25px }
@media (max-width:1024px) {
  .summary-banner .main-title { font-size:32px;line-height:38px }
}
@media (max-width:768px) {
  .summary-banner { padding:30px 0 50px }
  .summary-banner .main-title { font-size:28px;line-height:32px }
  .summary-banner .head-text { font-size:14px;line-height:18px }
}

/* ---- ai-humanizer.css: /ai-humanizer hero banner ---- */
.ai-humanizer-banner { padding:30px 0 265px;background:linear-gradient(92.25deg,#587e28 -1.21%,rgba(102,148,44,.95) 20.14%,rgba(112,152,62,.9) 38.83%,rgba(122,158,77,.9) 51.68%,rgba(115,154,65,.95) 65.84%,rgba(116,150,72,.95) 78.72%,#587e28 101.66%) }
.ai-humanizer-banner .main-title { font-size:36px;line-height:48px;font-family:robotomedium;margin-bottom:10px }
.ai-humanizer-banner .head-text { font-size:18px;line-height:24px }
.ai-humanizer-banner .main-title,
.ai-humanizer-banner .head-text { text-align:center;color:#fff }

/* ---- essay-writes.css: country-specific landing-page banners ---- */
.country-banner{background:url(/images/country-baner.jpg) no-repeat left/cover;position:relative}

.country-banner:before{content:"";background:rgba(0,0,0,0.8) 0% 0% no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;left:0}

.country-banner .container{position:relative;z-index:2}

.country-banner-uk{background:url(/images/uk.jpg) no-repeat left/cover}

.country-banner-usa{background:url(/images/usa.jpg) no-repeat left/cover}

.country-banner-ca{background:url(/images/ca.jpg) no-repeat left/cover}

.country-banner-nz{background:url(/images/nz.jpg) no-repeat left/cover}

.country-banner-my{background:url(/images/my.jpg) no-repeat left/cover}

/* ---- home-page.css: homepage hero banner (.banner_content/.home_banner/
   .slider-banner/.loading-home-banner/.amount-banner), the 404 page's own
   banner (.fourzerofour-banner), the Services-page banner's home-page.css
   copy (.banner_landing_pages, see file header above), and other misc
   banner sections (.freeturnitin-banner-expanded, .center-banner). All
   still scoped to `.home-cms-page`, their original ancestor (this file's
   content was nested under `.home-cms-page { ... }` using plain CSS
   nesting in the source; that ancestor is flattened in explicitly here so
   lifting these rules out doesn't change what they match or their
   specificity). */
.home-cms-page .fourzerofour .fourzerofour-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 60%;
        margin: auto;
        padding: 25px 0 0
    }

.home-cms-page .fourzerofour .fourzerofour-banner .banner-fourzerofour {
        background: url(/images/404_banner.svg) no-repeat;
        display: block;
        width: 45%;
        height: 361px
    }

.home-cms-page .fourzerofour .fourzerofour-banner .banner-content {
        width: 37%
    }

.home-cms-page .fourzerofour .fourzerofour-banner .subhead {
        color: #1d1d1d;
        font-size: 19px;
        line-height: 22px;
        padding: 5px 0 20px
    }

.home-cms-page .fourzerofour .fourzerofour-banner .tilte {
        font-size: 41px;
        line-height: 45px;
        color: #1d1d1d;
        font-family: robotomedium;
        display: inline-block
    }

.home-cms-page .fourzerofour .fourzerofour-banner .home-btn {
        padding: 7px 20px;
        font-size: 18px;
        line-height: 22px;
        background: #f58e0e;
        color: #fff;
        border-radius: 3px;
        display: inline-block;
        font-family: "robotomedium"
    }

.home-cms-page .fourzerofour .fourzerofour-banner .home-btn:hover {
        background: #f3bf30
    }

@media (max-width:1024px) {.home-cms-page .freeturnitin-banner-expanded .availa-offer .avails-content .avail-head {
            font-size: 38px;
            line-height: 42px
        }.home-cms-page .freeturnitin-banner-expanded .availa-offer .avails-content .avail-bottomhead {
            font-size: 22px;
            line-height: 26px
        }.home-cms-page .freeturnitin-banner-expanded .availa-offer .avail-img img {
            width: 80%
        }.home-cms-page .fourzerofour .fourzerofour-banner {
            width: 70%
        }}

@media (max-width:768px) {.home-cms-page .fourzerofour .fourzerofour-banner {
            width: 88%
        }.home-cms-page .fourzerofour .fourzerofour-banner .tilte {
            font-size: 30px;
            line-height: 36px
        }.home-cms-page .fourzerofour .fourzerofour-banner .banner-fourzerofour {
            width: 49%
        }}

@media (max-width:767px) {.home-cms-page .fourzerofour .fourzerofour-banner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            width: 100%
        }.home-cms-page .fourzerofour .fourzerofour-banner .banner-content {
            width: 100%;
            text-align: center;
            margin: 20px 0 0
        }.home-cms-page .fourzerofour .fourzerofour-banner .tilte {
            font-size: 20px;
            line-height: 27px
        }.home-cms-page .fourzerofour .fourzerofour-banner .subhead {
            font-size: 16px;
            line-height: 19px;
            padding: 5px 0 10px
        }.home-cms-page .fourzerofour .fourzerofour-banner .home-btn {
            padding: 5px 17px;
            font-size: 16px;
            line-height: 18px
        }.home-cms-page .fourzerofour .fourzerofour-banner .banner-fourzerofour {
            width: 100%;
            background-size: 53%;
            height: 208px;
            background-position: center
        }}

.home-cms-page .banner_inner {
        background: -webkit-gradient(linear, left top, right top, from(#1492e5), to(#1550a2));
        background: linear-gradient(to right, #1492e5 0%, #1550a2 100%);
        background-size: 200% auto;
        color: #fff;
        text-align: center;
        padding: 30px 15px
    }

.home-cms-page .banner_inner .inner-heading {
        font-size: 1.5625rem;
        font-family: "robotomedium";
        margin-bottom: 5px
    }

.home-cms-page .banner_inner p {
        font-size: 0.8125rem;
        font-family: "robotolight";
        margin: 0px
    }

.home-cms-page .banner_inner .download-ap a {
        width: 155px;
        height: 50px;
        background: url(/images/app-icons.svg) no-repeat left/cover;
        display: inline-block
    }

.home-cms-page .banner_inner .download-ap .iosap {
        background-position: right;
        width: 170px
    }

.home-cms-page .banner_landing_pages {
        background: linear-gradient(94.59deg, #F3FBE9 0%, #E1ECD3 22.19%, #E2F0D1 50.44%, #ECF2E5 73.85%, #F4FDE9 96.63%)
    }

.home-cms-page .banner_landing_pages .container {
        padding: 40px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.home-cms-page .banner_landing_pages .first-sec-left {
        width: 54%
    }

.home-cms-page .banner_landing_pages .first-sec-left .title {
        font-family: "robotoregular";
        font-size: 45px;
        line-height: 58px;
        color: #3F3F3F;
        text-shadow: 4px 4px 11px rgba(0, 0, 0, 0.0784313725);
        margin: 0
    }

.home-cms-page .banner_landing_pages .first-sec-left .title span {
        font-size: 50px;
        line-height: 54px
    }

.home-cms-page .banner_landing_pages .first-sec-left .title:after {
        content: unset
    }

.home-cms-page .banner_landing_pages .first-sec-left .expand-div {
        font-size: 15px;
        line-height: 20px;
        color: #2B2B2B;
        margin: 0
    }

.home-cms-page .banner_landing_pages .first-sec-left .services {
        margin: 45px 0 60px;
        width: 94%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box figure img {
        display: block
    }

.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box .content {
        margin-left: 7px;
        font-size: 19px;
        line-height: 22px;
        color: #3F3F3F
    }

.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box .content .free {
        background: #C80B0B;
        color: #ffffff;
        border-radius: 5px;
        padding: 2px 5px;
        font-size: 16px;
        line-height: 16px
    }

.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box .content span {
        display: table
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating {
        width: 94%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: -webkit-gradient(linear, left top, right top, color-stop(2.98%, #FFFFFF), color-stop(49.75%, #FFE7DA), color-stop(98.36%, #BFFFEA));
        background: linear-gradient(90deg, #FFFFFF 2.98%, #FFE7DA 49.75%, #BFFFEA 98.36%);
        border-radius: 12px;
        padding: 11px 25px
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .rating-icon {
        height: auto;
        width: 45px
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .content {
        margin: 0
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .content .rating-name {
        font-size: 18px;
        line-height: 22px;
        color: #2A2A2A;
        text-align: left;
        display: block
    }

.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .content svg {
        display: block
    }

.home-cms-page .banner_landing_pages .side-bar {
        width: 34%;
        background: #F5FFE9;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1607843137);
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1607843137);
        border-radius: 16px;
        text-align: center;
        position: relative;
        border: 1px solid #5C7A36
    }

.home-cms-page .banner_landing_pages .side-bar .side-head {
        padding: 15px 8px 0;
        font-size: 28px;
        line-height: 34px;
        font-family: "robotomedium";
        color: #3E3E3E;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar .side-subhead {
        color: #616161;
        font-size: 15px;
        line-height: 18px;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form {
        padding: 15px 18px 27px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box {
        min-height: 236px;
        position: relative
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .form-loader {
        position: absolute;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .box {
        margin-bottom: 18px;
        position: relative
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .box.online-exam {
        width: 48%;
        display: inline-block;
        margin: 0 10px 18px 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .box select {
        font-size: 14px;
        line-height: 18px;
        border: 1px solid #d8d8d8;
        padding: 12px 25px 12px 10px;
        border-radius: 12px;
        position: relative;
        background: url("/images/down-arrow.svg") no-repeat center right 10px, #ffffff;
        cursor: pointer
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .box select option {
        color: #656565
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .box.select-bx-second {
        width: 100%
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx {
        width: 48%;
        display: inline-block;
        margin: 0 10px 18px 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx.select-bx-last {
        margin: 0 0 18px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box {
        position: relative;
        margin: 0 0 20px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .upload-btn {
        border-radius: 12px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .upload-btn, .home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box input[type=file] {
        border: 1px solid #D8D8D8;
        border-radius: 4px;
        color: #707070;
        background-color: #fff;
        padding: 10px 18px;
        font-size: 14px;
        line-height: 18px;
        width: 100%;
        height: 44px;
        cursor: pointer
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .upload-btn svg, .home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box input[type=file] svg {
        margin: 0 5px 0 0;
        vertical-align: middle
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box input[type=file] {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .file-type-error {
        color: #ef1010;
        font-size: 13px;
        display: block;
        text-align: left;
        position: absolute
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_result {
        display: none;
        width: 100%;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_result .ul_list {
        list-style: none;
        margin: 0;
        max-height: 70px;
        overflow: auto
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_result .ul_list li {
        padding: 7px 30px 7px 10px;
        font-size: 13px;
        line-height: 20px;
        color: #707070;
        word-wrap: break-word;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        position: relative;
        background: #fff;
        border-bottom: 1px solid #f1f1f1;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_result .ul_list li .close-icon {
        cursor: pointer;
        background: url(/images/svg/cancel.svg) no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_result .ul_list li svg {
        background: #fff;
        position: absolute;
        right: 30px;
        top: 8px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner {
        font-family: "robotoregular";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0px 0 8px;
        border-top: 1px solid #b1b1b1;
        padding-top: 20px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner .amnt-left {
        font-size: 14px;
        line-height: 16px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner .amnt-left .off {
        background: #2DB261;
        padding: 4px;
        border-radius: 3px;
        color: #ffffff;
        display: inline-block
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner .amnt-left .price {
        color: #707070
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner .symbole {
        font-size: 20px;
        line-height: 24px;
        color: #1D1D1D;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row {
        border-top: 1px solid #b1b1b1;
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row .price-p, .home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row s {
        font-family: "robotomedium";
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        color: #616161
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row .price-p span, .home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row s span {
        color: #1D1D1D
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .row s {
        color: #E20202
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .watch-row {
        background: linear-gradient(116.77deg, rgba(95, 125, 56, 0.1) 5.38%, rgba(131, 177, 72, 0.1) 80.76%);
        padding: 7px;
        border-radius: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        color: #616161
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .watch-row .watch {
        height: 25px;
        width: 25px
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .watch-row .off {
        background: #2DB261;
        color: #fff;
        font-size: 14px;
        line-height: normal;
        border-radius: 3px;
        padding: 3px 7px;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .real-price, .home-cms-page .banner_landing_pages .side-bar form .form-box .price-row .symbole {
        font-size: 20px;
        line-height: 24px;
        color: #1D1D1D;
        margin: 0
    }

.home-cms-page .banner_landing_pages .side-bar form .con_btn {
        background: #F58E0E;
        color: #ffffff;
        border-radius: 5px;
        width: 100%;
        padding: 10px;
        font-size: 20px;
        line-height: 22px;
        margin: 10px 0 0px
    }

.home-cms-page .banner_landing_pages .side-bar .footer-sidebar {
        background: #EAEAEA;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px 13px 10px;
        border-radius: 0 0 16px 16px
    }

.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts {
        font-family: "robotomedium";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link {
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        margin-left: 8px;
        color: #434343
    }

.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link span {
        display: block;
        font-size: 13px;
        line-height: 15px
    }

.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link .free {
        background: #2DB261;
        color: #ffffff;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 2px;
        font-size: 14px;
        line-height: 16px;
        border-radius: 2px
    }

.home-cms-page .center-banner {
        background: url("/images/mission-vision.jpg") no-repeat top center/cover;
        text-align: center;
        padding: 30px 15px;
        color: #fff
    }

.home-cms-page .center-banner .banner-heading {
        display: block;
        font-size: 35px;
        margin-bottom: 5px
    }

.home-cms-page .center-banner p {
        font-size: 1rem;
        font-family: "robotolight";
        line-height: 22px
    }

@media (max-width:1024px) {.home-cms-page .banner_landing_pages .first-sec-left .title {
            font-size: 38px;
            line-height: 46px
        }.home-cms-page .banner_landing_pages .first-sec-left .title span {
            font-size: 42px;
            line-height: 48px
        }.home-cms-page .banner_landing_pages .first-sec-left .rating, .home-cms-page .banner_landing_pages .first-sec-left .services {
            width: 100%
        }.home-cms-page .banner_landing_pages .first-sec-left .services {
            margin: 45px 0
        }.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box .content {
            font-size: 16px;
            line-height: 20px
        }.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box .content .free {
            font-size: 14px
        }.home-cms-page .banner_landing_pages .first-sec-left .rating {
            gap: 20px;
            padding: 8px 15px
        }.home-cms-page .banner_landing_pages .side-bar {
            width: 39%
        }.home-cms-page .banner_landing_pages .side-bar .side-head {
            padding: 10px 8px 0;
            font-size: 24px;
            line-height: 30px
        }.home-cms-page .banner_landing_pages .side-bar .side-subhead {
            font-size: 14px
        }.home-cms-page .banner_landing_pages .side-bar form {
            padding: 15px 15px 20px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box {
            margin: 0 0 14px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .upload-btn {
            height: 44px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box input[type=file] {
            padding: 8px;
            height: 36px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .amount-banner {
            margin: 0 0 8px;
            padding-top: 15px
        }}

@media (max-width:768px) {.home-cms-page .banner_landing_pages .container {
            padding: 30px 0px
        }.home-cms-page .banner_landing_pages .first-sec-left {
            width: 47%
        }.home-cms-page .banner_landing_pages .first-sec-left .title {
            font-size: 34px;
            line-height: 42px;
            margin: 0 0 10px 0px
        }.home-cms-page .banner_landing_pages .first-sec-left .title span {
            font-size: 38px;
            line-height: 42px
        }.home-cms-page .banner_landing_pages .first-sec-left .expand-div {
            font-size: 14px
        }.home-cms-page .banner_landing_pages .first-sec-left .services {
            margin: 30px 0px
        }.home-cms-page .banner_landing_pages .first-sec-left .services .feature-box:last-child {
            display: none
        }.home-cms-page .banner_landing_pages .first-sec-left .rating {
            padding: 8px 10px;
            gap: 5px
        }.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .rating-icon {
            width: 25px;
            height: auto
        }.home-cms-page .banner_landing_pages .first-sec-left .rating .rating-box .content .rating-name {
            font-size: 14px;
            line-height: 18px
        }.home-cms-page .banner_landing_pages .side-bar {
            width: 50%
        }.home-cms-page .banner_landing_pages .side-bar .side-head {
            font-size: 24px;
            line-height: 26px
        }.home-cms-page .banner_landing_pages .side-bar form {
            padding: 15px 10px 15px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .box.online-exam {
            margin: 0 9px 18px 0
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx {
            margin: 0 9px 18px 0
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx.select-bx-last {
            margin: 0 0 18px 0
        }.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link {
            font-size: 14px;
            line-height: 16px
        }}

@media (max-width:767px) {.home-cms-page .banner_landing_pages {
            padding: 15px 0 25px
        }.home-cms-page .banner_landing_pages .container {
            padding: 0 15px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            text-align: center
        }.home-cms-page .banner_landing_pages .first-sec-left, .home-cms-page .banner_landing_pages .side-bar {
            width: 100%
        }.home-cms-page .banner_landing_pages .first-sec-left .rating, .home-cms-page .banner_landing_pages .first-sec-left .services {
            display: none
        }.home-cms-page .banner_landing_pages .first-sec-left .title {
            font-size: 20px;
            line-height: 22px;
            margin: 0 0 3px 0
        }.home-cms-page .banner_landing_pages .first-sec-left .title span {
            font-size: 21px;
            line-height: 24px;
            font-family: "robotomedium"
        }.home-cms-page .banner_landing_pages .first-sec-left .expand-div {
            margin: 0 0 10px 0
        }.home-cms-page .banner_landing_pages .side-bar .side-head {
            font-size: 22px
        }.home-cms-page .banner_landing_pages .side-bar form {
            padding: 10px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .box.online-exam {
            margin: 0 8px 18px 0
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .box select {
            padding: 10px 25px 10px 10px
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx {
            margin: 0 8px 18px 0
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .select-bx.select-bx-last {
            margin: 0 0 18px 0
        }.home-cms-page .banner_landing_pages .side-bar form .form-box .upload_file_box .upload-btn {
            height: 40px
        }.home-cms-page .banner_landing_pages .side-bar form .con_btn {
            padding: 8px;
            font-size: 18px;
            line-height: 20px
        }.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts svg {
            width: 25px;
            height: auto
        }.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link {
            font-size: 13px;
            margin-left: 5px
        }.home-cms-page .banner_landing_pages .side-bar .footer-sidebar .side-parts .clickable_link span {
            font-size: 12px
        }}

@media screen and (min-width:768px) {.home-cms-page .banner_inner .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }.home-cms-page .banner_inner article {
            text-align: left;
            width: 50%
        }.home-cms-page .banner_inner article p {
            margin: 0px
        }}

@media screen and (min-width:1024px) {.home-cms-page .banner_inner {
            padding: 30px 20px
        }.home-cms-page .banner_inner .inner-heading {
            margin-bottom: 5px;
            font-size: 1.875rem
        }.home-cms-page .banner_inner p {
            font-size: 0.9375rem
        }}

.home-cms-page .slider-section .loading-home-banner {
        width: 65%
    }

.home-cms-page .slider-section .slider-banner {
        width: 65%;
        display: none;
        position: relative
    }

.home-cms-page .slider-section .slider-banner .slick-next, .home-cms-page .slider-section .slider-banner .slick-prev {
        font-size: 0;
        position: absolute;
        top: 46%;
        display: block;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        left: -28px;
        z-index: 1;
        background: rgba(44, 42, 42, 0.85);
        height: 40px;
        width: 30px;
        opacity: 0.6;
        border-radius: 0
    }

.home-cms-page .slider-section .slider-banner .slick-next:before, .home-cms-page .slider-section .slider-banner .slick-prev:before {
        content: "";
        background: url(/images/CaretLeft-white.svg) no-repeat;
        width: 30px;
        height: 32px;
        background-size: 30px;
        display: block
    }

.home-cms-page .slider-section .slider-banner .slick-prev {
        left: 0px
    }

.home-cms-page .slider-section .slider-banner .slick-next {
        right: 0px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: inherit
    }

.home-cms-page .slider-section .amount-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0 10px;
        border-top: 1px solid #ececec
    }

.home-cms-page .slider-section .amount-banner .amnt-left {
        font-size: 14px;
        line-height: 16px;
        color: #707070;
        font-family: robotomedium
    }

.home-cms-page .slider-section .amount-banner .amnt-left .off {
        background: #2db261;
        border-radius: 3px;
        padding: 2px 6px;
        color: #fff
    }

.home-cms-page .slider-section .amount-banner .symbole {
        color: #1d1d1d;
        font-size: 20px;
        line-height: 22px;
        font-family: robotomedium;
        margin: 0
    }

.home-cms-page .slider-section .amount-banner .symbole .value {
        font-size: 20px;
        line-height: 24px
    }

.home-cms-page .banner_content {
        color: #ffffff
    }

.home-cms-page .banner_content .main-heading {
        font-size: 40px;
        line-height: 42px;
        font-family: robotomedium;
        color: #ffc410;
        padding: 0 0 5px 0
    }

.home-cms-page .banner_content .subheading {
        font-size: 18px;
        line-height: 24px;
        font-family: robotoregular
    }

.home-cms-page .banner_content .feature {
        display: inline-block;
        width: 60%;
        text-align: left;
        padding: 20px 0 0 0
    }

.home-cms-page .banner_content .feature li {
        width: 33.33%;
        float: left;
        font-size: 15px;
        line-height: 18px;
        font-family: robotoregular
    }

.home-cms-page .banner_content .feature li .title {
        font-size: 20px;
        line-height: 22px;
        display: block
    }

.home-cms-page .banner_content .feature li i {
        width: 46px;
        height: 40px;
        float: left;
        margin: 0 2px 0 0
    }

.home-cms-page .banner_content .feature li .free {
        background: #33cc6f;
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        display: inline-block;
        padding: 0 5px;
        text-transform: uppercase
    }

.home-cms-page .banner_content .home_form {
        background: rgba(0, 0, 0, 0.85);
        margin: 50px 0 0 0;
        padding: 30px 20px 20px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        width: 70%
    }

.home-cms-page .banner_content .home_form form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.home-cms-page .banner_content .home_form form ::-webkit-input-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form ::-moz-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form :-ms-input-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form ::-ms-input-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form ::placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form :-ms-input-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form ::-ms-input-placeholder {
        color: #616161
    }

.home-cms-page .banner_content .home_form form .price-start {
        text-align: left;
        font-size: 44px;
        line-height: 48px;
        color: #f58e0e;
        font-family: "robotomedium";
        padding: 0 20px 0 0;
        margin-top: -21px
    }

.home-cms-page .banner_content .home_form form .price-start .label-title {
        display: block;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        font-family: "robotoregular"
    }

.home-cms-page .banner_content .home_form form .price-start .country {
        font-size: 24px;
        line-height: 26px
    }

.home-cms-page .banner_content .home_form form .box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 20px 0 0;
        position: relative;
        margin: 0
    }

.home-cms-page .banner_content .home_form form .box input, .home-cms-page .banner_content .home_form form .box select {
        border-radius: 0;
        height: 45px;
        background: #fff;
        border: 1px solid #cecece;
        -webkit-appearance: none;
        padding: 10px 30px 10px 10px;
        font-size: 15px;
        line-height: 18px;
        color: #616161;
        font-family: robotoregular
    }

.home-cms-page .banner_content .home_form form .box select {
        background: #fff url(/images/dropdown-arrow.svg) no-repeat center right 10px;
        background-size: 12px;
        cursor: pointer
    }

.home-cms-page .banner_content .home_form form .box .error {
        font-size: 12px;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        border: 1px solid transparent;
        line-height: 12px;
        bottom: -14px;
        padding: 0 7px
    }

.home-cms-page .banner_content .home_form form .claimbtn {
        background: #f58e0e;
        border-radius: 2px;
        padding: 7px 25px;
        height: 45px;
        color: #fff;
        font-family: "robotomedium";
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        cursor: pointer
    }

.home-cms-page .banner_content .home_form form .claimbtn:hover {
        background: #dd7a1d
    }

.home-cms-page .banner_content .reviewsite {
        padding: 10px 0 0 0
    }

.home-cms-page .banner_content .reviewsite i {
        width: 140px;
        height: 35px;
        display: inline-block;
        background-size: 328px;
        margin: 0 5px 0px 0
    }

.home-cms-page .banner_content .reviewsite i.trustpilot {
        background-position: -162px -296px
    }

.home-cms-page .banner_content .reviewsite i.sitejabber {
        background-position: -1px -281px;
        width: 147px;
        height: 29px;
        background-size: 310px
    }

.home-cms-page .banner_content .reviewsite i.greview {
        background-position: -174px -238px;
        width: 120px;
        height: 30px;
        background-size: 300px
    }

.home-cms-page .sample-and-work .how-it-work .sample-steps .banner-image {
        height: 400px;
        width: 360px
    }

@media (max-width:1024px) {.home-cms-page .sample-and-work .how-it-work .sample-steps .banner-image {
            height: 300px;
            width: 300px
        }}

@media (max-width:768px) {.home-cms-page .slider-section .loading-home-banner, .home-cms-page .slider-section .slider-banner {
            width: 60%
        }.home-cms-page .home_banner {
            background-position: 76% 0
        }.home-cms-page .home_banner:before {
            background: transparent -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, rgba(34, 36, 38, 0.87)), color-stop(70%, rgba(32, 35, 41, 0.09))) 0% 0% no-repeat;
            background: transparent linear-gradient(90deg, #000 0%, rgba(34, 36, 38, 0.87) 50%, rgba(32, 35, 41, 0.09) 70%) 0% 0% no-repeat
        }}

@media (max-width:767px) {.home-cms-page .slider-section .loading-home-banner {
            width: 100%;
            padding: 0 0 25px
        }.home-cms-page .slider-section .slider-banner {
            width: 100%;
            padding: 0 0 25px
        }.home-cms-page .slider-section .slider-banner .slick-next, .home-cms-page .slider-section .slider-banner .slick-prev {
            display: none !important
        }.home-cms-page .slider-section .slider-banner .slick-dots {
            bottom: 0px !important
        }.home-cms-page .slider-section .slider-banner .slick-dots li {
            background: #d8d8d8 !important;
            border: 1px solid #d8d8d8 !important;
            width: 8px !important;
            height: 8px !important
        }.home-cms-page .slider-section .slider-banner .slick-dots li.slick-active {
            background: #5c7a35 !important;
            border-color: #5c7a35 !important
        }.home-cms-page .slider-section .slider-banner .slick-dots li button {
            display: none
        }.home-cms-page .sample-and-work .how-it-work .sample-steps .banner-image {
            margin: auto;
            height: 250px;
            width: 330px
        }}