@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-size: 14px;
    line-height: 1.7;
    font-stretch: normal;
    font-kerning: normal;
    margin: 0;
}

.mainsignUp,
.frontMain {
    /* Theme Main Color */
    --themeGreen: #07c66a;
    --themeDarkGreen: #03aa59;
    --themeDarkRgbaGreen: 3, 170, 89;
    --secondaryColor: #121b5e;
    --darkColor: #181924;
    font-family: "IBM Plex Sans", sans-serif;
}

.mainsignUp {
    background-color: #f5f5f9;
}

/* Comman Css Start */
a {
    transition: 0.5s;
    cursor: pointer;
}

*:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 1px;
}

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

.nav-item.desktop-navlink {display: none;}

@media screen and (min-width: 200px) and (max-width: 992px) {
    .frontMain .container {
        max-width: 100%;
    }
}

/* Btn Custom */
.frontMain .btn {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.46px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    padding: 10px 15px;
    transition: 0.5s;
    border-width: 2px;
    cursor: pointer;
}

.frontMain .btn-green {
    border-color: var(--themeGreen);
    background-color: var(--themeGreen);
    color: #fff;
}

.frontMain .btn-green:hover,
.frontMain .btn-green:focus {
    color: #fff;
    border-color: var(--themeDarkGreen);
    background-color: var(--themeDarkGreen);
}

.frontMain .btn-green:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--themeDarkRgbaGreen), 0.3);
}

.frontMain .btn-outline-green {
    border-color: var(--themeGreen);
    background-color: transparent;
    color: var(--themeGreen);
}

.frontMain .btn-outline-green:hover,
.btn-outline-green:focus {
    background-color: rgba(var(--themeDarkRgbaGreen), 0.1);
    border-color: var(--themeGreen);
    color: var(--themeGreen);
}

.frontMain .btn-outline-green:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--themeDarkRgbaGreen), 0.3);
}

.frontMain .btn-outline-white {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}

.frontMain .btn-outline-white:hover,
.btn-outline-white:focus {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.frontMain .btn-outline-white:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.3);
}

.frontMain .btn-outline-black {
    border-color: rgba(24, 25, 36, 0.72);
    color: rgba(24, 25, 36, 0.72);
    background-color: transparent;
}

.frontMain .btn-outline-black:hover,
.btn-outline-black:focus {
    background-color: #181924;
    border-color: #181924;
    color: #fff;
}

.frontMain .btn-outline-black:focus {
    box-shadow: 0 0 0 0.25rem rgba(24, 25, 36, 0.3);
}

.frontMain .btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.5;
}

.frontMain .padder-50 {
    padding: 100px 0px;
}

@media screen and (max-width: 1080px) {
    .frontMain .padder-50 {
        padding: 50px 0px;
    }
}

/* Btn Custom */
/* Chrome, Safari, Edge, Opera */
.form-control::-webkit-outer-spin-button,
.form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.form-control[type="number"] {
    -moz-appearance: textfield;
}

.mainsignUp .form-check {
    display: flex;
}

.mainsignUp .form-check .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

.mainsignUp .form-check .form-check-input[type="checkbox"] {
    border-radius: 3px;
    border: solid 2px #636f8c;
    cursor: pointer;
}

.mainsignUp .form-check .form-check-input:checked {
    background-color: var(--secondaryColor);
    border-color: var(--secondaryColor);
}

.mainsignUp .form-check .form-check-input {
    margin-left: 0px;
    margin-right: 15px;
}

.mainsignUp .form-check {
    padding-left: 0px;
}

.mainsignUp .form-check .form-check-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: var(--darkColor);
    cursor: pointer;
}

.mainsignUp .form-check-input:focus {
    box-shadow: none;
}

.mainsignUp .form-check-input:checked[type="checkbox"] {
    background-size: 18px;
}

.themeMain .select2-dropdown {
    margin-top: 10px;
    border: solid 1px rgba(99, 111, 140, 0.5);
    box-shadow: 5px 5px 5px 5px rgba(99, 111, 140, 0.12);
    border-radius: 5px;
}

.themeMain .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #121b5e;
    color: white;
}

.forntForm.formSelect {
    margin-bottom: 30px;
}

.forntForm.formSelect .select2-container {
    width: 100% !important;
}

.forntForm.formSelect .select2-container--default .select2-selection--single {
    border-width: 0px 0px 1px 0px;
    border-radius: 4px;
    border-bottom-color: rgba(99, 111, 140, 0.16);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    padding: 10px 0px;
    height: auto;
}

.forntForm.formSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
}

/* Btn Custom */
.mainsignUp .btn {
    font-weight: 600;
    font-size: 20px;
    /* line-height: 140%; */
    line-height: 0 !important;
    border-radius: 2px;
    padding: 15px;
    transition: 0.5s;
    cursor: pointer;
}

.mainsignUp .btn-green {
    border-color: var(--themeGreen);
    background-color: var(--themeGreen);
    color: #fff;
}

.mainsignUp .btn-green:hover,
.mainsignUp .btn-green:focus {
    color: #fff;
    border-color: var(--themeDarkGreen);
    background-color: var(--themeDarkGreen);
}

.mainsignUp .btn-green:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--themeDarkRgbaGreen), 0.3);
}

.mainsignUp .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsignUp .link {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #636f8c;
    text-decoration: inherit;
}

.mainsignUp .link-green {
    color: var(--themeGreen);
}

/* Sign up Screen Start */
.mainsignUp {
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    display: flex;
}

.signUpBanner {
    width: 50%;
    background-color: var(--secondaryColor);
    position: relative;
}

.sellerImg {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.buyerImg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.signMain {
    padding: 20px 50px 30px;
    width: 100%;
    position: relative;
    font-family:'Segoe UI';
}

.signMain .backIcon {
    display: inline-block;
    margin-bottom: 40px;
}

.signMain .backIcon {
    text-decoration: inherit;
}
.signMain .backIcon .smallText {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #636f8c;
    margin-left: 5px;
}

.signMain .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: var(--darkColor);
    margin-bottom: 10px;
}

.signMain .mainHeading {
    margin-bottom: 40px;
}

.signMain .optionRadio {
    display: flex;
    margin-bottom: 40px;
}

.signMain .form-check-custom {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    min-height: auto;
}

.signMain .form-check-custom .form-check-label {
    padding: 14px 24px;
    margin-right: 10px;
    border: 1px solid rgba(99, 111, 140, 0.12);
    border-radius: 4px;
    transition: 0.5s;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #636f8c;
}

.signMain .form-check-custom .form-check-input:checked[type="radio"] ~ .form-check-label {
    background-color: var(--themeGreen);
    color: #fff;
}

.signMain .form-check-custom:last-child {
    margin: 0px;
}

.signMain .form-check-custom .form-check-input {
    display: none;
}

.signMain .form-floating,
.forntForm.form-floating {
    margin-bottom: 30px;
}

.signMain .form-floating > .form-control,
.signMain .form-floating > .form-select,
.forntForm.form-floating > .form-control,
.forntForm.form-floating > .form-select {
    border-width: 0px 0px 1px 0px;
    padding: 1rem 0.2rem 0rem;
    border-radius: 4px;
    border-bottom-color: rgba(99, 111, 140, 0.16);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

.signMain .form-control:focus,
.forntForm .form-control:focus {
    border-color: var(--themeGreen);
    box-shadow: none;
}

.signMain .form-floating > label,
.forntForm.form-floating > label {
    padding: 1rem 0rem;
    font-family: "IBM Plex Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #636f8c;
}

.signMain .form-floating > .form-control:focus ~ label,
.signMain .form-floating > .form-control:not(:placeholder-shown) ~ label,
.signMain .form-floating > .form-select ~ label,
.forntForm.form-floating > .form-control:focus ~ label,
.forntForm.form-floating > .form-control:not(:placeholder-shown) ~ label,
.forntForm.form-floating > .form-select ~ label {
    opacity: 1;
    transform: scale(0.8) translateY(-0.7rem) translateX(0.15rem);
    color: var(--themeGreen);
}

.signMain .btn {
padding: 23px 40px;
  margin-top: 50px;
}

.signMain .infoText {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 45px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #636f8c;
}

.link:hover,
.link:focus {
    color: var(--themeDarkGreen);
}

.signMain .sellerLogin {
    position: absolute;
    bottom: 80px;
    right: 80px;
}

/* Login and Otp Css Start */
.commanImg {
    background-image: url("img/comman-bg.png");
    background-size: cover;
    background-position: center;
}

.introText {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.OTPText {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #636f8c;
}

.OTPText strong {
    font-weight: 600;
}

.otpForm {
    display: flex;
}

.otpForm,
.countryMobile {
    margin-top: 100px;
}

.otpForm .form-control {
    margin-right: 40px;
    border-radius: 4px;
    height: 70px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.otpForm .form-control:last-child {
    margin-right: 0px;
}

.countryMobile {
    position: relative;
}

.countryMobile .countryDropdown {
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #636f8c;
    margin: auto;
    top: 0;
    bottom: 0;
}

.countryMobile .select2-container {
    width: 100% !important;
}

.countryMobile .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.countryMobile .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #636f8c;
    padding: 0;
}

.countryMobile .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: inherit;
    height: 0px;
}

.countryMobile .select2-container--default .select2-selection--single .select2-selection__arrow b,
.forntForm.formSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin: 0;
    left: inherit;
    background-image: url("img/down-arrow.svg");
    width: 20px;
    height: 20px;
    background-size: cover;
    border: 0;
    top: 5px;
    margin-left: 5px;
    transition: 0.5s;
}

.countryMobile
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b,
.forntForm.formSelect
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    transform: rotate(-180deg);
}

.signMain .countryMobile .form-floating > .form-control {
    padding-left: 102px;
}

.signMain .countryMobile .form-floating > label {
    left: 100px;
}

.signMain .form-check .form-check-input:checked {
    background-color: var(--themeGreen);
    border-color: var(--themeGreen);
}

.signMain .form-check .form-check-label,
.signMain .form-check .form-check-label .link {
    font-size: 14px;
    line-height: 27px;
}

.forntForm.formSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 10px;
}

.forntForm.formSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
}

.mainsignUp .SignBuyer .innerMain {
    padding: 120px 100px 50px;
    height: 100%;
}
.mainsignUp .SignBuyer {
    background-image: url("img/signUp-buyer.svg");
    background-position: top right;
    background-repeat: no-repeat;
}
.SignBuyer .innerMain .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 15px;
}
.SignBuyer .innerMain .smallText {
    font-weight: 500;
    font-size: 20px;
    line-height: 132%;
    color: #ffffff;
    opacity: 0.9;
    margin-bottom: 35px;
}
.SignBuyer .innerMain .requirementList {
    display: inline-block;
    position: relative;
    width: 80%;
    padding: 0px;
}
.SignBuyer .innerMain .requirementList::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 10px;
    border-left: dashed 1px var(--themeGreen);
    height: 86%;
}
.SignBuyer .innerMain .requirementList li {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.SignBuyer .innerMain .requirementList li:last-child {
    margin-bottom: 0px;
}
.SignBuyer .innerMain .requirementList li .listsmallText {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    opacity: 0.64;
    padding-left: 35px;
    display: inline-block;
}
.SignBuyer .innerMain .requirementList li::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--themeGreen);
    box-shadow: 0px 0px 0px 5px rgba(var(--themeDarkRgbaGreen), 0.5);
}
.SignBuyer .innerMain .contactInfo {
    margin-top: 80px;
    padding: 50px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.allQuotesList {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.allQuotesList li {
    display: inline-block;
    text-align: center;
}

.allQuotesList li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    margin: 0 auto;
}
.allQuotesList li .icon img {
    height: 20px;
}
.allQuotesList li .listSmallText {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    margin-top: 12px;
}
.allQuotesList li .Quotes-1 {
    background-color: #34d59c;
}
.allQuotesList li .Quotes-2 {
    background-color: #3446d3;
}
.allQuotesList li .Quotes-3 {
    background-color: #d98e36;
}
.allQuotesList li .Quotes-4 {
    background-color: #36b2d9;
}
.SignBuyer .contactInfoNumber {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.SignBuyer .contactInfoNumber .contactText {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #ffffff;
    margin-bottom: 0px;
}
.SignBuyer .contactInfoNumber .contactNumber {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--themeGreen);
    margin-bottom: 0px;
}
.SignBuyer .deliveredInfo {
    display: inline-block;
    width: 100%;
    margin-top: 70px;
    text-align: center;
}
.SignBuyer .deliveredInfo li {
    display: inline-block;
    width: auto;
    padding: 0px 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 132%;
    text-align: center;
    color: #ffffff;
}
.SignBuyer .deliveredInfo li .dot {
    color: var(--themeGreen);
    margin-right: 5px;
}
/* Login and Otp Css End */
/* Verify Email Css Start */
.VerifyEmail {
    justify-content: center;
}

.VerifyEmail .backIcon {
    margin-bottom: 100px;
}

/* Verify Email Css End */
/* successfully Css Start */
.messageMain {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.messageCard {
    padding: 100px 60px;
    background: #f1f1f1;
    border-radius: 8px;
    position: relative;
}

.success-bg {
    background: #f2fdf4;
}

.messageCard .icon {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    text-align: center;
}

.messageCard .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--darkColor);
    margin-bottom: 20px;
}

.messageCard .smallText {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #636f8c;
}

/* successfully Css End */
@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .signMain {
        padding: 30px 40px 20px;
    }

    .signMain .infoText {
        margin-top: 30px;
    }

    .signMain .form-check .form-check-label,
    .signMain .form-check .form-check-label .link {
        line-height: 26px;
    }

    .signMain .sellerLogin {
        bottom: 30px;
        right: 30px;
    }
}

@media screen and (max-width: 1366px) {
    .signMain,
    .mainsignUp .SignBuyer .innerMain {
        padding: 80px 70px;
    }

    .signMain .btn {
        padding: 20px;
    }

    .signMain .backIcon,
    .signMain .optionRadio {
        margin-bottom: 30px;
    }

    .signMain .title {
        font-size: 40px;
    }

    .signMain .mainHeading {
        margin-bottom: 30px;
    }

    .otpForm .form-control {
        margin-right: 20px;
    }

    .VerifyEmail .backIcon {
        margin-bottom: 50px;
    }

    .VerifyEmail .signMain {
        padding: 100px 150px 50px;
        width: 100%;
    }

    .signMain .form-check .form-check-label,
    .signMain .form-check .form-check-label .link {
        line-height: 24px;
    }

    .OTPText {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #636f8c;
    }

    .form-check .form-check-input {
        margin-left: 0px;
        margin-right: 10px;
    }

    .signMain .sellerLogin {
        bottom: 30px;
        right: 30px;
    }
    .SignBuyer .innerMain .requirementList {
        width: 100%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1360px) {
    .sellerImg {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .sellerImg {
        width: 100%;
        object-fit: contain;
    }

    .signMain .btn {
        padding: 20px;
    }

    .introText {
        font-size: 34px;
        line-height: 46px;
    }

    .signMain {
        padding: 50px;
    }

    .signMain .form-check .form-check-label {
        width: 90%;
    }

    .signMain .form-check .form-check-label,
    .signMain .form-check .form-check-label .link {
        font-size: 14px;
        line-height: 20px;
    }

    .signMain .sellerLogin {
        bottom: 15px;
        right: 30px;
    }
    .mainsignUp .SignBuyer .innerMain {
        padding: 80px 15px;
    }
    .allQuotesList li .listSmallText {
        font-size: 14px;
        line-height: 22px;
    }
}

@media screen and (max-width: 800px) {
    .sellerImg {
        width: auto;
        height: 100%;
    }

    .mainsignUp {
        display: inline-block;
    }

    .signUpBanner,
    .signMain {
        width: 100%;
    }

    .signUpBanner {
        height: 400px;
    }
    .mainsignUp .SignBuyer {
        height: auto;
    }

    .signMain {
        height: auto;
    }

    .VerifyEmail .signMain {
        padding: 100px 20px;
    }
    .mainsignUp .SignBuyer .innerMain {
        padding: 50px;
    }
    .SignBuyer .innerMain .title {
        font-size: 30px;
        line-height: 32px;
    }
    .SignBuyer .innerMain .contactInfo {
        margin-top: 30px;
        padding: 30px 0px;
    }
    .SignBuyer .innerMain .requirementList li .listsmallText {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .signMain {
        padding: 30px 20px 50px;
    }

    .signMain .title {
        font-size: 26px;
    }

    .signMain .mainHeading {
        margin-bottom: 20px;
    }

    .signMain .backIcon,
    .signMain .optionRadio {
        margin-bottom: 20px;
    }

    .VerifyEmail .backIcon {
        margin-bottom: 50px;
    }

    .signMain .form-check-custom .form-check-label {
        padding: 12px 24px;
        font-size: 16px;
        line-height: 120%;
    }

    .signMain .btn {
        padding: 18px 10px;
        font-size: 18px;
    }

    .signMain .form-floating {
        margin-bottom: 20px;
    }

    .signMain .infoText,
    .signMain .link {
        font-size: 16px;
    }

    .signMain .infoText {
        margin-top: 30px;
    }

    .introText {
        font-size: 30px;
        line-height: 42px;
    }

    .OTPText {
        font-size: 14px;
    }

    .otpForm .form-control {
        margin-right: 15px;
        font-size: 18px;
    }

    .otpForm,
    .countryMobile {
        margin-top: 50px;
    }

    .form-check .form-check-label {
        width: 80%;
    }

    .signMain .form-check .form-check-label,
    .signMain .form-check .form-check-label .link {
        line-height: 20px;
    }
    .mainsignUp .SignBuyer .innerMain {
        padding: 50px 20px;
    }
    .signMain .sellerLogin {
        position: inherit;
        bottom: 0px;
        right: 0px;
        text-align: right;
        width: 100%;
        padding: 15px 15px 0px 0px;
        display: inline-block;
    }
    .allQuotesList li .listSmallText {
        font-size: 14px;
        line-height: 20px;
    }
    .SignBuyer .contactInfoNumber .contactText {
        font-size: 16px;
    }
    .SignBuyer .contactInfoNumber .contactNumber {
        font-size: 26px;
    }
    .SignBuyer .deliveredInfo {
        margin-top: 20px;
    }
    .SignBuyer .deliveredInfo li {
        font-weight: 500;
        font-size: 14px;
    }
    
.menu-main.show ul.dropdown-menu{
    background: transparent;
    } 
    
    ul.dropdown-menu a.dropdown-item{color:#fff;}
    .nav-item.desktop-navlink {display: block;} 

}

@media screen and (max-width: 567px) {
    .otpForm .form-control {
        height: 45px;
    }

    .messageCard {
        padding: 80px 35px;
    }
}

/* Sign up Screen End */
/* Theme Header Start */
.frontHeader {
    background-color: #fff;
    padding: 25px 0px;
}

.frontHeader .navbar-brand svg {
    fill: #181924;
}

.frontHeader .frontLeft {
    display: flex;
    align-items: center;
}

.frontHeader .frontRight {
    display: flex;
    align-items: center;
}

.frontHeader .navbar-nav .nav-item {
    padding: 7px 15px;
}

.frontHeader .navbar-nav .nav-link {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 600;
    position: relative;
    transition: 0.5s;
    padding: 0px;
}

.frontHeader .dropdown-toggle::after {
    display: none;
}

.frontHeader .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -15px;
    width: 0%;
    height: 2px;
    background-color: var(--secondaryColor);
    margin: 0 auto;
    transition: 0.5s;
}

.frontHeader .navbar-nav .nav-link img {
    margin-left: 3px;
}

.frontHeader .navbar-nav .dropdown-menu {
    border: 0px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.frontHeader .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 16px;
    font-weight: 600;
}
.frontHeader .navbar-nav .nav-link:hover,
.frontHeader .navbar-nav .nav-link:focus,
.frontHeader .navbar-nav .nav-link.active {
    color: var(--secondaryColor);
}

.frontHeader .navbar-nav .nav-link:hover::before,
.frontHeader .navbar-nav .nav-link:focus::before,
.frontHeader .navbar-nav .nav-link.active::before {
    width: 90%;
}

.frontHeader .headerBtn .btn {
    padding: 10px 30px;
    font-size: 15px;
    margin-left: 10px;
}

.frontHeader .navbar-brand {
    padding: 0px;
    margin: 0px;
    width: 150px;
    display: inline-flex;
}

.frontHeader .burger {
    position:absolute;
    width: 20px;
    height: 14px;
    cursor: pointer;
    display: none;
    background: transparent;
    border: 0;
    padding: 0px;
	right: 0;
}

.frontHeader .burger:focus {
    outline: 0;
}

.frontHeader .burger span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    transition: all 0.2s, background 0s;
    background: #181924;
}

.frontHeader .burger span:nth-child(2) {
    top: 6px;
}

.frontHeader .burger span:last-child {
    top: 12px;
}

.frontHeader .burger.show-x span:first-child {
    transform: rotate(45deg);
}

.frontHeader .burger.show-x span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

.frontHeader .burger.show-x span:last-child {
    transform: rotate(-45deg);
}

.frontHeader .burger.show-x span:first-child,
.frontHeader .burger.show-x span:last-child {
    top: 8px;
}

.main-body {
    overflow: hidden;
}

/* Header Blue Color */
.Header-blue {
    background-color: var(--secondaryColor);
}

.Header-blue.frontHeader .navbar-brand svg {
    fill: #fff;
}

.Header-blue.frontHeader .navbar-nav .nav-link {
    color: #fff;
}

.Header-blue.frontHeader .navbar-nav .nav-link::before {
    background-color: #fff;
}

.Header-blue.frontHeader .headerBtn .btn-outline-black {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}

.Header-blue.frontHeader .burger span {
    background: #fff;
}

.frontMain .Header-blue.frontHeader .btn-outline-black:hover,
.frontMain .Header-blue.frontHeader .btn-outline-black:focus {
    background-color: #fff;
    border-color: #fff;
    color: var(--secondaryColor);
}

/* Header Blue Color */
@media screen and (min-width: 1081px) and (max-width: 1199px) {
    .frontHeader .navbar-brand {
        width: 130px;
    }

    .frontHeader .navbar-nav .nav-item {
        padding: 7px 5px;
        font-size: 14px;
    }

    .frontHeader .headerBtn .btn {
        padding: 5px 20px;
        font-size: 14px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 1080px) {
    .menu-main.show {
        transform: translateX(0);
        width: 100%;
        overflow: auto;
    }

    .frontHeader .burger {
        display: block;
        margin-right: 10px;
    }

    .frontHeader .burger:hover,
    .frontHeader .burger:focus {
        outline: 0;
        box-shadow: inherit;
    }

    .frontHeader .menu-main {
        position: absolute;
        left: 0;
        width: 230px;
        background: #fff;
        height: 100%;
        top: 75px;
        height: calc(100vh - 68px);
        z-index: 5;
        transform: translate(-250%);
        transition: transform 0.3s ease-in;
    }
    .frontHeader .navbar-nav .nav-item {
        padding: 15px 15px;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }
    .frontHeader .navbar-nav .dropdown-menu {
        box-shadow: inherit;
        position: inherit;
        margin-top: 15px;
    }
    .frontHeader .navbar-nav .dropdown-menu .dropdown-item {
        padding: 5px 15px;
    }
    .frontHeader .navbar-nav .nav-link:hover::before,
    .frontHeader .navbar-nav .nav-link:focus::before,
    .frontHeader .navbar-nav .nav-link.active::before {
        width: 100%;
    }
    .frontHeader .navbar-nav .nav-link img {
        float: right;
    }
    .Header-blue.frontHeader .menu-main {
        /* background:#fff; */
        background:#000;
    }

    .frontHeader .menu-main.show {
        transform: translateX(0);
        width: 230px;
        overflow: auto;
    }

    .frontHeader.navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .frontHeader {
        padding: 15px 0px;
    }

    .frontHeader .headerBtn .btn {
        padding: 5px 12px;
        font-size: 13px;
        margin-left: 5px;
    }

    .Header-blue.frontHeader .navbar-brand {
        width: 90px;
    }

    .frontHeader .navbar-brand {
        width: 120px;
    }
}

/* Theme Header End */
/* Banner Section Start */
.Innerbanner {
    height: 320px;
    background-color: var(--secondaryColor);
}

.Innerbanner .bannerHeading {
    display: flex;
    align-items: center;
}

.Innerbanner .bannerImage {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.Innerbanner .bannerHeading .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -0.02em;
    color: #ffffff;
}

@media screen and (min-width: 768px) and (max-width: 1360px) {
    .Innerbanner .bannerHeading .heading {
        font-size: 40px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .Innerbanner {
        height: auto;
        padding-top: 15px;
    }

    .Innerbanner .bannerHeading .heading {
        font-size: 26px;
        line-height: 30px;
        text-align: center;
        width: 100%;
    }

    .Innerbanner .bannerImage img {
        height: 150px;
    }
}

/* Banner Section End */
/* careers Section Start */
.careersMain .nav-tabs {
    border-bottom: 0px;
    justify-content: center;
    margin-bottom: 50px;
}

.careersMain .nav-tabs .nav-item {
    margin: 0px 12px;
}

.careersMain .nav-tabs .nav-link {
    border: solid 1px #ddd;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #636f8c;
    padding: 15px 20px;
    transition: 0.5s;
}

.careersMain .nav-tabs .nav-link:hover,
.careersMain .nav-tabs .nav-link:focus,
.careersMain .nav-tabs .nav-link.active {
    border-color: var(--themeGreen);
    background-color: var(--themeGreen);
    color: #fff;
}

.careersMain .card {
    background: #ffffff;
    border: 1px solid rgba(99, 111, 140, 0.2);
    border-radius: 4px;
    padding: 25px 20px;
    margin-bottom: 15px;
    height: calc(100% - 15px);
}

.careersMain .card .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.careersMain .card .heading .title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 0px;
    width: 90%;
}

.careersMain .openingList {
    display: flex;
    width: 100%;
    align-items: center;
}

.careersMain .openingList li {
    display: inline-flex;
    padding-right: 15px;
    position: relative;
}

.careersMain .openingList li:not(:first-child) {
    padding-left: 15px;
}

.careersMain .openingList li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    height: 65%;
    background-color: #636f8c;
    margin: auto;
    bottom: 0;
    top: 0;
}

.careersMain .openingList .smallText {
    display: inline-block;
    width: auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #181924;
}

.careersMain .openingList .status {
    padding: 5px 15px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.02em;
}

.open {
    background: #cef8d6;
    color: #07c66a;
}

.closed {
    background: #f8ced1;
    color: #c60712;
}

.opeining-soon {
    background: #f4f4f6;
    color: #636f8c;
}

.closing-fast {
    background: #f9e9d7;
    color: #f69727;
}

.careersMain .applyBtn {
    margin-top: 40px;
}

.careersMain .applyBtn .btn {
    padding: 10px 30px;
    font-size: 18px;
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
    .careersMain .card {
        padding: 20px 15px;
    }

    .careersMain .card .heading .title {
        font-size: 24px;
    }

    .careersMain .openingList .smallText {
        font-size: 16px;
    }

    .careersMain .applyBtn .btn {
        padding: 12px 30px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .careersMain .nav-tabs {
        margin-bottom: 30px;
    }

    .careersMain .card {
        padding: 20px 15px;
    }

    .careersMain .card .heading .title {
        font-size: 24px;
    }

    .careersMain .openingList .smallText {
        font-size: 16px;
    }

    .careersMain .applyBtn .btn {
        padding: 12px 30px;
        font-size: 18px;
    }

    .careersMain .nav-tabs .nav-item {
        margin: 5px;
    }

    .careersMain .nav-tabs .nav-link {
        font-size: 15px;
        padding: 10px 15px;
    }
}

/* careers Section End */
/* Career Goals Section Start  */
.Careergoals {
    padding: 70px 0px;
    background: #f7f7f8;
    position: relative;
}

.Careergoals::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 280px;
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: 50px;
    background-image: url("img/front-img/shap-img.svg");
}

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

.Careergoals .leftSide .title {
    font-weight: 700;
    font-size: 44px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #181924;
    margin-top: 100px;
    margin-bottom: 25px;
    width: 80%;
}

.Careergoals .leftSide .smallText {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: rgba(24, 25, 36, 0.64);
    margin: 0px;
    width: 80%;
}

.Careergoals .rightside .card {
    border: 0px;
    background-color: #fff;
    border-radius: 0px;
    padding: 40px;
}

.Careergoals .filebutton {
    position: absolute;
    right: 5px;
    top: 20px;
}

.Careergoals [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.Careergoals [type="file"] + label.link {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--themeGreen);
    cursor: pointer;
}

.Careergoals .rightside .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    width: 100%;
    margin-top: 35px;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    border-radius: 2px;
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
    .Careergoals .leftSide .title {
        font-size: 36px;
        line-height: 120%;
    }
}

@media screen and (max-width: 1080px) {
    .Careergoals .leftSide .title {
        font-size: 26px;
        line-height: 30px;
    }

    .Careergoals .rightside .card {
        padding: 20px 15px;
    }

    .Careergoals .leftSide .title,
    .Careergoals .leftSide .smallText {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .Careergoals {
        padding: 50px 0px;
    }

    .Careergoals::after {
        display: none;
    }

    .Careergoals .leftSide .title {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .Careergoals .leftSide {
        margin-bottom: 30px;
    }

    .Careergoals .leftSide .smallText {
        font-size: 14px;
    }
}

/* Career Goals Section End  */

/* Banner Section Start */

.servicebanner {
    padding: 70px 0px 20px;
    background-color: #fff;
}

.servicebanner .bannerHeading {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: center;
}

.servicebanner .bannerHeading .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 25px;
}

.servicebanner .bannerHeading .smallText {
    display: inline-block;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #181924;
}

.servicebanner .bannerHeading .btn {
    font-size: 18px;
    padding: 18px 35px;
}
.servicebanner .bannerImage {
    text-align: center;
}
.servicebanner .bannerImage img {
    max-width: 100%;
}

@media screen and (min-width: 1081px) and (max-width: 1360px) {
    .servicebanner .bannerHeading .heading {
        font-size: 40px;
        line-height: 45px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .servicebanner {
        padding: 30px 0px;
    }

    .servicebanner .bannerHeading .heading {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .servicebanner .bannerHeading .smallText {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 25px;
    }

    .servicebanner .bannerHeading .btn {
        font-size: 16px;
        padding: 14px 32px;
    }
}

@media screen and (max-width: 769px) {
    .servicebanner {
        padding: 20px 0px;
    }

    .servicebanner .bannerHeading .heading {
        font-size: 24px;
        line-height: 28px;
        width: 100%;
        margin-bottom: 10px;
    }

    .servicebanner .bannerHeading .smallText {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .servicebanner .bannerHeading .btn {
        font-size: 16px;
        padding: 12px 15px;
    }
}

@media screen and (max-width: 567px) {
    .servicebanner .bannerHeading {
        order: 2;
        margin-top: 25px;
    }

    .servicebanner .bannerImage {
        order: 1;
    }
    .servicebanner .bannerHeading .heading,
    .servicebanner .bannerHeading .smallText {
        text-align: center;
    }
    .servicebanner .bannerHeading .btn {
        margin: 0 auto;
    }
}

/* Banner Section End */
/*  Trusted by Leading EPCs & SMEs Section Start */
.TrustedSection-blue {
    background-color: var(--secondaryColor);
}
.TrustedSection .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--secondaryColor);
    width: 35%;
    margin: 0 auto 50px;
}

.TrustedSection .ServiceLogo {
    text-align: center;
}

.TrustedSection .ServiceLogo a {
    display: inline-block;
    width: 150px;
    height: 80px;
    margin: 0 auto;
}

.TrustedSection .ServiceLogo img {
    max-width: 100%;
    filter: grayscale(100%);
    transition: 0.5s;
}

.TrustedSection .ServiceLogo a:hover img,
.TrustedSection .ServiceLogo a:focus img {
    filter: grayscale(0%);
}
.TrustedSection-blue .title {
    color: #fff;
}
@media screen and (min-width: 768px) {
    .TrustedSection .col-md-2 {
        width: 20%;
    }
}

@media screen and (max-width: 1025px) {
    .TrustedSection .title {
        width: 100%;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 768px) {
    .TrustedSection .title {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 567px) {
    .TrustedSection .ServiceLogo a {
        width: 80%;
    }
}
.right-0 {
    right: 0px !important;
}
/*  Trusted by Leading EPCs & SMEs Section End */
/*  Bringing Smart Procurement to Your Fingertips  Section Start */
.fingertipsSection {
    background-color: #f2fdf4;
}

.fingertipsSection .Maintitle {
    font-weight: 700;
    font-size: 44px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #181924;
    width: 60%;
    margin: 0 auto 50px;
}

.fingertipsSection .card {
    border: 0px;
    background: #ffffff;
    box-shadow: 0px 8px 32px rgba(166, 166, 176, 0.12);
    border-radius: 8px;
    height: 100%;
}

.fingertipsSection .card .card-body {
    padding: 40px 30px;
}

.fingertipsSection .card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background-color: var(--secondaryColor);
    border-radius: 50%;
}

.fingertipsSection .card .icon img {
    max-width: 100%;
    max-height: 100%;
}

.fingertipsSection .InfoText {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

.fingertipsSection .InfoText .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 8px;
}

.fingertipsSection .InfoText .smallText {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #181924;
    margin: 0px;
}

@media screen and (max-width: 1366px) {
    .fingertipsSection .Maintitle {
        width: 60%;
    }
}

@media screen and (max-width: 992px) {
    .fingertipsSection .Maintitle {
        width: 100%;
    }

    .fingertipsSection .card .card-body {
        padding: 20px 15px;
    }

    .fingertipsSection .InfoText .title {
        font-size: 22px;
    }

    .fingertipsSection .InfoText .smallText {
        font-size: 14px;
        line-height: 19px;
    }
}

@media screen and (max-width: 768px) {
    .fingertipsSection .card {
        margin-bottom: 15px;
        height: auto;
    }

    .fingertipsSection .card .icon {
        width: 60px;
        height: 60px;
        padding: 10px;
    }
}

/*  Bringing Smart Procurement to Your Fingertips  Section End */
/* Upgrade Procurement with ReGO’s Credit Facility Start */
.facilitySection {
    background-color: var(--secondaryColor);
    position: relative;
}

.facilitySection .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}

.facilitySection .infoText {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #ffffff;
    margin-bottom: 40px;
}

.facilitySection .card {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    box-shadow: inherit;
    border: 0px;
    margin: 12px 0px;
}

.facilitySection .card .card-body {
    padding: 20px;
}

.facilitySection .card .title {
    font-size: 24px;
    line-height: 31px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

.facilitySection .card .smallText {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
}

.facilitySection .btn {
    font-size: 18px;
    padding: 18px 35px;
    margin-top: 30px;
}

.facilitySection .serviceImage {
    position: absolute;
    bottom: 0px;
    right: 80px;
}

@media screen and (max-width: 1366px) {
    .facilitySection .card .card-body {
        padding: 15px;
    }

    .facilitySection .card .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 992px) {
    .frontMain .padder-50.facilitySection {
        padding-bottom: 0px;
    }

    .serviceImage {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .facilitySection .serviceImage {
        position: inherit;
    }
}

@media screen and (max-width: 768px) {
    .facilitySection .mainTitle {
        margin-bottom: 10px;
    }

    .facilitySection .infoText {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .facilitySection .card {
        margin: 5px 0px;
    }

    .facilitySection .card .title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .facilitySection .btn {
        font-size: 16px;
        padding: 12px 15px;
    }
}

/* Upgrade Procurement with ReGO’s Credit Facility End */
/* Access ReGo’s One-Stop Marketplace Start */
.marketplaceSection {
    background-color: #fff;
}

.marketplaceSection .leftMarket {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: center;
}

.marketplaceSection .leftMarket .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 25px;
}

.marketplaceSection .leftMarket .infoText {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: rgba(24, 25, 36, 0.64);
    margin-bottom: 25px;
    width: 80%;
}

.marketplaceSection .RightMarket {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 600px;
    background: #eaecfb;
    margin: 0 auto;
}

.marketplaceSection .RightMarket img {
    max-width: 100%;
    max-height: 100%;
}

.marketplaceSection .TwoButton .btn {
    font-size: 18px;
    padding: 15px 30px;
}

.marketplaceSection .TwoButton .btn-green {
    margin-right: 15px;
}
@media screen and (max-width: 1024px) {
    .marketplaceSection .TwoButton .btn {
        font-size: 16px;
        padding: 14px 20px;
    }
    .marketplaceSection .TwoButton .btn-green {
        margin-right: 10px;
    }
    .marketplaceSection .RightMarket {
        width: 100%;
        height: auto;
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    .marketplaceSection .RightMarket {
        width: 100%;
        margin-top: 50px;
    }

    .marketplaceSection .leftMarket .infoText {
        font-size: 14px;
        margin-bottom: 20px;
        width: 100%;
    }
}
/* Access ReGo’s One-Stop Marketplace End */
/* A One-Stop B2B Platform for Procurement Start */
.B2BPlatform {
    background-color: var(--secondaryColor);
    overflow: hidden;
    height: 800px;
    position: relative;
}
.B2BPlatform::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 50%;
    height: 230px;
    background: linear-gradient(180deg, rgba(18, 27, 94, 0) -72.59%, #121b5e 84.05%);
}
.B2BPlatform .leftSide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.B2BPlatform .rightSide {
    padding: 100px 100px 20px;
    height: 100%;
    position: relative;
}

.B2BPlatform .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 20px;
    width: 70%;
}
.B2BPlatform .infoText {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #ffffff;
    margin-bottom: 70px;
}
.B2BPlatformList {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 500px;
}
.innerSlider {
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
    height: 100%;
}
.innerSlider:hover {
    animation-play-state: paused;
}
/* Make it move! */
@keyframes marquee {
    0% {
        top: 10px;
    }
    100% {
        top: -900px;
    }
}

.B2BPlatformList .listing {
    margin-bottom: 15px;
}
.B2BPlatformList .number {
    font-weight: 700;
    font-size: 70px;
    line-height: 120%;
    background: linear-gradient(179.45deg, rgb(54, 73, 217) 16.98%, rgba(54, 73, 217, 0) 168.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 20px;
}
.B2BPlatformList .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}
.B2BPlatformList .smallText {
    font-weight: 600;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--themeGreen);
    width: 70%;
    margin: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .B2BPlatform .rightSide {
        padding: 100px 50px 20px;
    }
    .B2BPlatform .mainTitle {
        width: 100%;
    }
    .B2BPlatformList .smallText {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    .B2BPlatform .mainTitle {
        width: 100%;
    }
    .B2BPlatform {
        height: auto;
    }
    .B2BPlatform::after {
        width: 100%;
    }
    .B2BPlatform .rightSide {
        padding: 80px 50px 20px;
    }
    .B2BPlatform .infoText {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .B2BPlatformList .smallText {
        font-size: 20px;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .B2BPlatform .rightSide {
        padding: 50px 15px 20px;
    }
    .B2BPlatformList .number {
        font-size: 60px;
        margin-bottom: 10px;
    }
}
/* A One-Stop B2B Platform for Procurement End */

/* We’re Committed to Your Success & Happiness Start */
.SuccessHappiness {
    margin-top: 50px;
    position: relative;
    padding-top: 120px;
}
.SuccessHappiness::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #f7f7f8;
    height: 500px;
}
.SuccessHappiness .container {
    position: relative;
    z-index: 1;
}
.SuccessHappiness .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 70px;
    text-align: center;
}
.SuccessHappiness .card {
    background: #ffffff;
    box-shadow: 0px 8px 32px rgba(166, 166, 176, 0.12);
    border: 0px;
}
.SuccessHappiness .card-body {
    padding: 30px;
}
.SuccessHappiness .icon {
    margin-bottom: 20px;
}
.SuccessHappiness .info {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #181924;
    margin-bottom: 0px;
}
.SuccessHappiness .userDetails {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}
.SuccessHappiness .userName {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 5px;
}
.SuccessHappiness .smallText {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #181924;
}
@media screen and (min-width: 802px) and (max-width: 1366px) {
    .SuccessHappiness {
        margin-top: 50px;
        padding-top: 80px;
    }
    .SuccessHappiness .mainTitle {
        margin-bottom: 30px;
    }
    .SuccessHappiness .card-body {
        padding: 25px;
    }
    .SuccessHappiness .icon img {
        height: 50px;
    }
    .SuccessHappiness::after {
        height: 400px;
    }
}
@media screen and (max-width: 768px) {
    .SuccessHappiness {
        margin-top: 30px;
        padding-top: 50px;
    }
    .SuccessHappiness .mainTitle {
        margin-bottom: 20px;
    }
    .SuccessHappiness .card {
        margin: 10px 0px;
    }
    .SuccessHappiness .card-body {
        padding: 20px 15px;
    }
    .SuccessHappiness .info {
        font-size: 16px;
    }
    .SuccessHappiness .icon img {
        height: 50px;
    }
}
/* We’re Committed to Your Success & Happiness End */
/* A Comprehensive Cleantech Procurement Solution Start */
.procurementSolution .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    text-align: center;
    width: 50%;
    margin: 0 auto 25px;
}
.procurementSolution .infoText {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #181924;
    margin-bottom: 50px;
    text-align: center;
}
.procurementSolution .procurementCard {
    text-align: center;
    margin: 30px 0px;
}
.procurementSolution .procurementCard .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #181924;
    margin-bottom: 0px;
    width: 80%;
    margin: 25px auto auto;
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
    .procurementSolution .procurementCard .title {
        font-size: 18px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .procurementSolution .mainTitle {
        width: 100%;
    }
    .procurementSolution .procurementCard .title {
        font-size: 18px;
        width: 100%;
        margin: 20px auto auto;
    }
    .procurementSolution .infoText {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .procurementSolution .procurementCard .icon img {
        width: 100%;
        height: 150px;
    }
    .procurementSolution .procurementCard {
        text-align: center;
        margin: 10px 0px;
    }
}
/* A Comprehensive Cleantech Procurement Solution End */
/* India’s Leading B2B Cleantech Marketplace */
.CleantechMarketplace {
    background-color: var(--secondaryColor);
}
.CleantechMarketplace .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.02em;
    color: #ffffff;
    text-align: center;
    width: 40%;
    margin: 0 auto 70px;
}
.CleantechMarketplace .card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 4px;
}
.CleantechMarketplace .card-body {
    padding: 50px 10px;
    text-align: center;
}
.CleantechMarketplace .card .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--themeGreen);
    margin-bottom: 15px;
}
.CleantechMarketplace .card .smallText {
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: #ffffff;
    width: 100%;
    display: inline-block;
}
@media screen and (max-width: 992px) {
    .CleantechMarketplace .mainTitle {
        width: 100%;
        margin: 0 auto 40px;
    }
    .CleantechMarketplace .card {
        margin: 10px 0px;
    }
    .CleantechMarketplace .card-body {
        padding: 30px 10px;
        text-align: center;
    }
    .CleantechMarketplace .card .smallText {
        font-size: 20px;
    }
    .CleantechMarketplace .card .title {
        font-size: 36px;
        margin-bottom: 10px;
    }
}
/* India’s Leading B2B Cleantech Marketplace */
/*   BLOGS & ARTICLES Start */
.blogsArticlesSlider .blogImg {
    width: 90%;
    height: 450px;
    margin: 0 auto;
}
.blogsArticlesSlider .blogImg img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.blogsArticlesSlider .rightSide {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: center;
}
.blogsArticlesSlider .tag {
    background: #181924;
    border-radius: 2px;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}
.blogsArticlesSlider .mainTitle {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 20px;
}
.blogsArticlesSlider .date {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: rgba(24, 25, 36, 0.4);
    margin-bottom: 20px;
}
.blogsArticlesSlider .infoText {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #181924;
    margin-bottom: 30px;
}
.blogsArticlesSlider .rightSide .btn img {
    display: inline-block;
    width: auto;
}
.blogsArticlesSlider .rightSide .btn {
    font-size: 18px;
    padding: 12px 40px;
}
.blogsArticlesSlider .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
}
.blogsArticlesSlider .owl-nav button.owl-prev,
.blogsArticlesSlider .owl-nav button.owl-next {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    border-radius: 40px;
    margin-left: 15px;
}
.blogsArticlesSlider .owl-nav button.owl-prev.disabled,
.blogsArticlesSlider .owl-nav button.owl-next.disabled {
    opacity: 0.5;
}
.blogsArticlesSlider .owl-nav button.owl-prev span,
.blogsArticlesSlider .owl-nav button.owl-next span {
    background-size: 16px;
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
}
.blogsArticlesSlider .owl-nav button.owl-prev span {
    background-image: url("img/front-img/right-black-arrow2.svg");
}
.blogsArticlesSlider .owl-nav button.owl-next span {
    background-image: url("img/front-img/right-black-arrow.svg");
}
@media screen and (max-width: 1110px) {
    .blogsArticlesSlider {
        padding-top: 30px;
    }
    .blogsArticlesSlider .blogImg {
        width: 100%;
        height: auto;
    }
    .blogsArticlesSlider .rightSide {
        margin-top: 25px;
    }
    .blogsArticlesSlider .owl-nav {
        top: -30px;
    }
    .blogsArticlesSlider .mainTitle {
        margin-bottom: 10px;
    }
    .blogsArticlesSlider .date {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blogsArticlesSlider .infoText {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .blogsArticlesSlider .mainTitle {
        font-size: 36px;
        line-height: 40px;
    }
    .blogsArticlesSlider .date {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blogsArticlesSlider .infoText {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
/* BLOGS & ARTICLES End */
/* Frequently Asked Questions Start */
.smallTitle {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--themeGreen);
    text-align: center;
    margin-bottom: 20px;
}
.faqSection .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    text-align: center;
    margin-bottom: 70px;
}
.faqSection .accordion-item {
    border-bottom: 1px solid rgba(211, 211, 217, 0.32);
}
.faqSection .accordion-item .accordion-button {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;

    color: #181924;
    padding: 30px 1.25rem;
}
.faqSection .accordion-item .accordion-button:focus {
    box-shadow: inherit;
}
.faqSection .accordion-item .accordion-button:not(.collapsed) {
    color: var(--themeDarkGreen);
    background-color: #fff;
}
.faqSection .accordion-collapse {
    border: 0;
}
.faqSection .accordion-body {
    padding-top: 0px;
    padding-bottom: 30px;
}

.faqSection .accordion-body .smallText {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #181924;
    margin: 0px;
}
.faqSection .accordion-item .accordion-header .accordion-button {
    border: 0px;
    border-radius: 0px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("img/front-img/down-green.svg");
    transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
    .faqSection .mainTitle {
        margin-bottom: 20px;
    }
    .faqSection .accordion-item .accordion-button {
        padding: 20px 0rem;
    }
    .accordion-body {
        padding: 0rem 0rem 1.25rem;
    }
}
/* Frequently Asked Questions End */
/* verified sellers Section Start */
.verifiedsellers {
    background: #f2fdf4;
}
.Careergoals.verifiedsellers::after {
    width: 100%;
    height: 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: 0px;
    background-image: url("img/front-img/shap-img-2.svg");
}
.Careergoals.verifiedsellers .leftSide {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
.Careergoals.verifiedsellers .leftSide .smallText {
    color: #181924;
}
.Careergoals.verifiedsellers .leftSide .title {
    margin-top: 0px;
}
/* verified sellers Section End */

/* A Cleantech Ecosystem like Never Before Start */
.CleantechEcosystem .leftSide .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 40px;
}
.CleantechEcosystem .leftSide .img {
    display: inline-block;
    width: 500px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #d3d3d9;
    border-radius: 9.05075px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.CleantechEcosystem .leftSide .img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.CleantechEcosystem .rightSide {
    position: relative;
}
.CleantechEcosystem .rightSide::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 155px;
    background: linear-gradient(169.74deg, rgba(255, 255, 255, 0) -74.87%, #ffffff 44.64%);
}
.CleantechEcosystem .rightSide .smallsTitle {
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 25px;
}
.CleantechEcosystem .rightSide .infoText {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: rgba(24, 25, 36, 0.64);
    width: 80%;
    margin: 0px;
}
.rightSide .listingMain {
    display: inline-block;
    width: 100%;
    height: 315px;
    margin-top: 40px;
    overflow: hidden;
}

.rightSide .listingMain .card {
    background: #ffffff;
    border: 1px solid #f7f7f8;
    box-shadow: 0px 8px 32px rgba(166, 166, 176, 0.12);
    border-radius: 4px;
    padding: 25px 30px;
    margin-bottom: 15px;
}
.rightSide .listingMain .card .heading {
    font-weight: 700;
    font-size: 25px;
    line-height: 31px;
    color: #181924;
    margin-bottom: 10px;
}
.rightSide .listingMain .card .smallText {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(24, 25, 36, 0.64);
    margin: 0px;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .CleantechEcosystem .leftSide .mainTitle {
        font-size: 36px;
        line-height: 46px;
    }
    .rightSide .listingMain .card {
        padding: 20px 15px;
    }
    .CleantechEcosystem .leftSide .img {
        width: 90%;
        height: 300px;
    }
    .CleantechEcosystem .rightSide .smallsTitle {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .rightSide .listingMain .card .heading {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .CleantechEcosystem .rightSide .infoText {
        font-size: 16px;
        width: 100%;
    }
    .rightSide .listingMain .card .smallText {
        font-size: 16px;
        line-height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .CleantechEcosystem .leftSide .mainTitle {
        margin-bottom: 30px;
    }
    .CleantechEcosystem .leftSide .img {
        width: 100%;
        height: 200px;
    }
    .CleantechEcosystem .rightSide {
        margin-top: 15px;
    }
    .CleantechEcosystem .rightSide .smallsTitle {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .CleantechEcosystem .rightSide .infoText {
        font-size: 16px;
        width: 100%;
    }
    .rightSide .listingMain .card {
        padding: 20px 15px;
    }
    .rightSide .listingMain .card .heading {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .rightSide .listingMain .card .smallText {
        font-size: 16px;
        line-height: 20px;
    }
}
/* A Cleantech Ecosystem like Never Before End */
/* Enable an Online Eligibility & Business Credit Documentation  Start */
.CreditDocumentation {
    background-color: var(--secondaryColor);
    position: relative;
}
.CreditDocumentation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: 0px;
    background-image: url("img/front-img/Eligibility-shap.svg");
}
.CreditDocumentation .container {
    position: relative;
    z-index: 1;
}
.CreditDocumentation .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.02em;
    color: #ffffff;
    text-align: center;
    width: 50%;
    margin: 0 auto 20px;
}
.CreditDocumentation .SecondSection .mainTitle {
    width: 100%;
    margin: 0 auto 100px;
}
.CreditDocumentation .infoText {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #ffffff;
    margin-bottom: 0px;
    text-align: center;
}
.CreditDocumentation .firstSection {
    padding-bottom: 100px;
}
.CreditDocumentation .firstSection .Eligibility {
    padding-top: 100px;
}
.Eligibility .leftSide {
    text-align: center;
}
.Eligibility .leftSide img {
    max-width: 100%;
}
.CreditDocumentation .SecondSection .leftSide img {
    height: 250px;
}
.Eligibility .rightSide .smallHeading {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #ffffff;
    margin-bottom: 30px;
}
.Eligibility .rightSide .listing {
    display: inline-block;
    width: 100%;
}
.Eligibility .rightSide .listing li {
    display: inline-block;
    width: 100%;
    padding: 25px 30px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    margin-bottom: 15px;
}
.Eligibility .rightSide .listing li .icon {
    margin-right: 15px;
}
.Eligibility .rightSide .listing li .smallText {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    display: inline-flex;
    width: 84%;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .CreditDocumentation .firstSection {
        padding-bottom: 70px;
    }
    .Eligibility .rightSide .listing li {
        padding: 20px 25px;
    }
    .Eligibility .rightSide .listing li .smallText {
        font-size: 20px;
        line-height: 26px;
        width: 80%;
    }
    .Eligibility .rightSide .listing li .icon {
        margin-right: 10px;
    }
    .CreditDocumentation .SecondSection .leftSide img {
        height: 200px;
    }
    .CreditDocumentation .SecondSection .mainTitle {
        width: 100%;
        margin: 0 auto 50px;
    }
    .CreditDocumentation .mainTitle {
        width: 100%;
        margin: 0 auto 20px;
    }
    .CreditDocumentation .firstSection .Eligibility {
        padding-top: 50px;
    }
    .Eligibility .rightSide .smallHeading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .CreditDocumentation .mainTitle {
        margin: 0 auto 20px;
        width: 100%;
    }
    .CreditDocumentation .SecondSection .mainTitle {
        width: 100%;
        margin: 0 auto 20px;
    }
    .CreditDocumentation .firstSection {
        padding-bottom: 30px;
    }
    .Eligibility .rightSide .listing li {
        padding: 20px 25px;
    }
    .Eligibility .rightSide .smallHeading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .CreditDocumentation .firstSection .Eligibility {
        padding-top: 0px;
    }
    .CreditDocumentation .infoText {
        font-size: 16px;
    }
    .Eligibility .rightSide .smallHeading {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .Eligibility .rightSide .listing li .smallText {
        font-size: 18px;
        line-height: 22px;
        width: 84%;
    }
    .CreditDocumentation .SecondSection .leftSide {
        margin: 20px 0px;
    }
    .Eligibility .leftSide img {
        max-width: 50%;
    }
    .CreditDocumentation .SecondSection .leftSide img {
        height: 100px;
    }
}
/* Enable an Online Eligibility & Business Credit Documentation  Start */
/* How it works Start */
.Howitworks {
    background-color: #fff;
}
.Howitworks .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    text-align: center;
    width: 70%;
    margin: 0 auto 20px;
}
.Howitworks .infoText {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #181924;
    margin-bottom: 80px;
    text-align: center;
}
.Howitworks .leftSide .img {
    display: inline-block;
    width: 500px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #d3d3d9;
    border-radius: 9.05075px;
}
.Howitworks .leftSide .img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.Howitworks .rightside .nav-tabs {
    border-bottom: 1px solid rgba(99, 111, 140, 0.4);
}
.Howitworks .rightside .nav-tabs .nav-item .nav-link {
    position: relative;
}
.Howitworks .rightside .nav-tabs .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 0%;
    height: 5px;
    background-color: var(--themeGreen);
    margin: 0 auto;
    transition: 0.5s;
}
.Howitworks .rightside .nav-tabs .nav-item .nav-link {
    border: 0px;
    border-radius: 0px;
    background: transparent;
    padding: 20px 0px;
    display: flex;
    width: auto;
    align-items: center;
}
.Howitworks .rightside .nav-tabs .nav-item .nav-link .count {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #181924;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #ffffff;
}
.Howitworks .rightside .tabbigSlider {
    position: relative;
}
.Howitworks .rightside .tabbigSlider::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 100%;
    background: linear-gradient(269.68deg, #ffffff 0.21%, rgba(255, 255, 255, 0) 215.44%);
}
.Howitworks .rightside .nav-tabs .nav-item {
    margin-right: 20px;
}
.Howitworks .rightside .nav-tabs .nav-item .nav-link .smallText {
    display: inline-flex;
    padding-left: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #181924;
    width: 70%;
}

.Howitworks .rightside .nav-tabs .nav-item .nav-link.active .count {
    background-color: var(--themeGreen);
}

.Howitworks .rightside .nav-tabs .nav-item a.active::before {
    width: 100%;
}
.Howitworks .rightside .tab-body {
    padding: 50px 0px;
}
.Howitworks .rightside .tab-body .card {
    background: #ffffff;
    border: 1px solid #f7f7f8;
    box-shadow: 0px 8px 32px rgba(166, 166, 176, 0.12);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 15px;
}
.Howitworks .rightside .tab-body .smallText {
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #181924;
    margin: 0px;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .Howitworks .leftSide .img {
        width: 90%;
        height: 300px;
    }
    .Howitworks .rightside .nav-tabs .nav-item .nav-link .smallText {
        font-size: 16px;
    }
    .Howitworks .rightside .nav-tabs .nav-item .nav-link .count {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .Howitworks .rightside .tab-body .card {
        padding: 20px;
    }
    .Howitworks .rightside .tab-body .smallText {
        font-size: 18px;
        line-height: 25px;
    }
    .Howitworks .infoText {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .Howitworks .mainTitle {
        width: 100%;
    }
    .Howitworks .infoText {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .Howitworks .leftSide .img {
        width: 100%;
        height: 200px;
    }
    .Howitworks .rightside .nav-tabs .nav-item .nav-link .smallText {
        font-size: 16px;
    }
    .Howitworks .rightside .nav-tabs .nav-item .nav-link .count {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .Howitworks .rightside .tab-body .card {
        padding: 20px;
    }
    .Howitworks .rightside .tab-body .smallText {
        font-size: 18px;
        line-height: 25px;
    }
}
/* How it works End */
/* Font  Start */
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .facilitySection .mainTitle,
    .fingertipsSection .Maintitle,
    .marketplaceSection .leftMarket .mainTitle,
    .B2BPlatform .mainTitle,
    .B2BPlatformList .title,
    .SuccessHappiness .mainTitle,
    .procurementSolution .mainTitle,
    .CleantechMarketplace .mainTitle,
    .faqSection .mainTitle,
    .CreditDocumentation .mainTitle,
    .Howitworks .mainTitle {
        font-size: 36px;
        line-height: 54px;
    }
}
@media screen and (max-width: 768px) {
    .facilitySection .mainTitle,
    .fingertipsSection .Maintitle,
    .marketplaceSection .leftMarket .mainTitle,
    .B2BPlatform .mainTitle,
    .B2BPlatformList .title,
    .SuccessHappiness .mainTitle,
    .procurementSolution .mainTitle,
    .CleantechMarketplace .mainTitle,
    .blogsArticlesSlider .mainTitle,
    .faqSection .mainTitle,
    .CleantechEcosystem .leftSide .mainTitle,
    .CreditDocumentation .mainTitle,
    .Howitworks .mainTitle {
        font-size: 26px;
        line-height: 32px;
    }
    .smallTitle {
        font-size: 18px;
    }
}
/* Font  End */
/* Footer Section Start */
.frontFooter {
    padding: 100px 0px 50px;
    background-color: var(--secondaryColor);
}

.frontFooter .leftFooter .logo {
    display: inline-block;
    width: 180px;
}

.leftFooter .logo svg {
    fill: #fff;
}

.leftFooter .inforMation {
    margin-top: 60px;
}

.leftFooter .inforMation .smallText {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 30px;
    max-width: 80%;
}

.leftFooter .inforMation .btn {
    font-size: 16px;
    padding: 14px 30px;
}

.leftFooter .contactInfo {
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

.leftFooter .contactInfo li {
    display: inline-block;
    width: auto;
    padding-right: 10px;
    position: relative;
}

.leftFooter .contactInfo li:not(:first-child) {
    padding-left: 15px;
}

.leftFooter .contactInfo li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    height: 65%;
    background-color: #fff;
    margin: auto;
    bottom: 0;
    top: 0;
    opacity: 0.6;
}

.leftFooter .contactInfo li a {
    text-decoration: inherit;
    transition: 0.5s;
}

.leftFooter .contactInfo li a svg {
    width: 20px;
    fill: #fff;
    opacity: 0.7;
    transition: 0.5s;
}

.leftFooter .contactInfo li img {
    width: 20px;
}

.leftFooter .contactInfo li .text {
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-left: 5px;
}

.leftFooter .contactInfo li a:hover svg,
.leftFooter .contactInfo li a:focus svg {
    opacity: 1;
}

.rightFooter .callSupport {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 25px;
    margin-bottom: 40px;
}

.rightFooter .callSupport a {
    display: inline-block;
    margin-left: 5px;
    color: var(--themeGreen);
    text-decoration: inherit;
}

.rightFooter .title {
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: #ffffff;
    opacity: 0.4;
    margin-bottom: 30px;
}

.rightFooter .footerMenu {
    display: inline-block;
    width: 100%;
}

.rightFooter .footerMenu li {
    display: inline-block;
    width: 100%;
}

.rightFooter .footerMenu li:not(:last-child) {
    margin-bottom: 25px;
}

.rightFooter .footerMenu li .link {
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    text-decoration: inherit;
    transition: 0.5s;
}

.rightFooter .footerMenu li .link:hover img {
    transition: 0.5s;
}

.rightFooter .footerMenu li .link:hover,
.rightFooter .footerMenu li .link:focus {
    text-decoration: underline;
}

.rightFooter .footerMenu li .link:hover img,
.rightFooter .footerMenu li .link:focus img {
    transform: rotate(34deg);
}

.rightFooter .socialIcon {
    display: inline-block;
    width: 100%;
    text-align: right;
	padding-top:60px;
}

.rightFooter .socialIcon li {
    display: inline-block;
    width: auto;
}
.rightFooter .socialIcon li:not(:first-child) {
    margin-left: 30px;
}
.rightFooter .socialIcon li a {
    transition: 0.5s;
}

.rightFooter .socialIcon li a svg {
    fill: #fff;
    opacity: 0.6;
    transition: 0.5s;
}

.rightFooter .socialIcon li a:hover svg,
.rightFooter .socialIcon li a:focus svg {
    opacity: 1;
}

.subFooter {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.subFooter .smallText {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #ffffff;
    opacity: 0.6;
    margin-bottom: 15px;
}

.subFooter .legalLink {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.subFooter .legalLink li {
    display: inline-block;
    width: auto;
}

.subFooter .legalLink li:not(:last-child) {
    padding-right: 20px;
}

.subFooter .legalLink li .link {
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #ffffff;
    text-decoration: inherit;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .frontFooter {
        padding: 80px 0px 50px;
    }

    .rightFooter .callSupport {
        font-size: 20px;
    }

    .leftFooter .inforMation .smallText {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
    }

    .leftFooter .contactInfo li .text {
        font-size: 14px;
    }

    .leftFooter .contactInfo li a svg {
        width: 18px;
        display: inline-block;
    }

    .leftFooter .contactInfo li {
        padding-right: 10px;
    }

    .leftFooter .contactInfo li:not(:first-child) {
        padding-left: 10px;
    }

    .rightFooter .footerMenu li .link {
        font-size: 16px;
    }

    .rightFooter .footerMenu li:not(:last-child) {
        margin-bottom: 15px;
    }

    .leftFooter .inforMation {
        margin-top: 50px;
    }

    .leftFooter .contactInfo {
        margin-top: 40px;
    }

    .subFooter {
        margin-top: 30px;
        padding-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .frontFooter {
        padding: 50px 0px 30px;
    }

    .frontFooter .leftFooter .logo {
        width: 130px;
    }

    .leftFooter .inforMation {
        margin-top: 20px;
    }

    .leftFooter .inforMation .smallText {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 15px;
        max-width: 100%;
    }

    .leftFooter .inforMation .btn {
        font-size: 14px;
        padding: 10px 30px;
    }

    .leftFooter .contactInfo {
        margin-top: 20px;
    }

    .leftFooter .contactInfo li a svg {
        display: inline-block;
        width: 18px;
    }

    .leftFooter .contactInfo li .text {
        font-size: 14px;
    }

    .leftFooter .contactInfo li {
        padding-right: 10px;
    }

    .leftFooter .contactInfo li:not(:first-child) {
        padding-left: 10px;
    }

    .rightFooter .callSupport {
        font-size: 18px;
        line-height: 29px;
        padding-bottom: 15px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .rightFooter .title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .rightFooter .footerMenu li:not(:last-child) {
        margin-bottom: 10px;
    }

    .rightFooter .footerMenu li .link {
        font-size: 14px;
    }

    .rightFooter .footerMenu {
        margin-bottom: 20px;
    }

    .rightFooter .socialIcon {
        text-align: left;
    }

    .subFooter {
        margin-top: 30px;
        padding-top: 30px;
    }

    .subFooter .legalLink {
        text-align: left;
    }
}

/* Footer Section End */

/* Services Why Cleantech */ 
.ServicesWhyCleantechBanner{
    padding-bottom: 100px;
}
.whyCleantechBannerInner{
    position: relative;
}
.whyCleantechBannerInner video {
    width: 100%;
    height: auto;
}
.whyCleantechBannerInner .bannerImg{
    width: 100%;
    height: auto;
}
.whyCleantechText{ 
    margin-top: -100px;
    width: 100%;
    text-align: center;
}
.whyCleantechText .title{
    color: #181924;
    text-align: center; 
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.96px;
    margin-bottom: 24px;
}
.whyCleantechText  .smallText{
    color: #181924;
        text-align: center; 
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 28px */
        margin-bottom: 30px;
}
.whyCleantechText .saving{
    color: #181924;
    text-align: center; 
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */ 
    width: auto;
    padding: 10px 11px; 
    border-radius: 5px;
     background: #FBF3EA;
}
.whyCleantechText img{
    height: 26px;
 margin-right: 5px;
}
.CleanProducts{
    background: url("img/front-img/cleanproducts-shap.png") #141f6b;
    color: #fff; 
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center; 
    padding: 180px 0;
}
.CleanProducts .rightSide{
    position: absolute;
    left: 0px;
}
.CleanProducts .title{
    color: #FFF; 
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 52.8px */
    letter-spacing: -0.88px;
    margin-bottom: 24px;
}
.CleanProducts  .smallText{
    color: rgba(255, 255, 255, 0.64); 
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28px */
    margin-bottom: 24px;
}
.ProductsFingertip{
    background: url("img/front-img/fingertip-products.png") #fff;
    color: #fff; 
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: top; 
    padding: 150px 0px 0px;
}
.ProductsFingertip .Maintitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    margin-bottom: 20px;
    text-align: center;
}
.ProductsFingertip .infoText {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #181924;
    margin: 0 auto 30px;
    text-align: center;
}
.ProductsFingertip{
    text-align: center;
}
.ProductsFingertip  .ProductsFingertipContact video{
    width: 90%;
    height: auto;
    margin: 0 auto;
} 
.BuildingCleanFuture{ 
    background: url("img/front-img/buildingcleanfuture.png") #fff;
    color: #fff; 
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: top; 
}
.BuildingCleanFuture  .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    text-align: center;
    margin-bottom: 70px;
}
.BuildingCleanFuture  .card-body {
    padding: 30px 30px;
    text-align: center;
}
.BuildingCleanFuture .card { 
    border:0px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 15px 0px;
}
.BuildingCleanFuture  .icons{
 position: absolute;
  right: 25px;
  bottom: 0px;
  width: 80px;
  color: #fff;
  fill: white !important;
  padding: 23px 0;
}

.BuildingCleanFuture .card .title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: -0.56px;
    color: #fff;
    margin-bottom: 0px;
    text-align: left;
    position: relative;
    z-index: 1;
}
.BuildingCleanFuture .card-1{
    background-color: #F69727;
}
.BuildingCleanFuture .card-2{
    background-color: #36B2D9;
} 
.BuildingCleanFuture .card-3{
    background-color: #07C66A;
} 
.BuildingCleanFuture .card-4{
    background-color: #3447D5;
}  
.CleanTechRevolution{
    padding-bottom: 100px;
    position: relative;
}

.CleanTechRevolutionVideo{
    display: inline-block;
    width: 100%;
    position: relative;
  
}
.CleanTechRevolutionVideo::after{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -190px;
    background: url("img/front-img/cleantech-shap.png") ;  
    background-size: cover;
    width: 500px;
    background-size: contain;
    width: 360px;
    height: 250px;
    background-repeat: no-repeat;
}
.CleanTechRevolutionVideo video{
    width: 100%;
}
.CleanTechRevolutionSection{
    display: inline-block;
   /* width: 85%;*/
    padding: 80px 115px 150px 80px;
    border-radius: 4px;
    background: #EAF6FB;
    margin-top: -200px; 
    background: url("img/front-img/cleantech.png") #EAF6FB; 
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom; 
}
.CleanTechRevolutionSection .Maintitle {
    color: #181924; 
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 52.8px */
    letter-spacing: -0.88px;
    margin-bottom: 30px;
}
.CleanTechRevolutionSection .infoText {
    color: rgba(24, 25, 36, 0.64); 
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
    margin: 0px;
}
.SustainabilityStrategySliderInner{
    padding: 150px 0px;
    background: #FBF3EA;
}
.slide-1{
    background: #FBF3EA;
}
.slide-2{
    background: #F2FDF4;
}
.slide-3{
    background: #EAF6FB;
}
.slide-4{
    background: #EAECFB;
}
.SustainabilityStrategySliderInner .mainTitle{
    color:  #181924; 
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 52.8px */
        letter-spacing: -0.88px;
        margin-bottom: 30px;
}
.SustainabilityStrategySliderInner .infoText{
    color: #181924; 
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
    margin-bottom: 0px;
}
.SustainabilityStrategySliderInner .strategyIcon{
    margin-bottom: 25px;
}
.SustainabilityStrategySliderInner .strategyIcon img{
    width: auto;
}
.SustainabilityStrategySliderInner .card{
    max-width: 400px; 
    margin: 0 0 0 auto;
    color: #fff;
    text-align: left;
    border-radius: 8px;
        background: #121B5E; 
        box-shadow: 0px 8px 32px 0px rgba(166, 166, 176, 0.12);
}
.SustainabilityStrategySliderInner .card-body{
    padding: 32px;
}
.SustainabilityStrategySliderInner .card .smalltitle{
    color:#fff; 
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
}
.SustainabilityStrategySliderInner .card .smallInfo{
    color: #fff; 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    margin: 0px;
}
.SustainabilityStrategySliderInner .icons{
    margin-bottom: 20px;
}
.SustainabilityStrategySliderInner .icons img{
    width: auto;
} 
 .SustainabilityStrategySlider  .owl-dots{
    position: absolute;
    bottom: 80px;
    width: 100%;
    justify-content: flex-end;
    display: flex;
    max-width: 1320px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.SustainabilityStrategySlider .owl-dot{
    width: 20px;
    height: 4px;
    background-color: rgb(99, 111, 140, 0.24) !important;
    border-radius: 4px;
    margin: 0px 10px;
}  
.SustainabilityStrategySlider .owl-dot.active{
    background-color: #07C66A !important;
}
.SustainableDevelopment{ 
    padding-top: 150px;
    background: url("img/front-img/sustainabledevelopment.png") #fff;
    color: #fff; 
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center; 
}
.SustainableDevelopment  .mainTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    color: #181924;
    text-align: center;
    margin-bottom: 70px;
}
@media (min-width: 992px){ 
    .SustainableDevelopment .col-lg-2 {
    flex: 0 0 auto;
    width: 20%;
}
}
.SustainableDevelopment .card {
    border: 0px;
    border-radius: 0px;
    position: relative;  
    height: 100%;
}
.SustainableDevelopment .card-body {
    padding: 32px; 
}
.SustainableDevelopment .card .count {
    color: #fff; 
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 56px */
}
.SustainableDevelopment .card  .icons{
    display: inline-block;
    width: 100%;
    margin: 20px 0px;
}
.SustainableDevelopment .card .title {
    color: #fff; 
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}
.SustainableDevelopment .card-1 {
    background-color: #F2CB03;
}
.SustainableDevelopment .card-2 {
    background-color: #F0A613;
}
.SustainableDevelopment .card-3 {
    background-color: #E86A26;
}
.SustainableDevelopment .card-4 {
    background-color: #2D7D3B;
}
.SustainableDevelopment .card-5 {
    background-color: #E23429;
}
@media screen and (min-width:993px) and (max-width: 1700px) {
    .ProductsFingertip { 
        padding: 100px 0px 0px;
        background-size: contain;
    }
    .CleanTechRevolutionSection { 
        padding: 50px 115px 80px 50px;
    }
}
@media only screen and (max-width: 1366px){
    
    .CleanProducts .title,
    .ProductsFingertip .Maintitle,
    .BuildingCleanFuture .mainTitle,
    .CleanTechRevolutionSection .Maintitle,
    .SustainabilityStrategySliderInner .mainTitle,
    .SustainableDevelopment .mainTitle {
    font-size: 38px;
    line-height: 100%;
}
} 
@media screen and (min-width: 993px) and (max-width: 1300px) {
    .whyCleantechText .title { 
        font-size: 34px; 
    }
    .whyCleantechText {
        margin-top: -50px; 
    }
    .ServicesWhyCleantechBanner {
        padding-bottom: 50px;
    }
    .CleanProducts { 
        padding: 100px 0;
    }
    .CleanProducts .rightSide{ 
        width: 50%;
    }
    .CleanProducts .rightSide img{ 
        width: 100%;
    } 
    .BuildingCleanFuture .icons { 
        width: 100px;
    }
    .CleanTechRevolutionSection { 
        padding: 50px;
        width: 80%;
    }
    .SustainabilityStrategySliderInner .mainTitle {
        font-size: 32px;
        line-height: 120%;
    }
    .SustainabilityStrategySliderInner .infoText { 
        font-size: 16px; 
    }
    .SustainableDevelopment {
        padding-top: 100px;
    }
    .SustainableDevelopment .card-body {
        padding: 25px;
    }
    .SustainableDevelopment .card .title { 
        font-size: 18px;  
    }
}
@media screen and (max-width: 992px) {
    .whyCleantechText .title { 
        font-size: 34px; 
    }
    .whyCleantechText {
        margin-top: -50px; 
    }
    .ServicesWhyCleantechBanner {
        padding-bottom: 50px;
    }
    .CleanProducts { 
        padding: 100px 0;
        background-position: inherit;
    } 
    .CleanProducts .rightSide {
        position: inherit; 
     
    }
    .ProductsFingertip { 
        padding: 100px 0px 0px;
        background-size: contain;
    }
    .BuildingCleanFuture .mainTitle { 
        margin: 0 auto 30px;
    }
    .BuildingCleanFuture .card-body {
        padding:  20px;
        text-align: center;
    }
    .BuildingCleanFuture .icons { 
        width: 80px;
    }
    .CleanTechRevolutionSection { 
        padding: 50px;
        width: 80%;
    }
    .CleanTechRevolutionVideo::after { 
        bottom: -100px; 
        width: 210px;
        height: 130px; 
    }
    .SustainabilityStrategySliderInner .card-body {
        padding: 15px;
    }
    .SustainabilityStrategySliderInner .card{
        margin-top: 25px;
        max-width: 100%;
    } 
    .SustainabilityStrategySlider  .owl-dots{ 
        bottom: 20px;
    }
    .SustainabilityStrategySliderInner .strategyIcon img{
        width: 60%;
    } 
    .SustainabilityStrategySliderInner .mainTitle {
        font-size: 32px;
        line-height: 120%;
    }
    .SustainabilityStrategySliderInner .infoText { 
        font-size: 16px; 
    }
}
@media screen and (max-width: 1080px) {
    .SustainabilityStrategySliderInner {
        padding: 50px 0px;
    }
    .SustainabilityStrategySlider  .owl-dots{ 
        bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .whyCleantechText .title { 
        font-size: 30px; 
    }
    .whyCleantechText {
        margin-top: 0px; 
    }
    .ServicesWhyCleantechBanner {
        padding-bottom: 50px;
    }
    .whyCleantechText .smallText { 
        font-size: 16px; 
        line-height: 120%;
        margin-bottom: 20px;
    }
    .whyCleantechText .saving { 
        font-size: 16px;
    }
    .CleanProducts { 
        padding: 50px 0;
    }
    .CleanProducts .rightSide {
        position: inherit; 
    }
    .CleanProducts .rightSide img{ 
        width: 90%;
    } 
    .ProductsFingertip { 
        padding: 80px 0px 0px;
        background-size: contain;
    }
    .ProductsFingertip .infoText { 
        font-size: 16px;
        line-height: 140%; 
    }
    .CleanProducts .title, 
    .ProductsFingertip .Maintitle,
    .BuildingCleanFuture .mainTitle,
    .CleanTechRevolutionSection .Maintitle,
    .SustainabilityStrategySliderInner .mainTitle,
    .SustainableDevelopment .mainTitle{
        font-size: 26px;
        line-height: 32px;
    }
    .CleanProducts .title{
        margin-top: 50px;
    }
    .BuildingCleanFuture .card { 
        margin: 5px 0px;
    }
    .BuildingCleanFuture .card .title {
        font-size: 24px;
    }
    .CleanTechRevolutionSection { 
        padding: 30px;
        width: 100%;
    }
    .CleanTechRevolutionSection .Maintitle{
        margin-bottom: 10px;
    }
    .CleanTechRevolutionSection .infoText,
    .SustainabilityStrategySliderInner .infoText { 
        font-size: 14px;
    }
    .CleanTechRevolutionSection { 
        margin-top: -50px;
    }
    .CleanTechRevolution {
        padding-bottom: 50px; 
    }
    .SustainabilityStrategySliderInner .card-body {
        padding: 15px;
    }
    .SustainabilityStrategySliderInner .card{
        margin-top: 25px;
        max-width: 100%;
    }
    .SustainabilityStrategySliderInner .card .smallInfo{ 
        font-size: 13px; 
    }
 
    .SustainabilityStrategySliderInner .strategyIcon img{
        width: 60%;
    }
    .SustainabilityStrategySliderInner .mainTitle{
        margin-bottom: 10px;
    }
    .SustainableDevelopment .card-body {
        padding: 25px;
    }
    .SustainableDevelopment .card .title { 
        font-size: 18px;  
    }
    .SustainableDevelopment .card .icons { 
        margin: 10px 0px;
    }
    .SustainableDevelopment .card .icons img{ 
        height: 50px;
    }
    .SustainableDevelopment .card .count { 
        font-size: 34px; 
    }
    .SustainableDevelopment {
        padding-top: 50px;
    }
    .SustainableDevelopment .mainTitle { 
        margin-bottom: 30px;
    }
}
/* Services Why Cleantech */

.request .signMain{ padding: 20px 50px 30px}