@charset "UTF-8";

.m-t-5 {
    margin-top: 5px;
}

.p-t-5 {
    padding-top: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.p-l-5 {
    padding-left: 5px;
}

.m-r-5 {
    margin-right: 5px;
}

.p-r-5 {
    padding-right: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.p-t-10 {
    padding-top: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.p-l-10 {
    padding-left: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.p-t-15 {
    padding-top: 15px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.m-l-15 {
    margin-left: 15px;
}

.p-l-15 {
    padding-left: 15px;
}

.m-r-15 {
    margin-right: 15px;
}

.p-r-15 {
    padding-right: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.p-t-20 {
    padding-top: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.m-l-20 {
    margin-left: 20px;
}

.p-l-20 {
    padding-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.p-r-20 {
    padding-right: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.p-t-25 {
    padding-top: 25px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.m-l-25 {
    margin-left: 25px;
}

.p-l-25 {
    padding-left: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.p-r-25 {
    padding-right: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.p-t-30 {
    padding-top: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.m-l-30 {
    margin-left: 30px;
}

.p-l-30 {
    padding-left: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.p-r-30 {
    padding-right: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

.p-t-35 {
    padding-top: 35px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.p-b-35 {
    padding-bottom: 35px;
}

.m-l-35 {
    margin-left: 35px;
}

.p-l-35 {
    padding-left: 35px;
}

.m-r-35 {
    margin-right: 35px;
}

.p-r-35 {
    padding-right: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.p-t-40 {
    padding-top: 40px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.m-l-40 {
    margin-left: 40px;
}

.p-l-40 {
    padding-left: 40px;
}

.m-r-40 {
    margin-right: 40px;
}

.p-r-40 {
    padding-right: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.p-t-45 {
    padding-top: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.p-b-45 {
    padding-bottom: 45px;
}

.m-l-45 {
    margin-left: 45px;
}

.p-l-45 {
    padding-left: 45px;
}

.m-r-45 {
    margin-right: 45px;
}

.p-r-45 {
    padding-right: 45px;
}

.m-t-50 {
    margin-top: 50px;
}

.p-t-50 {
    padding-top: 50px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.m-l-50 {
    margin-left: 50px;
}

.p-l-50 {
    padding-left: 50px;
}

.m-r-50 {
    margin-right: 50px;
}

.p-r-50 {
    padding-right: 50px;
}

.m-t-75 {
    margin-top: 75px;
}

.p-t-75 {
    padding-top: 75px;
}

.m-b-75 {
    margin-bottom: 75px;
}

.p-b-75 {
    padding-bottom: 75px;
}

.m-l-75 {
    margin-left: 75px;
}

.p-l-75 {
    padding-left: 75px;
}

.m-r-75 {
    margin-right: 75px;
}

.p-r-75 {
    padding-right: 75px;
}

.m-t-100 {
    margin-top: 100px;
}

.p-t-100 {
    padding-top: 100px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.m-l-100 {
    margin-left: 100px;
}

.p-l-100 {
    padding-left: 100px;
}

.m-r-100 {
    margin-right: 100px;
}

.p-r-100 {
    padding-right: 100px;
}

@font-face {
    font-family: "EncodeSans-Regular";
    src: url("fonts/EncodeSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "EncodeSans-Regular";
    src: url("fonts/EncodeSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "EncodeSans-Regular";
    src: url("fonts/EncodeSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "EncodeSans-Regular";
    src: url("fonts/EncodeSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "EncodeSans-Regular";
    src: url("fonts/EncodeSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

/**
 * Set up a decent box model on the root element
 */
@keyframes bounce {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}
html {
    box-sizing: border-box;
    font-size: 100%;
    height: 100%;
}
.nav-link {
    font-size: 0.9rem;
}
.rounded-6 {
    border-radius: 2rem;
}
.border-light {
    border: 1px solid #ebe4e4 !important;
}
.what p {
    font-size: 0.9rem;
}
.h3tospan {
    text-transform: capitalize;
    font-size: 1.8rem;
}
.footer ul li {
    list-style: none;
}
.footer .bordertop {
    border-top: 6px solid #ff7700;
}
.footer ul li a {
    font-size: 0.9rem;
    color: black;
}
.icons div {
    width: 10%;
}
.icons img {
    width: 32px;
}
.p_card {
    text-transform: capitalize;
}
.p_card a {
    color: #000;
}
.p_card a:hover {
    text-decoration: none;
}
.p_card:hover {
    border: 1px solid orange !important;

    animation: bounce 0.5s ease infinite;
    transition: all 1s;
}
.action-cards .p_card:hover .p_img {
    transform: scale(1.1);
    transition: all 2s;
}

.about p {
    font-size: 0.9rem;
}

.p_card h6 {
    font-size: 1rem;
    font-weight: 600;
}
.what h1 {
    font-weight: normal;
}
.what h1 span {
    font-weight: bold;
}
body {
    font-family: "EncodeSans-Regular", sans-serif;
    /* font-size: 14px; */
    height: 100%;
    line-height: 1.428571429;
    color: #282c47;
    /* background-color: #f8f8fc; */
    font-weight: 400;
}

/**
   * Basic styles for links
   */
a {
    /* color: $brand-color;*/
    text-decoration: none;
}
a:hover {
    color: #ff7700;
}

img {
    /* max-width: 100%; */
}

.spc_reduce .wpb_content_element {
    margin: 0;
}

/* over flow section */

@media (min-width: 768px) {
    .icons_mob {
        display: none;
    }
}
@media (max-width: 1023px) {
    .road {
        display: none !important;
    }
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }
    .footer .left_menu {
        margin: 1rem;
    }
}
@media (max-width: 992px) {
    .footer .left_menu {
        margin: 1rem;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .icons_mob div {
        /* background-color: red; */
        margin: auto;
    }
    .icons_disk {
        display: none !important;
    }
    .contact-menu {
        width: 60%;
        margin: 0 !important;
    }
    .road {
        display: none;
    }
    .p_card {
        text-align: center;
        margin: 0 auto;
        width: 80%;
    }
    .p_card img {
        width: 50%;
    }
    /* h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 16px;
  }

  h3 {
    font-size: 14px;
  }

  h4,
  .heading4 {
    font-size: 12px;
  } */
}

.modal-active .main-in {
    max-width: 100%;
}

/*bootstrap modal costumization*/
.modal-backdrop {
    background-color: #fff;
}

.modal-content {
    border-radius: 4px;
    box-shadow: 0 0 99px 0 rgba(40, 44, 71, 0.2);
    border: none;
}
.modal-content .close {
    position: absolute;
    right: 25px;
}

.modal-title {
    width: 100%;
}

.static-modal {
    position: relative;
}

.grey-modal {
    overflow: inherit;
}
.grey-modal .modal-dialog {
    max-width: 100%;
    margin: 0;
}
.grey-modal .modal-dialog .modal-content {
    box-shadow: 0 -8px 15px 0 rgba(40, 44, 71, 0.1);
    background-color: #fbfbfb;
}
.grey-modal .modal-inn {
    max-width: 430px;
}
.grey-modal .modal-footer {
    position: relative;
}
.grey-modal .modal-footer .modal-footer-absolute {
    position: absolute;
    top: 0;
    transform: translate(0px, -10px);
    background-color: #fbfbfb;
    padding: 0 5px;
}
.grey-modal .modal-footer .link {
    color: #009bde;
    cursor: pointer;
}

body.home {
    background-color: #fff;
}

.home-section {
    /* max-width: 720px; */
    width: 75%;
    margin: 0 auto;
}

.meter-section {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background-color: #f9fafc;
    background-image: url("../images/level.png");
    background-repeat: no-repeat;
    background-position: 100px 20px;
}
.meter-section .meter-inn {
    z-index: 1;
    position: relative;
    padding: 15px 25px;
}
.meter-section .meter-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 25px;
}
.meter-section:before {
    width: 300px;
    height: 300px;
    position: absolute;
    content: "";
    background-color: #ecf1fc;
    border-radius: 50%;
    right: -5%;
    top: -75%;
}

.ac-title {
    font-size: 20px;
    text-align: center;
}

.action-cards .action-card-block {
    border-radius: 10px;
    height: 170px;
    padding: 15px;
    transition: all ease 0.3s;
    position: relative;
}
.action-cards .action-card-block:before {
    border: solid 1px #9e248d;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    transition: all ease 0.3s;
    box-shadow: 0 0 20px 0 rgba(75, 112, 184, 0.1);
}
.action-cards .action-card-block .ac-heading {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    transition: all ease 0.5s;
}
.action-cards .action-card-block .ac-heading::before {
    position: absolute;
    width: 30px;
    height: 3px;
    content: "";
    background-color: #282c47;
    bottom: -8px;
    transition: all ease 0.2s;
}
.action-cards .action-card-block .ac-heading::after {
    position: absolute;
    width: 30px;
    height: 3px;
    content: "";
    background-color: #ff7700;
    left: 0;
    bottom: -8px;
    opacity: 0;
    transform: translate(-40px);
    transition: all ease 0.5s;
}
.action-cards .action-card-block .ac-img {
    /* position: absolute; */
    /* right: -30px; */
    /* top: 50%; */
    width: 50%;
    /* height: 116px; */
    border-radius: 50%;
    /* margin-top: -58px; */
    transition: all ease 0.3s;
    transform-origin: bottom left;
}
.action-cards .action-card-block .ac-img img {
    margin-top: 20px;
    transition: all ease 0.3s;
    padding-right: 20px;
    position: absolute;
    bottom: 15px;
}
.action-cards .action-card-block .ac-img:after {
    width: 22px;
    height: 22px;
    position: absolute;
    content: "";
    bottom: 0;
    left: -30px;
    border-radius: 50%;
}
.action-cards .action-card-block.personal-loan .ac-img {
    background-color: #e8f8ff;
}
.action-cards .action-card-block.personal-loan .ac-img:after {
    background: #e8f8ff;
}
.action-cards .action-card-block.business-loan .ac-img {
    background-color: #f8eff7;
}
.action-cards .action-card-block.business-loan .ac-img:after {
    background: #f8eff7;
}
.action-cards .action-card-block:hover:before {
    border: solid 2px #9e248d;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 10px 10px;
    transform-origin: bottom left;
    transform: skew(0deg, 1deg);
    box-shadow: 0 4px 20px 0 rgba(75, 112, 184, 0.4);
}
.action-cards .action-card-block:hover .ac-img {
    /* transform: scale(1.1); */
}
.action-cards .action-card-block:hover .ac-heading {
    color: #ff7700;
}
.action-cards .action-card-block:hover .ac-heading:before {
    opacity: 0;
}
.action-cards .action-card-block:hover .ac-heading:after {
    opacity: 1;
    transform: translate(0);
}
.action-cards .action-card-block:hover .right-indicate {
    background-color: #ff7700;
    border-color: #ff7700;
}
.action-cards .action-card-block:hover .right-indicate:before {
    border-left: 8px solid #fff;
}
.action-cards .action-card-block:hover .right-indicate:after {
    border-left: 6px solid #ff7700;
}
.action-cards .ac-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.btn-line.hiw-btn {
    box-shadow: none;
}

.right-indicate {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #282c47;
    border-radius: 50%;
    display: inline-block;
    bottom: 30px;
    transition: all ease 0.3s;
}
.right-indicate:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #282c47;
    left: 50%;
    margin-left: -2px;
    top: 50%;
    margin-top: -8px;
}
.right-indicate:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    left: 50%;
    margin-left: -2px;
    top: 50%;
    margin-top: -6px;
}

#meter {
    margin-bottom: -20px;
}

@media (max-width: 576px) {
    .meter-section {
        background-image: none;
    }
    .meter-section .meter-inn {
        padding: 10px;
    }
    .meter-section:before {
        display: none;
    }
    .meter-section .meter-title {
        font-size: 16px;
        margin-top: 25px;
    }
    .meter-section .video-main {
        background-color: #eaeffe;
        padding: 15px 30px 0 30px;
    }

    #meter {
        margin-bottom: 0;
    }

    .meter-content {
        text-align: center;
    }

    .action-cards .action-card-block .ac-img {
        /* right: 20px; */
    }
}

.main {
    padding: 20px 0;
}

.slide-main {
    overflow: hidden;
}

.main-in {
    max-width: 770px;
    margin: 0 auto;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.main-heading {
    color: #4b70b8;
    font-size: 18px;
    font-weight: 600;
}

.heading-blk {
    margin-bottom: 20px;
}

.small-link a {
    color: #9295a7;
    font-size: 10px;
    margin-left: 20px;
}

.icon {
    margin-right: 5px;
    vertical-align: bottom;
    display: inline-block;
}
.icon.arrow-right svg {
    transform: rotate(180deg);
}
.icon svg {
    display: block;
}

button {
    cursor: pointer;
}
button:focus {
    outline: none;
}

.bottom-fields {
    transition: all ease 0.5s;
    height: 0;
    overflow: hidden;
    transform: scale(0);
}
.bottom-fields.active {
    height: 100%;
    transform: scale(1);
}

.listUl {
    padding-left: 20px;
}
.listUl li {
    list-style: disc;
}
.listUl li:not(:first-child) {
    margin-top: 10px;
}

.otp-group {
    width: 240px;
    overflow: hidden;
    margin: 0 auto;
}
.otp-group .otp-inner {
    left: 0;
    position: sticky;
}
.otp-group .otp-inner .otp-input {
    padding-left: 15px;
    padding-right: 0;
    letter-spacing: 40px;
    border: 0;
    background-image: linear-gradient(
        to left,
        black 70%,
        rgba(255, 255, 255, 0) 0%
    );
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 290px;
    min-width: 290px;
}

.otp-msg {
    font-size: 16px;
}
.otp-msg strong {
    color: #009bde;
}

.progress {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    overflow: inherit;
}
.progress .progress-bar {
    background-color: #ff7700;
    width: 100%;
    transition: height 0.6s ease;
}
.progress .progress-bar .circle {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #fff;
    position: absolute;
    border: 2px solid #ff7700;
    left: 0;
    margin-left: -3px;
    border-radius: 50%;
    transition: all 0.6s ease;
}

.msg-heading {
    box-shadow: 0 5px 8px 0 rgba(40, 44, 71, 0.05);
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    min-height: 93px;
    position: relative;
    overflow: hidden;
}
.msg-heading:before {
    background-color: #009bde;
    border-radius: 50%;
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    margin-top: -35px;
    margin-left: -40px;
}
.msg-heading .icon {
    z-index: 1;
    margin-left: 25px;
}
.msg-heading .heading-content strong {
    color: #009bde;
    font-size: 16px;
}
.msg-heading .heading-content p {
    font-size: 18px;
    font-weight: 500;
}
.msg-heading .heading-content p i {
    font-size: 15px;
}
.msg-heading .heading-content p span {
    color: #ff7700;
    font-weight: 700;
}

.recommend {
    color: #20b274;
    font-size: 10px;
    position: absolute;
    right: 25px;
}
.recommend i {
    background-color: #20b274;
    color: #fff;
    border-radius: 50%;
    font-size: 5px;
    padding: 3px;
    vertical-align: middle;
    margin-right: 2px;
}

.income-verification-note {
    line-height: 1.86;
}

.pipeUL li:not(:first-child) {
    border-left: 1px solid rgba(40, 44, 71, 0.1);
    margin-left: 10px;
    padding-left: 10px;
}
.pipeUL li a {
    color: #282c47;
}

.notes {
    color: rgba(40, 44, 71, 0.5);
}

.progress-component .pc-block {
    color: #4b70b8;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
}
.progress-component .pc-block:not(:first-child) {
    margin-left: 40px;
}
.progress-component .pc-block:not(:first-child):before {
    height: 2px;
    width: 30%;
    content: "";
    background-color: #d4d7ee;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: -40px;
}
.progress-component .pc-block:not(:last-child) {
    margin-right: 40px;
}
.progress-component .pc-block:not(:last-child):after {
    height: 2px;
    width: 30%;
    content: "";
    background-color: #d4d7ee;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: -40px;
}
.progress-component .pc-block .icon {
    font-size: 24px;
    text-align: center;
}
.progress-component .pc-block .icon i {
    display: block;
    line-height: 34px;
}
.progress-component .pc-block .icon .completeIcon {
    display: none;
}
.progress-component .pc-block.active {
    color: #ff7700;
}
.progress-component .pc-block.active:before,
.progress-component .pc-block.active:after {
    background-color: #ff7700;
}
.progress-component .pc-block.active .icon {
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    background-color: #ff7700;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.progress-component .pc-block.complete .icon {
    border-radius: 50%;
    border: 1px solid #ff7700;
    background-color: #fff;
}
.progress-component .pc-block.complete .icon .completeIcon {
    display: block;
    color: #ff7700;
    font-size: 12px;
}
.progress-component .pc-block.complete .icon .activeIcon {
    display: none;
}

.loan-option {
    border-top: 1px solid #f2f2f2;
}
.loan-option .title {
    font-size: 16px;
    font-weight: 500;
}
.loan-option .custom-radio {
    margin-left: 10px;
}
.loan-option .custom-radio label {
    min-height: 30px;
    min-width: 80px;
    margin-bottom: 0;
}

.progress-form {
    position: relative;
}
.progress-form:before {
    width: 3px;
    height: 100%;
    background-color: #ff7700;
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
}
.progress-form form {
    padding-left: 45px;
    position: relative;
}

.form-group {
    margin-bottom: 30px;
}

.form-control {
    height: 40px;
    border-radius: 2px;
    border: solid 1px rgba(40, 44, 71, 0.2);
}
.form-control:focus {
    box-shadow: none;
}

.control-note {
    color: rgba(40, 44, 71, 0.6);
    font-size: 12px;
    margin-left: 12px;
}

.custom-select {
    background: url(../images/icons/arrow-down.svg) no-repeat center right;
    background-position: 95% 50%;
}

.has-float-label {
    position: relative;
}
.has-float-label.focused label,
.has-float-label.populated label {
    background-color: #fff;
    font-size: 75%;
    top: -8px;
    line-height: inherit;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
.has-float-label.focused label {
    color: #009bde;
}
.has-float-label.focused .form-control {
    border-color: #009bde;
}
.has-float-label label {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 12px;
    top: 0;
    padding: 0 5px;
    margin-bottom: 0;
    cursor: default;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.has-float-label .input-group .input-group-text {
    background-color: transparent;
    border-radius: 2px;
}

.column-flex .custom-radio label {
    flex-direction: column;
}

.row-flex .custom-radio label .icon {
    margin-right: 12px;
}
.row-flex .custom-radio label .svg-active {
    margin-top: -18px;
}

.custom-radio label {
    width: 100%;
    min-height: 80px;
    padding: 0 13px;
    border-radius: 2px;
    box-shadow: 0 4px 5px 0 rgba(40, 44, 71, 0.06);
    border: solid 1px rgba(40, 44, 71, 0.15);
    background-color: #fafbff;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all ease 0.5s;
    cursor: pointer;
}
.custom-radio label svg {
    transition: all ease 0.5s;
}
.custom-radio .svg-active {
    opacity: 0;
    transform: scale(0);
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.custom-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.custom-radio input[type="radio"]:checked + label {
    border-color: #009bde;
    color: #009bde;
    cursor: auto;
}
.custom-radio input[type="radio"]:checked + label .svg {
    transform: scale(0);
    opacity: 0;
}
.custom-radio input[type="radio"]:checked + label .svg-active {
    opacity: 1;
    transform: scale(1);
}
.custom-radio .icon {
    margin: 0;
}
.custom-radio .icon i {
    font-size: 1.9rem;
}
.custom-radio .text-block .heading {
    font-size: 14px;
}
.custom-radio .text-block p,
.custom-radio .text-block .text {
    font-size: 12px;
}
.custom-radio .text-block p {
    color: rgba(40, 44, 71, 0.7);
    margin: 0;
}

.custom-control-label {
    color: rgba(40, 44, 71, 0.7);
    font-size: 10px;
}

.after-otp {
    display: none;
}

.radio-tags .custom-radio {
    margin: 0 5px;
}
.radio-tags .custom-radio label {
    width: auto;
    display: inline-flex;
    border-radius: 4px;
    border: solid 1px rgba(40, 44, 71, 0.1);
    background-color: #fff;
    min-height: 30px;
    padding: 0 10px;
}
.radio-tags .custom-radio label img {
    width: 15px;
    margin-right: 10px;
}

.range-slider-block .rangeslider .rangeslider__fill {
    background: #ff7700;
}
.range-slider-block .rangeslider .rangeslider__handle {
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 10px 0 rgba(40, 44, 71, 0.3);
    border: none;
}
.range-slider-block .rangeslider .rangeslider__handle:after {
    width: 8px;
    height: 8px;
    background: #009bde;
}
.range-slider-block .rangeslider.rangeslider--horizontal {
    height: 10px;
    box-shadow: none;
}
.range-slider-block .rangeslider.rangeslider--horizontal .rangeslider__handle {
    top: 50%;
    margin-top: -10px;
}
.range-slider-block .rangeInput {
    position: relative;
}
.range-slider-block .rangeInput label {
    font-size: 18px;
    font-weight: 500;
    color: #4b70b8;
}
.range-slider-block .rangeInput .priceInput {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding-left: 35px;
    padding-right: 35px;
}
.range-slider-block .rangeInput .priceBtn.btn-lineSecondary {
    border-radius: 4px;
    font-size: 35px;
    min-width: 32px;
    position: absolute;
}
.range-slider-block .rangeInput .priceBtn.btn-lineSecondary span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.range-slider-block .rangeInput .minPrice {
    left: 0;
}
.range-slider-block .rangeInput .minPrice span:before {
    content: "-";
    margin-top: -2px;
}
.range-slider-block .rangeInput .maxPrice {
    right: 0;
}
.range-slider-block .rangeInput .maxPrice span:before {
    content: "+";
}
.range-slider-block .range-slider-outer {
    position: relative;
}
.range-slider-block .range-slider-outer .range-text {
    color: #858585;
    position: absolute;
    bottom: -30px;
}
.range-slider-block .range-slider-outer .range-text.min {
    left: 0;
}
.range-slider-block .range-slider-outer .range-text.max {
    right: 0;
}
.range-slider-block .range-slider-outer output {
    position: absolute;
    left: 50%;
    bottom: 20px;
    color: #009bde;
    font-weight: 500;
}

.preloadBody {
    overflow: hidden;
}
@keyframes moveCarright {
    0% {
        right: 0;
    }
    50% {
        right: 50%;
    }
    100% {
        right: 100%;
    }
}
@keyframes moveCarleft {
    0% {
        left: 0;
    }
    50% {
        left: 50%;
    }
    100% {
        left: 100%;
    }
}
.vehicle1 {
    position: absolute;
    bottom: 20px;
    width: 100px;
    /* height: 40px; */

    animation: moveCarright 5s infinite steps(100);
}
.vehicle2 {
    position: absolute;
    bottom: 20px;
    width: 100px;
    /* height: 40px; */

    animation: moveCarright 8s infinite steps(100);
}

.vehicle3 {
    position: absolute;
    bottom: 10px;
    width: 100px;
    /* height: 40px; */

    animation: moveCarleft 10s infinite steps(100);
}
.vehicle4 {
    position: absolute;
    bottom: 20px;
    width: 100px;
    /* height: 40px; */

    animation: moveCarleft 8s infinite steps(100);
}
.loaderMid {
    max-width: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100px;
}

.preloader-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 2;
}

.percentage {
    z-index: 100;
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
}

.loader,
.percentage {
    height: 10px;
    width: 100%;
    border-radius: 20px;
    font-weight: 300;
}

.loader:after,
.percentage:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trackbar {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    opacity: 0.99;
    background-color: #c2cee4;
}

.loadbar {
    width: 0%;
    height: 100%;
    background: #ff7700;
    box-shadow: 0px 0px 14px 1px #ff7700;
    position: absolute;
    top: 0;
    left: 0;
    animation: flicker 5s infinite;
    overflow: hidden;
}

.glow {
    width: 0%;
    height: 0%;
    border-radius: 20px;
    box-shadow: 0px 0px 60px 10px #ff7700;
    position: absolute;
    bottom: -5px;
    animation: animation 5s infinite;
}

@keyframes animation {
    10% {
        opacity: 0.9;
    }
    30% {
        opacity: 0.86;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.75;
    }
}
@media (max-width: 576px) {
    .footer .left_menu {
        margin: 1rem;
    }
}
.gj-button-md,
.gj-text-align-center {
    text-align: center;
}

.gj-button-md,
.gj-modal {
    overflow: hidden;
    outline: 0;
}

.gj-button-md,
.gj-button-md-group {
    position: relative;
    vertical-align: middle;
}

.gj-button,
.gj-button-md,
.gj-cursor-pointer {
    cursor: pointer;
}

.gj-button {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #000;
    border-radius: 3px;
    padding: 6px 10px;
}

.gj-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gj-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gj-margin-left-5 {
    margin-left: 5px;
}

.gj-margin-left-10 {
    margin-left: 10px;
}

.gj-width-full {
    width: 100%;
}

.gj-font-size-16 {
    font-size: 16px;
}

.gj-hidden {
    display: none;
}

.gj-button-md {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.87);
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    line-height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gj-button-md:hover {
    background-color: rgba(158, 158, 158, 0.2);
}

.gj-button-md:disabled {
    color: rgba(0, 0, 0, 0.26);
    background: 0 0;
}

.gj-button-md .gj-icon,
.gj-button-md .material-icons {
    vertical-align: middle;
}

.gj-button-md.gj-button-md-icon {
    width: 24px;
    height: 31px;
    min-width: 24px;
    padding: 0;
    display: table;
}

ul.gj-list-bootstrap li [data-role="image"],
ul.gj-list-md li [data-role="checkbox"],
ul.gj-list-md li [data-role="image"] {
    height: 24px;
    width: 24px;
}

.gj-button-md.gj-button-md-icon .gj-icon,
.gj-button-md.gj-button-md-icon .material-icons {
    display: table-cell;
    margin-right: 0;
    width: 24px;
    height: 24px;
}

.gj-button-md.active {
    background-color: rgba(158, 158, 158, 0.4);
}

.gj-button-md-group {
    display: inline-block;
}

.gj-textbox-md:active,
.gj-textbox-md:focus {
    border-bottom: 2px solid rgba(0, 0, 0, 0.42);
    outline: 0;
}

.gj-textbox-md::placeholder {
    color: #8e8e8e;
}

.gj-textbox-md:-ms-input-placeholder {
    color: #8e8e8e;
}

.gj-textbox-md::-ms-input-placeholder {
    color: #8e8e8e;
}

.gj-md-spacer-24 {
    min-width: 24px;
    width: 24px;
    display: inline-block;
}

.gj-md-spacer-32 {
    min-width: 32px;
    width: 32px;
    display: inline-block;
}

.gj-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1203;
    display: none;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.54118);
    transition: 0.2s ease opacity;
    will-change: opacity;
}

ul.gj-list li [data-role="wrapper"] {
    display: table;
    width: 100%;
}

ul.gj-list li [data-role="checkbox"],
ul.gj-list li [data-role="image"] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

ul.gj-list li [data-role="display"] {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

ul.gj-list li [data-role="display"]:empty:before {
    content: "​";
}

ul.gj-list-bootstrap {
    padding-left: 0;
    margin-bottom: 0;
}

ul.gj-list-bootstrap li {
    padding: 0;
}

ul.gj-list-bootstrap li [data-role="wrapper"] {
    padding: 0 10px;
}

ul.gj-list-bootstrap li [data-role="checkbox"] {
    width: 24px;
    padding: 3px;
}

ul.gj-list-bootstrap li [data-role="display"] {
    padding: 8px 0 8px 4px;
}

.list-group-item.active ul li,
.list-group-item.active:focus ul li,
.list-group-item.active:hover ul li {
    text-shadow: none;
    color: initial;
}

ul.gj-list-md {
    padding: 0;
    list-style: none;
    line-height: 24px;
    letter-spacing: 0;
    color: #616161;
}

.gj-picker-md,
ul.gj-list-md li {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
}

ul.gj-list-md li {
    display: list-item;
    list-style-type: none;
    padding: 0;
    min-height: unset;
    box-sizing: border-box;
    align-items: center;
    cursor: default;
    overflow: hidden;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

ul.gj-list-md li [data-role="display"] {
    padding: 8px 0 8px 5px;
    order: 0;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

ul.gj-list-md li.disabled > [data-role="wrapper"] > [data-role="display"] {
    color: #9e9e9e;
}

.gj-list-md-active {
    background: #e0e0e0;
    color: #3f51b5;
}

.gj-picker {
    position: absolute;
    z-index: 1203;
    background-color: #fff;
}

.gj-picker .selected {
    color: #fff;
}

.gj-picker-md {
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e0e0e0;
}

.gj-modal .gj-picker-md {
    border: 0;
}

.gj-picker-md [role="header"] {
    color: rgba(255, 255, 255, 0.54);
    display: flex;
    background: #2196f3;
    align-items: baseline;
    user-select: none;
    justify-content: center;
}

.gj-picker-md [role="footer"] {
    float: right;
    padding: 10px;
}

.gj-picker-md [role="footer"] button.gj-button-md {
    color: #2196f3;
    font-weight: 700;
    font-size: 13px;
}

.gj-picker-bootstrap {
    border: 1px solid #e0e0e0;
}

.gj-picker-bootstrap .selected {
    color: #888;
}

.gj-picker-bootstrap [role="header"] {
    background: #eee;
    color: #aaa;
}

.gj-draggable {
    cursor: move;
}

.gj-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1203;
}

.gj-dialog-bootstrap [data-role="title"],
.gj-dialog-bootstrap4 [data-role="title"] {
    display: inline;
}

.gj-dialog-bootstrap,
.gj-dialog-bootstrap4,
.gj-dialog-md {
    z-index: 1202;
    overflow: hidden;
}

.gj-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.gj-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.gj-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.gj-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.gj-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.gj-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.gj-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.gj-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.gj-dialog-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0;
}

.gj-dialog-scrollable [data-role="body"] {
    overflow-x: hidden;
    overflow-y: scroll;
}

.gj-dialog-bootstrap [data-role="close"] {
    line-height: 1.42857143;
}

.gj-dialog-bootstrap4 [data-role="close"] {
    line-height: 1.5;
}

.gj-dialog-md {
    background-color: #fff;
    border: none;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),
        0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.gj-dialog-md-header {
    padding: 24px 24px 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.gj-dialog-md-title {
    margin: 0;
    font-weight: 400;
    display: inline;
    line-height: 28px;
    font-size: 20px;
}

.gj-dialog-md-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 28px;
    font-size: 28px;
}

.gj-dialog-md-body {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, 0.54);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.gj-dialog-md-footer {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.gj-dialog-md-footer > :first-child {
    margin-right: 0;
}

.gj-dialog-md-footer > * {
    margin-right: 8px;
    height: 36px;
}

DIV.gj-grid-wrapper {
    margin: auto;
    position: relative;
    clear: both;
    z-index: 1;
}

TABLE.gj-grid {
    margin: auto;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

TABLE.gj-grid THEAD TH [data-role="selectAll"] {
    margin: auto;
}

table.gj-grid-bootstrap thead th [data-role="sorticon"],
table.gj-grid-md thead th [data-role="sorticon"] {
    margin-left: 5px;
}

TABLE.gj-grid THEAD TH [data-role="title"],
TABLE.gj-grid THEAD TH [data-role="sorticon"] {
    display: inline-block;
}

TABLE.gj-grid THEAD TH {
    overflow: hidden;
    text-overflow: ellipsis;
}

TABLE.gj-grid.autogrow-header-row THEAD TH {
    overflow: auto;
    text-overflow: initial;
    white-space: pre-wrap;
    -ms-word-break: break-word;
    word-break: break-word;
}

TABLE.gj-grid > tbody > tr > td {
    overflow: hidden;
    position: relative;
}

table.gj-grid tbody div[data-role="display"] {
    vertical-align: middle;
    text-indent: 0;
    white-space: pre-wrap;
    -ms-word-break: break-word;
    word-break: break-word;
}

table.gj-grid.fixed-body-rows tbody div[data-role="display"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-word-break: initial;
    word-break: initial;
}

DIV.gj-grid-wrapper DIV.gj-grid-loading-text {
    position: absolute;
    font-weight: 700;
}

table.gj-grid-bootstrap thead th {
    background-color: #f5f5f5;
    vertical-align: middle;
}

table.gj-grid-bootstrap thead th [data-role="sorticon"] i.gj-icon,
table.gj-grid-bootstrap thead th [data-role="sorticon"] i.material-icons {
    position: absolute;
    font-size: 20px;
    top: 15px;
}

table.gj-grid-bootstrap tbody tr td div[data-role="display"] {
    padding: 0;
}

.gj-grid-bootstrap-4 .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 2px;
}

.gj-grid-bootstrap-4 tbody tr.active {
    background-color: rgba(0, 0, 0, 0.075);
}

.gj-grid-md {
    position: relative;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    background-color: #fff;
}

.gj-grid-md td:first-of-type,
.gj-grid-md th:first-of-type {
    padding-left: 24px;
}

.gj-grid-md td,
.gj-grid-md th {
    padding: 12px 18px;
    position: relative;
    box-sizing: border-box;
}

.gj-grid-md th {
    vertical-align: bottom;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0;
    height: 56px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    text-align: right;
}

.gj-grid-md td {
    height: 48px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

.gj-grid-bootstrap tbody tr.gj-grid-top-border td,
.gj-grid-md tbody tr.gj-grid-top-border td {
    border-top: 2px solid #777;
}

.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,
.gj-grid-md tbody tr.gj-grid-bottom-border td {
    border-bottom: 2px solid #777;
}

.gj-grid-md tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color;
}

.gj-grid-md tbody tr:hover {
    background-color: #eee;
}

.gj-grid-md tbody tr.gj-grid-md-select {
    background-color: #f5f5f5;
}

table.gj-grid-md thead th [data-role="sorticon"] i.gj-icon,
table.gj-grid-md thead th [data-role="sorticon"] i.material-icons {
    position: absolute;
    font-size: 16px;
    top: 19px;
}

table.gj-grid-md thead th.gj-grid-select-all {
    padding-bottom: 3px;
}

@media only all {
    td.display-1120,
    td.display-320,
    td.display-480,
    td.display-640,
    td.display-800,
    td.display-960,
    th.display-1120,
    th.display-320,
    th.display-480,
    th.display-640,
    th.display-800,
    th.display-960 {
        display: none;
    }
}
@media screen and (min-width: 20em) {
    TABLE.gj-grid-bootstrap td.display-320,
    TABLE.gj-grid-bootstrap th.display-320 {
        display: table-cell;
    }
}
@media screen and (min-width: 30em) {
    TABLE.gj-grid-bootstrap td.display-480,
    TABLE.gj-grid-bootstrap th.display-480 {
        display: table-cell;
    }
}
@media screen and (min-width: 40em) {
    TABLE.gj-grid-bootstrap td.display-640,
    TABLE.gj-grid-bootstrap th.display-640 {
        display: table-cell;
    }
}
@media screen and (min-width: 50em) {
    TABLE.gj-grid-bootstrap td.display-800,
    TABLE.gj-grid-bootstrap th.display-800 {
        display: table-cell;
    }
}
@media screen and (min-width: 60em) {
    TABLE.gj-grid-bootstrap td.display-960,
    TABLE.gj-grid-bootstrap th.display-960 {
        display: table-cell;
    }
}
@media screen and (min-width: 70em) {
    TABLE.gj-grid-bootstrap td.display-1120,
    TABLE.gj-grid-bootstrap th.display-1120 {
        display: table-cell;
    }
}
.gj-grid-md tfoot tr th {
    padding-right: 14px;
}

.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-mdl-pager-label {
    padding-left: 5px;
    padding-right: 5px;
}

.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md {
    margin-left: 12px;
}

.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
}

.gj-grid-md
    tfoot
    tr[data-role="pager"]
    .gj-dropdown-md
    [role="presenter"]
    [role="display"] {
    text-align: right;
}

.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-md-limit-select {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
}

.gj-grid-bootstrap tfoot tr[data-role="pager"] th {
    line-height: 30px;
    background-color: #f5f5f5;
}

.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > button,
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > div {
    margin-right: 5px;
}

.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div button {
    height: 34px;
}

.gj-grid-bootstrap-4
    tfoot
    tr[data-role="pager"]
    th
    div
    .gj-dropdown-bootstrap-4
    .gj-dropdown-expander-mi
    .gj-icon {
    top: 5px;
}

.gj-grid-bootstrap-3 tfoot tr[data-role="pager"] th > div > input {
    margin-right: 5px;
    width: 40px;
    text-align: right;
    display: inline-block;
    font-weight: 700;
}

.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div > div.input-group {
    width: 40px;
}

.gj-grid-bootstrap-4
    tfoot
    tr[data-role="pager"]
    th
    > div
    > div.input-group
    input {
    text-align: right;
    font-weight: 700;
    height: 34px;
    padding-top: 2px;
    padding-bottom: 6px;
}

.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > select {
    display: inline-block;
    margin-right: 5px;
    width: 60px;
}

.gj-grid-bootstrap
    tfoot
    tr[data-role="pager"]
    th
    .gj-dropdown-bootstrap
    .gj-list-bootstrap
    [data-role="display"] {
    line-height: 14px;
}

.gj-grid-bootstrap
    tfoot
    tr[data-role="pager"]
    th
    .gj-dropdown-bootstrap
    [role="presenter"]
    [role="display"] {
    font-weight: 700;
}

.gj-grid-bootstrap
    tfoot
    tr[data-role="pager"]
    th
    .gj-dropdown-bootstrap-3
    [role="presenter"] {
    padding: 2px 8px;
}

.gj-grid-bootstrap
    tfoot
    tr[data-role="pager"]
    th
    .gj-dropdown-bootstrap-4
    [role="presenter"] {
    padding: 1px 8px;
}

.gj-grid thead tr th div.gj-grid-column-resizer-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    padding: 0;
}

span.gj-grid-column-resizer {
    position: absolute;
    right: 0;
    width: 10px;
    top: -100px;
    height: 300px;
    z-index: 1203;
    cursor: e-resize;
}

.gj-grid-resize-cursor {
    cursor: e-resize;
}

.gj-grid-md tbody tr td.gj-grid-left-border,
.gj-grid-md thead tr th.gj-grid-left-border {
    border-left: 3px solid #777;
}

.gj-grid-md tbody tr td.gj-grid-right-border,
.gj-grid-md thead tr th.gj-grid-right-border {
    border-right: 3px solid #777;
}

.gj-grid-bootstrap tbody tr td.gj-grid-left-border,
.gj-grid-bootstrap thead tr th.gj-grid-left-border {
    border-left: 5px solid #ddd;
}

.gj-grid-bootstrap tbody tr td.gj-grid-right-border,
.gj-grid-bootstrap thead tr th.gj-grid-right-border {
    border-right: 5px solid #ddd;
}

.gj-dirty {
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}

.gj-grid-md tbody tr td.gj-grid-management-column {
    padding: 3px;
}

.gj-grid-md tbody tr td[data-mode="edit"] {
    padding: 0 18px;
}

.gj-grid-bootstrap tbody tr td[data-mode="edit"],
.gj-grid-bootstrap tbody tr td[data-mode="edit"] [data-role="edit"],
.gj-grid-md tbody .gj-dropdown-md [role="presenter"] [role="display"] {
    padding: 0;
}

.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column {
    padding: 3px;
}

.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] {
    height: 38px;
}

.gj-grid-bootstrap-3
    tbody
    tr
    td[data-mode="edit"]
    [data-role="edit"]
    input[type="text"] {
    height: 37px;
    padding: 8px;
}

.gj-grid-bootstrap-3
    tbody
    tr
    td[data-mode="edit"]
    .gj-dropdown-bootstrap
    [role="presenter"] {
    border: 0;
    border-radius: 0;
    height: 37px;
    padding-left: 8px;
}

.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
    height: 37px;
}

.gj-grid-bootstrap-3
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="input"] {
    height: 37px;
    border: 0;
    border-radius: 0;
}

.gj-grid-bootstrap-3
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="right-icon"] {
    border: 0;
    border-radius: 0;
}

.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 10px;
    height: 32px;
}

.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column {
    padding: 6px;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    [data-role="edit"]
    input[type="text"] {
    height: 48px;
    padding-left: 12px;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-dropdown-bootstrap
    [role="presenter"] {
    border: 0;
    border-radius: 0;
    height: 48px;
    padding-left: 12px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-dropdown-bootstrap-4
    [role="expander"].gj-dropdown-expander-mi
    .gj-icon,
.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-dropdown-bootstrap-4
    [role="expander"].gj-dropdown-expander-mi
    .material-icons {
    top: 13px;
}

.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
    height: 48px;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="input"] {
    height: 48px;
    border: 0;
    border-radius: 0;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="right-icon"] {
    background-color: #fff;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="right-icon"]
    button {
    border: 0;
    border-radius: 0;
    width: 43px;
    position: relative;
}

.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="right-icon"]
    .gj-icon,
.gj-grid-bootstrap-4
    tbody
    tr
    td[data-mode="edit"]
    .gj-datepicker-bootstrap
    [role="right-icon"]
    .material-icons {
    top: 13px;
    left: 10px;
    font-size: 24px;
}

.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 15px;
    height: 42px;
}

.gj-grid-md thead tr[data-role="filter"] th {
    border-top: 1px solid #e0e0e0;
}

div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar {
    background-color: #f5f5f5;
    padding: 8px;
    font-weight: 700;
    border: 1px solid #ddd;
}

div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
    background-color: #f5f5f5;
    padding: 12px;
    font-weight: 700;
    border: 1px solid #ddd;
}

div.gj-grid-wrapper div.gj-grid-md-toolbar {
    font-weight: 700;
    font-size: 24px;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 0;
    border-collapse: collapse;
    padding: 0 18px;
    line-height: 56px;
}

.gj-checkbox-bootstrap,
.gj-checkbox-md {
    min-width: 0;
    font-weight: 400;
    text-align: center;
    position: relative;
}

table.gj-grid-scrollable tbody {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

table.gj-grid-md.gj-grid-scrollable {
    border-bottom: 0;
}

table.gj-grid-md.gj-grid-scrollable tbody {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

table.gj-grid-md.gj-grid-scrollable tfoot {
    border-bottom: 1px solid #e0e0e0;
}

table.gj-grid-bootstrap.gj-grid-scrollable {
    border-bottom: 0;
}

table.gj-grid-bootstrap.gj-grid-scrollable tbody {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.gj-grid-bootstrap.gj-grid-scrollable
    tbody
    tr[data-role="row"]:first-child
    td {
    border-top: 0;
}

table.gj-grid-bootstrap.gj-grid-scrollable
    tbody
    tr[data-role="row"]
    td:first-child {
    border-left: 0;
}

table.gj-grid-bootstrap.gj-grid-scrollable
    tbody
    tr[data-role="row"]
    td:last-child {
    border-right: 0;
}

table.gj-grid-bootstrap.gj-grid-scrollable tfoot {
    border-bottom: 1px solid #ddd;
}

ul.gj-list li [data-role="spacer"] {
    display: table-cell;
}

ul.gj-list li [data-role="expander"] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

[data-type="tree"] ul li [data-role="expander"].gj-tree-font-awesome-expander,
[data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander,
[data-type="tree"]
    ul
    li
    [data-role="expander"].gj-tree-material-icons-expander {
    width: 24px;
}

[data-type="tree"]
    ul
    li
    [data-role="expander"].gj-tree-glyphicons-expander
    .glyphicon {
    top: 4px;
    height: 24px;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
    border: 0;
    border-radius: 0;
    color: #333;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
    color: #fff;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled {
    color: #777;
    background-color: #eee;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li {
    border: 0;
    border-radius: 0;
    color: #212529;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
    color: #fff;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled {
    color: #868e96;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
    width: 100%;
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li {
    border: 1px solid #ddd;
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li {
    border-left: 0;
    border-right: 0;
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.gj-tree-bootstrap-border
    ul.gj-list-bootstrap
    li
    ul.gj-list-bootstrap
    li:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.gj-tree-bootstrap-border
    ul.gj-list-bootstrap
    li
    ul.gj-list-bootstrap
    li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander {
    padding-top: 8px;
    padding-bottom: 4px;
}

.gj-tree-drag-el,
.gj-tree-drag-el li {
    padding: 0;
    margin: 0;
}

ul.gj-list-bootstrap
    li
    [data-role="expander"].gj-tree-material-icons-expander
    .gj-icon {
    width: 24px;
    height: 24px;
}

ul.gj-list-md li.disabled > [data-role="wrapper"] > [data-role="expander"] {
    color: #9e9e9e;
}

.gj-tree-md-border ul.gj-list-md li {
    border: 1px solid #616161;
    margin-bottom: -1px;
}

.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li {
    border-left: 0;
    border-right: 0;
}

.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child {
    border-bottom: 0;
}

.gj-tree-drop-above {
    border-top: 1px solid #000;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above {
    border-top: 2px solid #000;
}

.gj-tree-drop-below {
    border-bottom: 1px solid #000;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below {
    border-bottom: 2px solid #000;
}

.gj-tree-drag-el {
    z-index: 1203;
}

.gj-tree-drag-el [data-role="wrapper"] {
    cursor: move;
    display: table;
}

.gj-tree-drag-el [data-role="indicator"] {
    width: 14px;
    padding: 0 3px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gj-tree-bootstrap-drag-el li.list-group-item {
    border: 0;
    background: unset;
}

.gj-tree-bootstrap-drag-el [data-role="indicator"],
.gj-tree-md-drag-el [data-role="indicator"] {
    width: 24px;
    height: 24px;
    padding: 0;
}

.gj-checkbox-bootstrap {
    font-size: 0;
    margin: 0;
    width: 18px;
    height: 18px;
    display: inline;
}

.gj-checkbox-bootstrap input[type="checkbox"] {
    display: none;
    margin-bottom: -12px;
}

.gj-checkbox-bootstrap span {
    background: #fff;
    display: block;
    content: " ";
    width: 18px;
    height: 18px;
    line-height: 11px;
    font-size: 11px;
    padding: 2px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: box-shadow 0.2s linear, border-color 0.2s linear;
    cursor: pointer;
    margin: auto;
}

.gj-checkbox-bootstrap input[type="checkbox"]:focus + span:before {
    outline: 0;
    box-shadow: 0 0 0 0 #66afe9, 0 0 6px rgba(102, 175, 233, 0.6);
    border-color: #66afe9;
}

.gj-datepicker-bootstrap :active,
.gj-datepicker-bootstrap :focus,
.gj-timepicker-bootstrap :active,
.gj-timepicker-bootstrap :focus {
    box-shadow: none;
}

.gj-checkbox-bootstrap input[type="checkbox"][disabled] + span {
    opacity: 0.6;
    cursor: not-allowed;
}

.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
    line-height: 16px;
    padding: 0;
}

.gj-checkbox-bootstrap-4.gj-checkbox-material-icons
    input[type="checkbox"]:checked
    + span:after,
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons
    input[type="checkbox"]:indeterminate
    + span:after {
    font-size: 16px;
}

.gj-checkbox-md {
    font-size: 0;
    margin: 0;
    width: 16px;
    height: 16px;
}

.gj-checkbox-md input[type="checkbox"] {
    display: none;
    margin-bottom: -12px;
}

.gj-checkbox-md span {
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #616161;
    border-radius: 2px;
    z-index: 2;
}

.gj-checkbox-md input[type="checkbox"]:checked + span {
    border: 2px solid #536dfe;
}

.gj-checkbox-md input[type="checkbox"]:checked + span:after {
    color: #fff;
    background-color: #536dfe;
    position: absolute;
    left: 1px;
    top: -15px;
}

.gj-checkbox-md input[type="checkbox"]:indeterminate + span {
    border: 2px solid #616161;
}

.gj-checkbox-md input[type="checkbox"]:indeterminate + span:after {
    color: #616161;
    position: absolute;
    left: 1px;
    top: -15px;
}

.gj-checkbox-md input[type="checkbox"][disabled] + span {
    border: 2px solid #9e9e9e;
}

.gj-editor-md,
.gj-editor-md [role="body"] {
    border: 1px solid rgba(158, 158, 158, 0.2);
}

.gj-checkbox-md input[type="checkbox"][disabled] + span:after {
    background-color: #9e9e9e;
}

.gj-checkbox-md input[type="checkbox"][disabled]:indeterminate + span:after {
    color: #fff;
}

.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
    content: "";
    font-size: 14px;
    font-weight: 700;
    white-space: pre;
}

.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
    content: "";
    font-size: 14px;
    font-weight: 700;
    white-space: pre;
}

.gj-checkbox-glyphicons input[type="checkbox"]:checked + span:after {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    content: "";
}

.gj-checkbox-glyphicons input[type="checkbox"]:indeterminate + span:after {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    content: "−";
    padding-right: 1px;
}

.gj-checkbox-fontawesome .fa {
    font-size: 14px;
}

.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa {
    line-height: 18px;
}

.gj-checkbox-fontawesome input[type="checkbox"]:checked + span:before {
    content: "";
}

.gj-checkbox-fontawesome input[type="checkbox"]:indeterminate + span:before {
    content: "";
}

.gj-editor [role="body"] {
    overflow: auto;
    outline: transparent solid 0;
    box-sizing: border-box;
}

.gj-editor-md {
    padding: 7px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.gj-editor-md [role="toolbar"] {
    margin-bottom: 7px;
}

.gj-editor-md [role="toolbar"] .gj-button-md {
    min-width: 54px;
    margin-right: 5px;
}

.gj-editor-md [role="toolbar"] .gj-button-md .gj-icon {
    width: 24px;
    height: 24px;
}

.gj-editor-bootstrap,
.gj-editor-bootstrap [role="body"] {
    border: 1px solid #eceeef;
}

.gj-editor-md p {
    margin: 0;
    padding: 0;
}

.gj-editor-md blockquote {
    font-size: 14px;
}

.gj-editor-bootstrap {
    padding: 7px;
}

.gj-editor-bootstrap [role="toolbar"] {
    margin-bottom: 7px;
}

.gj-editor-bootstrap [role="toolbar"] .btn-group {
    margin-right: 10px;
}

.gj-editor-bootstrap [role="toolbar"] button {
    height: 36px;
}

.gj-editor-bootstrap p {
    margin: 0;
    padding: 0;
}

.gj-editor-bootstrap blockquote {
    font-size: 14px;
}

.gj-datepicker-md,
.gj-dropdown-md [role="presenter"] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.gj-dropdown {
    position: relative;
    border-collapse: separate;
}

.gj-dropdown [role="presenter"] {
    display: table;
    cursor: pointer;
    outline: 0;
    position: relative;
}

.gj-dropdown [role="presenter"] [role="display"] {
    display: table-cell;
    text-align: left;
    width: 100%;
}

.gj-dropdown [role="presenter"] [role="expander"] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
}

.gj-dropdown-md [role="presenter"] {
    line-height: 1;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    background: 0 0;
}

.gj-dropdown-md [role="presenter"]:active,
.gj-dropdown-md [role="presenter"]:focus {
    border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

.gj-dropdown-md [role="presenter"] [role="display"] {
    padding: 4px 0;
    line-height: 18px;
}

.gj-dropdown-md [role="presenter"] [role="display"] .placeholder {
    color: #8e8e8e;
}

.gj-dropdown-list-md {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    color: #000;
    margin: 0;
    z-index: 1203;
}

.gj-dropdown-list-md li.active,
.gj-dropdown-list-md li:hover {
    background-color: #eee;
}

.gj-dropdown-bootstrap [role="presenter"] [role="display"] {
    padding-right: 5px;
}

.gj-dropdown-bootstrap [role="presenter"] [role="expander"] {
    padding-left: 5px;
}

.gj-dropdown-bootstrap
    [role="presenter"]
    [role="expander"].gj-dropdown-expander-mi {
    width: 24px;
}

.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] {
    line-height: 20px;
}

.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] .placeholder {
    color: #9999b3;
}

.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"] {
    width: 20px;
    height: 20px;
}

.gj-dropdown-bootstrap-3
    [role="presenter"]
    [role="expander"].gj-dropdown-expander-mi
    .gj-icon,
.gj-dropdown-bootstrap-3
    [role="presenter"]
    [role="expander"].gj-dropdown-expander-mi
    .material-icons {
    top: 5px;
    right: 10px;
    position: absolute;
}

.gj-dropdown-bootstrap-4 [role="presenter"] {
    border: 1px solid #ced4da;
}

.gj-dropdown-bootstrap-4 [role="presenter"] [role="display"] {
    line-height: 24px;
}

.gj-dropdown-bootstrap-4
    [role="presenter"]
    [role="expander"].gj-dropdown-expander-mi
    .gj-icon,
.gj-dropdown-bootstrap-4
    [role="presenter"]
    [role="expander"].gj-dropdown-expander-mi
    .material-icons {
    top: 7px;
    right: 10px;
    position: absolute;
}

.gj-dropdown-list-bootstrap {
    position: absolute;
    top: 32px;
    left: 0;
    margin: 0;
    z-index: 1203;
}

.gj-datepicker [role="input"]::-ms-clear {
    display: none;
}

.gj-datepicker [role="right-icon"] {
    cursor: pointer;
}

.gj-picker div[role="navigator"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gj-picker div[role="navigator"] div {
    cursor: pointer;
    position: relative;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.gj-datepicker-md {
    line-height: 1;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
}

.gj-datepicker-md [role="right-icon"] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    color: rgba(40, 44, 71, 0.2);
}

.gj-datepicker-md.small .gj-textbox-md {
    font-size: 14px;
}

.gj-datepicker-md.small .gj-icon {
    font-size: 22px;
}

.gj-datepicker-md.large .gj-textbox-md {
    font-size: 18px;
}

.gj-datepicker-md.large .gj-icon {
    font-size: 28px;
}

.gj-picker-md.datepicker [role="header"] {
    padding: 20px;
    display: block;
}

.gj-picker-md.datepicker [role="header"] [role="year"] {
    font-size: 17px;
    padding-bottom: 5px;
    cursor: pointer;
}

.gj-picker-md.datepicker [role="header"] [role="date"] {
    font-size: 36px;
    cursor: pointer;
}

.gj-picker-md div[role="navigator"] {
    height: 42px;
    line-height: 42px;
}

.gj-picker div[role="navigator"] div[role="period"] {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}

.gj-picker-md div[role="navigator"] div:first-child,
.gj-picker-md div[role="navigator"] div:last-child {
    max-width: 42px;
}

.gj-picker-md div[role="navigator"] div i.gj-icon,
.gj-picker-md div[role="navigator"] div i.material-icons {
    position: absolute;
    top: 8px;
}

.gj-picker-md div[role="navigator"] div:first-child i.gj-icon,
.gj-picker-md div[role="navigator"] div:first-child i.material-icons {
    left: 10px;
}

.gj-picker-md div[role="navigator"] div:last-child i.gj-icon,
.gj-picker-md div[role="navigator"] div:last-child i.material-icons {
    right: 11px;
}

.gj-picker-md table thead {
    color: #9e9e9e;
}

.gj-picker-md table tr td div,
.gj-picker-md table tr th div {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

[type="year"].gj-picker-md table tr td div,
[type="decade"].gj-picker-md table tr td div,
[type="century"].gj-picker-md table tr td div {
    width: 73px;
    height: 73px;
    line-height: 73px;
    cursor: pointer;
}

.gj-picker-md table tr td.gj-cursor-pointer div:hover {
    background: #eee;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.87);
}

.gj-picker-md table tr td.disabled div,
.gj-picker-md table tr td.other-month div {
    color: #bdbdbd;
}

.gj-picker-md table tr td.focused div {
    background: #e0e0e0;
    border-radius: 50%;
}

.gj-picker-md table tr td.today div {
    color: #1976d2;
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
    color: #fff;
    background: #1976d2;
    border-radius: 50%;
}

.gj-picker-md table tr td.calendar-week div {
    font-weight: 700;
}

.gj-picker-bootstrap {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 4px;
}

.gj-modal .gj-picker-bootstrap {
    padding: 0;
}

.gj-picker-bootstrap.datepicker [role="header"] {
    padding: 10px 20px;
    display: block;
}

.gj-picker-bootstrap.datepicker [role="header"] [role="year"] {
    font-size: 15px;
    cursor: pointer;
}

.gj-picker-bootstrap [role="header"] [role="date"] {
    font-size: 24px;
    cursor: pointer;
}

.gj-modal .gj-picker-bootstrap.datepicker [role="body"] {
    padding: 15px;
}

.gj-picker-bootstrap div[role="navigator"] {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.gj-picker-bootstrap div[role="navigator"] div:first-child,
.gj-picker-bootstrap div[role="navigator"] div:last-child {
    max-width: 30px;
}

.gj-picker-bootstrap table tr td div,
.gj-picker-bootstrap table tr th div {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

[type="year"].gj-picker-bootstrap table tr td div,
[type="decade"].gj-picker-bootstrap table tr td div,
[type="century"].gj-picker-bootstrap table tr td div {
    width: 53px;
    height: 53px;
    line-height: 53px;
    cursor: pointer;
}

.gj-picker-bootstrap table tr th div i,
.gj-picker-bootstrap table tr th div span {
    line-height: 30px;
}

.gj-picker-bootstrap div[role="navigator"] .gj-icon,
.gj-picker-bootstrap div[role="navigator"] .material-icons {
    margin: 3px;
}

.gj-picker-bootstrap table tr td.focused div,
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
    background: #eee;
    border-radius: 4px;
    color: #212529;
}

.gj-picker-bootstrap table tr td.today div {
    color: #204d74;
    font-weight: 700;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
    border-radius: 4px;
}

.gj-picker-bootstrap table tr td.disabled div,
.gj-picker-bootstrap table tr td.other-month div {
    color: #777;
}

.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {
    border-left: 0;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .gj-icon,
.gj-datepicker-bootstrap
    span[role="right-icon"].input-group-addon
    .material-icons {
    position: absolute;
    top: 7px;
    left: 7px;
}

.gj-datepicker-bootstrap [role="right-icon"] button {
    width: 38px;
    position: relative;
    border: 1px solid #ced4da;
}

.gj-datepicker-bootstrap [role="right-icon"] button:hover {
    color: #6c757d;
    background-color: transparent;
}

.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button {
    width: 30px;
}

.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button {
    width: 48px;
}

.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 9px;
    left: 9px;
}

.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap.input-group-sm
    [role="right-icon"]
    button
    .material-icons {
    top: 6px;
    left: 6px;
    font-size: 19px;
}

.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap.input-group-lg
    [role="right-icon"]
    button
    .material-icons {
    font-size: 27px;
    top: 10px;
    left: 10px;
}

.gj-timepicker [role="input"]::-ms-clear {
    display: none;
}

.gj-timepicker [role="right-icon"] {
    cursor: pointer;
}

.gj-picker.timepicker [role="header"] {
    font-size: 58px;
    padding: 20px 0;
    line-height: 58px;
    display: flex;
    align-items: baseline;
    user-select: none;
    justify-content: center;
}

.gj-picker.timepicker [role="header"] div {
    cursor: pointer;
    width: 66px;
    text-align: right;
}

.gj-picker [role="header"] [role="mode"] {
    position: relative;
    width: 0;
}

.gj-picker [role="header"] [role="mode"] span {
    position: absolute;
    left: 7px;
    line-height: 18px;
    font-size: 18px;
}

.gj-picker [role="header"] [role="mode"] span[role="am"] {
    top: 7px;
}

.gj-picker [role="header"] [role="mode"] span[role="pm"] {
    bottom: 7px;
}

.gj-picker [role="body"] [role="dial"] {
    width: 256px;
    color: rgba(0, 0, 0, 0.87);
    height: 256px;
    position: relative;
    background: #eee;
    border-radius: 50%;
    margin: 10px;
}

.gj-picker-md .arrow-begin,
.gj-picker-md [role="body"] [role="arrow"] {
    background-color: #2196f3;
}

.gj-picker [role="body"] [role="hour"] {
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    user-select: none;
    pointer-events: none;
}

.gj-colorpicker-md,
.gj-timepicker-md {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
}

.gj-picker [role="body"] [role="hour"].selected {
    color: white;
}

.gj-picker [role="body"] [role="arrow"] {
    top: calc(50% - 1px);
    left: 50%;
    height: 2px;
    position: absolute;
    pointer-events: none;
    transform-origin: left center;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    width: calc(50% - 52px);
}

.gj-picker .arrow-begin {
    top: -3px;
    left: -4px;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
}

.gj-picker .arrow-end {
    top: -15px;
    right: -16px;
    width: 0;
    height: 0;
    position: absolute;
    box-sizing: content-box;
    border-width: 16px;
    border-radius: 50%;
}

.gj-timepicker-md {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
}

.gj-timepicker-md.small .gj-textbox-md {
    font-size: 14px;
}

.gj-timepicker-md.small .gj-icon {
    font-size: 22px;
}

.gj-timepicker-md.large .gj-textbox-md {
    font-size: 18px;
}

.gj-timepicker-md.large .gj-icon {
    font-size: 28px;
}

.gj-timepicker-md [role="right-icon"] {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
}

.gj-picker-md .arrow-end {
    border: 16px solid #2196f3;
}

.gj-picker-bootstrap .arrow-begin,
.gj-picker-bootstrap [role="body"] [role="arrow"] {
    background-color: #888;
}

.gj-picker-bootstrap .arrow-end {
    border: 16px solid #888;
}

.gj-timepicker-bootstrap .input-group-addon {
    border-left: 0;
    position: relative;
    width: 38px;
    border-radius: 0 4px 4px 0;
}

.gj-timepicker-bootstrap.input-group-sm .input-group-addon {
    width: 30px;
}

.gj-timepicker-bootstrap.input-group-lg .input-group-addon {
    width: 46px;
}

.gj-timepicker-bootstrap .input-group-addon .gj-icon,
.gj-timepicker-bootstrap .input-group-addon .material-icons {
    position: absolute;
    font-size: 21px;
    top: 6px;
    left: 8px;
}

.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons {
    font-size: 19px;
    top: 5px;
    left: 5px;
}

.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons {
    font-size: 27px;
    top: 10px;
    left: 10px;
}

.gj-timepicker-bootstrap [role="right-icon"] button {
    width: 38px;
    position: relative;
}

.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button {
    width: 30px;
}

.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button {
    width: 48px;
}

.gj-timepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 7px;
    left: 9px;
}

.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap.input-group-sm
    [role="right-icon"]
    button
    .material-icons {
    top: 4px;
    left: 6px;
    font-size: 19px;
}

.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap.input-group-lg
    [role="right-icon"]
    button
    .material-icons {
    font-size: 27px;
    top: 8px;
    left: 10px;
}

.gj-picker.datetimepicker [role="header"] [role="date"] {
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer;
}

.gj-picker [role="switch"] {
    align-items: baseline;
    user-select: none;
    position: relative;
}

.gj-picker [role="switch"] [role="calendarMode"] {
    position: absolute;
    bottom: 2px;
    left: 0;
    cursor: pointer;
}

.gj-picker [role="switch"] [role="time"] {
    width: 100%;
    text-align: center;
}

.gj-picker [role="switch"] [role="time"] div {
    display: inline;
    cursor: pointer;
}

.gj-picker [role="switch"] [role="clockMode"] {
    position: absolute;
    right: 0;
    bottom: 3px;
    cursor: pointer;
}

.gj-picker-md.datetimepicker [role="header"] {
    font-size: 36px;
    padding: 10px 20px;
    display: block;
}

.gj-picker-md [role="switch"] {
    color: rgba(255, 255, 255, 0.54);
    background: #2196f3;
    font-size: 32px;
}

.gj-picker-bootstrap.datetimepicker [role="header"] {
    font-size: 36px;
    padding: 10px 20px;
    display: block;
}

.gj-picker-bootstrap.datetimepicker [role="header"] [role="time"] {
    font-size: 22px;
}

.gj-slider {
    position: relative;
    padding: 8px 6px;
}

.gj-slider [role="track"] {
    width: 100%;
}

.gj-slider [role="progress"] {
    position: absolute;
    z-index: 1203;
}

.gj-slider [role="handle"] {
    position: absolute;
}

.gj-slider-md [role="track"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #e9ecef;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.26);
}

.gj-slider-md [role="progress"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    height: 2px;
    background-color: #536dfe;
    top: 8px;
    left: 6px;
}

.gj-slider-md [role="handle"] {
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #536dfe;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0 solid transparent;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1204;
}

.gj-slider-bootstrap [role="track"] {
    border-radius: 4px;
    height: 10px;
}

.gj-slider-bootstrap [role="progress"] {
    height: 10px;
    border-radius: 4px;
    top: 8px;
    left: 6px;
    transition: none;
}

.gj-slider-bootstrap [role="handle"] {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0 solid transparent;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1204;
}

.gj-slider-bootstrap-3 [role="handle"] {
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
    background-repeat: repeat-x;
}

.gj-slider-bootstrap-4 [role="handle"] {
    background-color: #ff7700;
    background-image: -webkit-linear-gradient(top, #ff7700 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #ff7700 0, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #ff7700 0, #2e6da4 100%);
    background-repeat: repeat-x;
}

.gj-colorpicker [role="right-icon"] {
    cursor: pointer;
}

.gj-colorpicker-md {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
}

.gj-colorpicker-md [role="right-icon"] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
}

.button {
    color: #444;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 40px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 14px;
    line-height: 38px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.button:active,
.button:active i {
    line-height: 38px;
}

.button.button-primary {
    background-color: #ff7700;
    color: #fff;
    fill: #fff;
    position: relative;
}
.button.button-primary:hover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.button.button-primary:hover {
    background: #b90c5c;
    color: #fff;
}

.btn-line {
    color: #282c47;
    border: 1px solid rgba(40, 44, 71, 0.2);
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(40, 44, 71, 0.25);
}
.btn-line:hover {
    color: #191c2d;
    border-color: rgba(25, 28, 45, 0.2);
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}
.btn-line:active {
    color: black;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-lineSecondary {
    color: #009bde;
    border: 1px solid #009bde;
    background-color: #fff;
    border-radius: 2px;
}
.btn-lineSecondary:hover {
    color: #007fb5;
    border-color: #007fb5;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}
.btn-lineSecondary:active {
    color: #00425f;
    border-color: #00425f;
}

.radius-btn {
    border-radius: 50px;
}

.play-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    background-color: #282c47;
    position: relative;
    vertical-align: middle;
    box-shadow: 0 3px 6px 0 rgba(40, 44, 72, 0.3);
}
.play-btn::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    left: 50%;
    margin-left: -2px;
    top: 50%;
    margin-top: -6px;
}

.btn-linePrimary {
    color: #ff7700;
    border: 1px solid #ff7700;
    background-color: #fff;
    border-radius: 2px;
}
.btn-linePrimary:hover {
    color: #b90c5c;
    border-color: #b90c5c;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}
.btn-linePrimary:active {
    color: #670633;
    border-color: #670633;
}

.button-xssmall {
    height: 18px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 11px;
    line-height: 16px;
    min-width: 50px;
    padding: 0 5px;
}
.button-xssmall:active,
.button-xssmall:active i {
    line-height: 16px;
}

.button-small {
    height: 30px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 12px;
    line-height: 28px;
    min-width: 125px;
}
.button-small:active,
.button-small:active i {
    line-height: 28px;
}

.button-medium {
    height: 40px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 16px;
    line-height: 38px;
    min-width: 200px;
}
.button-medium:active,
.button-medium:active i {
    line-height: 38px;
}

.button-large {
    height: 40px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 16px;
    line-height: 38px;
    min-width: 270px;
}
.button-large:active,
.button-large:active i {
    line-height: 38px;
}

.button-xLarge {
    height: 40px;
    padding: 0 10px;
    min-width: 150px;
    font-size: 16px;
    line-height: 38px;
    min-width: 370px;
}
.button-xLarge:active,
.button-xLarge:active i {
    line-height: 38px;
}

.verified-btn i {
    color: #20b274;
}

.tooltipBtn {
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 2px 0 rgba(40, 44, 71, 0.2);
    border: solid 1px #282c47;
    background-color: #ffffff;
    padding: 0;
    font-size: 10px;
    border-radius: 50%;
}
.tooltipBtn:focus,
.tooltipBtn:hover {
    background-color: #282c47;
    color: #fff;
}

/* --- Custom Redesign Styles --- */

/* Slider Redesign */
.custom-slider-item {
    background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%);
    min-height: 450px;
    display: flex !important;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
}
.slider-content {
    padding: 4rem;
}
.slider-title {
    font-size: 3rem;
    font-weight: 800;
    color: #282c47;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}
.slider-subtitle {
    font-size: 1.2rem;
    color: #5e6278;
    margin-bottom: 2rem;
}
.slider-img-col {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-img {
    max-height: 420px;
    width: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));
}
.carousel-control-prev, .carousel-control-next {
    width: 5%;
    filter: invert(1);
}

/* Action Cards Redesign */
.p_card {
    border: none !important;
    border-radius: 24px !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
    height: 100%;
    border: 1px solid rgba(255, 119, 0, 0.05) !important;
}
.p_card:hover {
    transform: translateY(-12px);
    box-shadow: 0 30px 60px rgba(255, 119, 0, 0.15);
    border-color: rgba(255, 119, 0, 0.3) !important;
}
.p_card_img_wrapper {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.p_card_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}
.p_card:hover .p_card_img {
    transform: scale(1.15);
}
.p_card_content {
    padding: 1.8rem 1rem;
    text-align: center;
    background: #fff;
}
.p_card_content h6 {
    color: #282c47;
    font-weight: 800;
    margin-bottom: 0;
    font-size: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .slider-title {
        font-size: 2.2rem;
    }
    .p_card_img_wrapper {
        height: 160px;
    }
    .p_card_content h6 {
        font-size: 1.1rem;
    }
}
@media (max-width: 767px) {
    .custom-slider-item {
        flex-direction: column-reverse;
        text-align: center;
        min-height: auto;
        padding: 2rem 0;
    }
    .slider-content {
        padding: 2rem;
    }
    .slider-title {
        font-size: 1.8rem;
    }
    .slider-img {
        max-height: 250px;
    }
    .p_card {
        margin-bottom: 2rem;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}