/* -----------------=====Fonts=====---------------- */


/* Start Font Website */

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/eot/IRANSansWeb(FaNum).eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */
    url("../fonts/woff2/IRANSansWeb(FaNum).woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/woff/IRANSansWeb(FaNum).woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/ttf/IRANSansWeb(FaNum).ttf") format("truetype");
}


/* -----------------=====End of Fonts=====---------------- */

*:not(i) {
    font-family: "IRANSans" !important;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #333;
}


/* ------------------1--------------- */

.input-search::placeholder,
.input-font {
    color: #706d6d;
}

.select-style {
    background-color: #f4f3f3;
}

.select-style:focus-visible,
.select-style:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.input-height {
    height: 47px;
}

.btn-style {
    background: #13b270;
}

.btn-style:focus,
.btn-style:hover {
    outline: 0 !important;
    box-shadow: none;
}

.select-border:focus {
    border-color: #dddcdc;
}

.bg-box {
    left: -25px;
    position: relative;
    height: 350px;
    display: block;
    margin-right: auto;
}

.car-img {
    top: 6rem;
    left: 1rem;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.custom-select select {
    display: none;
    /*hide original SELECT element: */
}

.select-selected {
    background-color: DodgerBlue;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-logo {
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
}

.title-text {
    color: #363535;
    font-weight: 500;
}

.last-update-p {
    font-weight: 500;
    font-size: 15px;
}

.last-update {
    font-size: 13px;
    font-weight: 500;
    color: #706d6d;
}

.price-text {
    color: #423e3e;
    font-weight: 600;
    font-size: 16px;
}

.ltr {
    direction: ltr;
}

.slick-track {
    display: flex !important;
    align-items: center;
}

.slider-image {
    width: 95px;
    margin: 0 auto;
    position: relative;
}

.slider-image img {
    filter: grayscale(1);
    opacity: 0.2;
    max-height: 80px;
}

.slick-list {
    margin: 0 40px !important;
}

.slick-slide {
    position: relative;
}

.slick-current img,
.slider-image a img:hover {
    filter: grayscale(0);
    opacity: 1;
    transition: 0.3s ease;
}

.slick-next:before {
    content: " " !important;
    background: url(../images/icons/left-arrow.png) no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
}

.slick-prev:before {
    content: " " !important;
    background: url(../images/icons/right-arrow.png) no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
}

.disableCurrentSlide img {
    filter: grayscale(1);
    opacity: 0.2;
    transition: 0.3s ease;
}

.slick-slide:before {
    content: " ";
    position: absolute;
    width: 1px;
    background: #dbdbdb;
    height: 171px;
    left: 15rem;
    top: -32px;
}

.triangle-color {
    color: #128d05;
}
.triangle-down-color {
    color: #f44336;
}
.triangle-down-color i::before {
    transform: rotate(60deg); /* Equal to rotateZ(45deg) */
}

.triangle-style {
    font-size: 12px;
}

.square-color {
    color: #a6a4a4;
}
.square-color i::before {
    transform: rotate(330deg);
}

.square-style {
    font-size: 11px;
    margin-right: 12px;
}

.first-tr,
.first-th {
    color: #9e9b9b;
    font-size: 13.5px;
}

.border-class,
.border-class4 {
    text-decoration: none;
}

.border-class:hover svg path {
    fill: #f35151;
}

.border-class:hover p {
    color: #f35151;
}

.border-class4:hover svg path {
    fill: #f35151;
}

.border-class4:hover p {
    color: #f35151;
}

.update-time {
    color: #979595;
    font-size: 14.2px;
}

.th-color {
    color: #706d6d;
    font-weight: 500;
    font-size: 16px;
}

.td-cost {
    color: #706d6d;
    font-weight: 500;
    font-size: 16.5px;
}

.toman-font {
    font-size: 12.5px;
}

.irankhodro-style {
    margin-top: 100px;
}

.irancar-style {
    width: 59px;
}

.play-color {
    color: #be1616;
}

.wrapper-input-icon {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    flex-direction: row-reverse;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.wrapper-input-icon .input-icon {
    border: none !important;
    padding: 1.5rem 1rem;
}

.input-border-color {
    border-color: #dddcdc;
}

.mt-icon {
    margin-top: 6px;
}


/* ----------------End of 1-------------- */


/* ---------Red Box------------- */

.select-style:focus-visible,
.select-style:focus {
    border-color: rgb(156, 153, 153) !important;
}

.svg-cs path {
    fill: #706d6d;
}

.circle-icon {
    font-size: 25px;
    color: #c9c1c1;
    top: 14px;
}

.masters-cost {
    color: #595555;
}

.cost-toman {
    color: #8e8a8a;
}

.cost-red {
    background-color: #eb243f;
}

.cost-yellow {
    background-color: #ffd800;
    color: #363232;
}

.cost-green {
    background-color: #1bb325;
}

.expensive-style,
.cheap-style {
    color: #848282;
}

.expensive-cost,
.classcheap-cos {
    font-size: 12px;
}

.border-cost {
    width: 90%;
    color: #f5efef;
}

.exact-price,
.yes-no {
    font-size: 13.5px;
    color: #706d6d;
}

.keycar-style {
    height: 70px;
}

.box-title::after {
    content: " ";
    width: 1px;
    background-color: #848684;
    position: absolute;
    height: 45px;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.box-title,
.box-title1 {
    color: #706c6d;
}

.red-box {
    background-color: #f35151;
}

.circle-redbox {
    width: 15px;
    height: 15px;
    background-color: rgb(255 255 255);
    border-radius: 50px;
    display: inline-block;
    margin-left: 0.5rem;
    box-shadow: 0 0 9px 1px #ffff;
}


/* --------End of Red Box----------- */


/* -----------Table------------- */

.table-title {
    background-color: #f8f8f8;
    color: #595555;
}

.table-style {
    width: 960px !important;
}

.table-textcolor {
    color: #706d6d;
    font-weight: 600;
}


/* -----------End of Table------------- */


/* -----------3 Cards------------- */

.cardtitle-style,
.guide-title,
.advertising-title {
    background-color: #f8f8f8;
    color: #595555;
}

.three-cards {
    margin-top: 96px !important;
}

.card-cars {
    border-radius: 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.semicircular {
    margin: auto;
    width: 216px;
    margin-top: -109px;
}

.car-circle {
    margin: auto;
    margin-top: -165px;
}

.car-circle2 {
    border: 1.9px solid #d4d0d0;
    width: 112px;
    border-radius: 60px;
    height: 112px;
    padding: 21px 2px 15px;
}

.card3-title {
    color: #b7b5b5;
    margin-top: -1rem;
}

.card-date {
    color: #b7b5b5;
    width: 83% !important;
}

.menu-list {
    list-style: none;
    text-align: right;
}

.menu-link {
    text-decoration: none;
    color: #6d6a6a;
    padding: 10px 29px 10px 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.card-cars:hover .menu-link:hover {
    color: #fff;
    background-color: #f35151;
}


.card-cars:hover .card3-title:hover {
    color: rgb(83, 83, 83) !important;
}

.menu1 {
    margin-top: 30px;
}

.menu1-list {
    list-style: none;
    text-align: right;
    background-color: #f35151;
    text-align: center;
    margin: 0 19px 25px 34px;
}

.menu1-link {
    text-decoration: none;
    color: #ffffff;
}





ul {
    padding: 0 !important;
}

.card-cars .menu1-link:hover {
    color: #fff;
    background-color: #f35151;

}



.car-circle {
    right: 130px;
}

.card-cars:hover .car-circle {
    /* border: 1px solid red; */
    border-radius: 58px;
}

.menu-link-icon1 {
    margin-left: 1rem;
}


/* -------------------- */

.guid-style {
    font-size: 18.5px;
    list-style: none;
}

.guid-link {
    text-decoration: none;
    color: #706d6d;
}

.guid-link:hover {
    color: #706d6d;
}


/* ----------- */

.last-card-img {
    width: 92% !important;
    margin: auto;
}

.card-img-top {
    width: 92% !important;
    height: 175px !important;
}

.list-detail {
    list-style: none;
}

.link-detail {
    text-decoration: none;
    background-color: #f35151;
    color: #fff;
}

.link-detail:hover {
    color: #fff;
}

.cost-card {
    color: #6d6a6a;
}

.cost-card p {
    margin-bottom: 0.5rem;
}

.city-cart {
    font-size: 12px;
    color: #8a8585;
}

.speedometer {
    top: 2px;
}

.last-row-style {
    width: 80%;
}

.bg-irankhodro {
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mt-6 {
    margin-top: 4rem;
}

.p-car {
    padding: 31px 2px 31px !important;
}

.car-circle2 path {
    fill: #706d6d;
}

.card-cars:hover .car-circle2 path {
    fill: #f35151;
}

.-mt-4 {
    margin-top: -1rem !important;
}

.list-car-logo {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 0;
    margin: 0;
    margin-top: 1rem;
    justify-items: center;
    gap: 2rem 0.5rem;
}

.list-car-logo li {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 120px;
    opacity: 0.5;
    filter: grayscale(1);
    transition: 0.3s ease;
}

.list-car-logo li:hover {
    opacity: 1;
    filter: grayscale(0);
    transition: 0.3s ease;
}

.list-car-logo li p {
    margin: 0;
    margin-top: auto;
}

.list-car-logo li a {
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.list-car-logo li img {
    width: 80px;
    max-height: 80px;
}

.list-car-logo li a::before {
    content: " ";
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
    position: absolute;
    left: -3rem;
    height: 58%;
}

.list-car-logo li:nth-child(7n) a::before {
    content: none;
}

.more a {
    color: #888383;
}

.img-table {
    width: 60px;
    margin-right: 0.5rem;
}

.pr-6 {
    padding-right: 6rem !important;
}

.menu-detail {
    margin-bottom: 0 !important;
}

/* Chart  */
.single-chart {
    width: 90%;height: 400px;margin: 0 auto;
}
h1{
    font-size: 1.5rem;
}
/* ------Responsive 1------ */


/* ------End of Responsive 1------ */


/* -------------Responsive page 2------------- */

@media (max-width: 1400px) {
    .slick-slide:before {
        left: 12.8rem;
    }

    .car-circle {
        right: 105px;
    }

    .menu1-link {
        padding-right: 12px !important;
    }
}


/* ----------------------- */

@media(max-width: 1280px) {
    .list-car-logo li:nth-child(7n) a::before {
        content: "";
    }

    .list-car-logo {
        grid-template-columns: repeat(6, 1fr);
    }

    .list-car-logo li:nth-child(6n) a::before {
        content: none;
    }
}

@media (max-width: 1200px) {
    .slick-slide:before {
        left: 17.5rem;
    }

    .slick-list {
        margin: 0 46px !important;
    }

    .cost-yellow {
        font-size: 22px !important;
        padding: 0 15px 0 14px !important;
    }

    .car-circle {
        right: 75px;
    }

    .card3-title {
        font-size: 17px;
    }

    .menu-link {
        font-size: 14px;
    }

    .menu1-link {
        font-size: 13px;
        font-weight: 500;
        padding-right: 5px !important;
    }

    .card-img-top {
        width: 91% !important;
        height: 133px !important;
    }

    .circle1-redbox {
        width: 19px;
        height: 15px;
    }
}


/* --------------------------- */

@media (max-width: 992px) {
    .slick-slide:before {
        left: 12.58rem;
    }

    .input-icon {
        font-size: 10px;
        font-weight: 500;
    }

    .input-height {
        font-size: 12px;
        font-weight: 500;
    }

    .title-text {
        font-size: 16px;
    }

    .circle-icon {
        left: 15px;
    }

    .masters-cost {
        font-weight: 500 !important;
    }

    .cost-toman {
        font-size: 16px !important;
    }

    .cost-red,
    .cost-green {
        font-size: 13px !important;
        font-weight: 600;
    }

    .cost-yellow {
        font-size: 18px !important;
        font-weight: 600;
    }

    .expensive-style,
    .cheap-style {
        font-weight: 500 !important;
        font-size: 17px !important;
    }

    .exact-price,
    .yes-no {
        font-size: 12.5px;
        font-weight: 500;
        color: #706d6d;
        margin-left: 14px !important;
    }

    .box-title,
    .box-title1 {
        color: #706c6d;
        font-size: 13px !important;
        padding: 0px 4px 0 0 !important;
        font-weight: 500;
    }

    .service-car,
    .speaker-car {
        width: 33px;
    }

    .circle1-redbox {
        width: 21px;
        height: 15px;
        margin-top: -18px;
    }

    .redbox-padding {
        font-size: 13px !important;
        margin-bottom: 16px !important;
    }

    .card-cars {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        margin-top: 84px;
        transition: 0.3s ease;
    }

    .semicircular {
        margin-top: -109px;
    }

    .car-circle {
        right: 111px;
        margin-top: -162px;
    }

    .card3-title {
        font-size: 15px;
        margin-top: -21px !important;
    }

    .menu-link {
        font-size: 14px;
    }

    .menu {
        margin-top: -3px !important;
    }

    .card-date {
        padding-bottom: 12px !important;
    }

    .menu1 {
        margin-top: 16px;
    }

    .menu1-link {
        font-size: 14px;
        padding-right: 15px !important;
    }

    .three-cards {
        margin-top: 28px !important;
    }

    .menu1-list {
        margin: 0 19px 25px 26px;
    }

    .last-row-style {
        width: 100%;
    }

    .link-detail {
        font-size: 13px;
    }

    .car-title {
        font-size: 15px;
        font-weight: 500;
        margin: 10px 0 10px 0 !important;
    }

    .cost-last {
        font-size: 15px !important;
        font-size: 15px !important;
    }

    .list-car-logo {
        grid-template-columns: repeat(5, 1fr);
    }

    .list-car-logo li a::before {
        left: -2rem;
    }

    .list-car-logo li:nth-child(6n) a::before {
        content: "";
    }

    .list-car-logo li:nth-child(5n) a::before {
        content: none;
    }
}


/* -------------------- */

@media (max-width: 768px) {
    .img-table {
        position: relative;
        top: 1rem;
    }

    .red-box {
        background-color: transparent;
        margin: 0 0.5rem;
    }

    .red-box .redbox-padding {
        background-color: #f35151;
        padding: 1rem;
        border-radius: 1rem;
    }

    .bg-irankhodro {
        height: 300px;
    }

    .title-text {
        font-size: 15px;
    }

    .slick-slide:before {
        content: none;
    }

    [dir='rtl'] .slick-next {
        left: 0 !important;
    }

    [dir='rtl'] .slick-prev {
        right: 0 !important;
    }

    .slider-image {
        width: 90px;
    }

    .input-height,
    .input-icon {
        font-size: 13px;
    }

    .circle-icon {
        left: -1px;
        top: 2px;
    }

    .card-img-top {
        height: 180px !important;
    }

    .box-title::after {
        display: none;
    }

    .keycar-style {
        height: 100%;
    }

    .border-class {
        padding: 1rem 0;
    }

    .circle1-redbox {
        width: 25px;
        height: 13px;
    }

    .circle2-redbox {
        width: 13px;
        height: 13px;
        margin-top: -16px;
    }

    .three-cards {
        flex-direction: column;
        align-items: center;
    }

    .width-col6 {
        flex: 0 0 auto;
        width: 67%;
    }

    .guide-title {
        font-size: 17px;
    }

    .guid-style {
        font-size: 17.5px;
    }

    .last-update {
        text-align: right !important;
        margin-right: 5rem;
        margin-top: -1rem !important;
        font-size: 14px !important;
    }

    td {
        font-size: 13px;
    }

    .irancar-style {
        width: 59px;
        margin-right: 0.5rem;
        height: 100%;
    }

    .list-car-logo {
        grid-template-columns: repeat(3, 1fr);
    }

    .list-car-logo li:nth-child(5n) a::before {
        content: "";
    }

    .list-car-logo li a::before {
        left: -3rem;
    }

    .list-car-logo li:nth-child(3n) a::before {
        content: none;
    }

    .car-km {
        margin-right: 5rem;
    }

    .car-km span {
        font-size: 12px;
        color: rgb(75, 75, 75);
        background: rgb(248, 249, 250);
        padding: 0.2rem 1rem;
        border-radius: 1rem;
    }

    .font-sm {
        font-size: 12px !important;
    }

    .font-md {
        font-size: 16px !important;
    }

    .font-14 {
        font-size: 14px !important;
    }

    /*============== side menu =================*/
    .side-menu {
        width: 330px;
        height: 100%;
        /* min-height: 600px; */
        position: fixed;
        z-index: 111;
        top: 0px;
        right: -315px;
        /* right: 0px; */
        background-color: #fff;
        overflow: auto;
        transition: 0.4s;
        justify-content: flex-start;
        padding-right: 12px;
        border: solid 2px #989898;
        flex-direction: column !important;
    }
    .header-sidemenu{
        height: 50px;
        margin-bottom: 22px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
    }
    .header-sidemenu p{
        margin-right: 48px !important;
    }
    .side-menu-btn{
        position: absolute;
        bottom:-240px;
    }
}



@media (max-width: 545px) {
    td {
        font-size: 12px;
    }

    th {
        font-size: 12px;
    }

    .square-style {
        font-size: 6px;
    }

    .play-style {
        font-size: 12px !important;
    }

    .triangle-style {
        font-size: 8px;
    }

    .mx-8px {
        margin: 0 8px;
    }

    .mx-16px {
        margin: 0 16px;
    }
}

@media(max-width: 540px) {
    .width-col6 {
        width: 95%;
    }

    .car-circle {
        right: 35% !important;
    }
}

@media (max-width: 505px) {
    .car-img {
        width: 85%;
    }

    .circle1-redbox {
        width: 40px;
    }

    .circle2-redbox {
        width: 22px;
    }
}

@media(max-width: 440px) {
    .list-car-logo li a::before {
        left: -1.5rem;
    }
}

@media(max-width: 400px) {
    .car-circle {
        right: 33% !important;
    }
    .single-chart {
        width: 100%;height: 300px;margin: 0 auto;
    }

}

@media (min-width :768px) {
    .w-md-75 {
        width: 75% !important;
    }

    .d-md-row-group {
        display: table-row-group !important;
    }

    .w-md-60 {
        width: 60%;
    }
}


/*================= body status ================*/

.body-status,
.search-result {
    background-color: white;
    z-index: 1;
    left: 0;
    right: 0;
    top: 100%;
    display: none;
}

.search-result ul {
    list-style-type: none;
}

.header-body-status div {
    background: #f4f3f3;
    color: #b1b1b1;
}

.header-body-status div.active {
    background: white;
    color: #2cab77;
}

label.label-font,
.search-result ul li {
    height: 33px;
    margin: 2px 0;
    font-size: 14px;
    color: #414141;
}
label.label-font, .search-result ul li:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}
.footer-body-status button {
    background-color: white;
    border: none;
    font-size: 14px;
    color: #706c6d;
}

.footer-body-status button:nth-child(1) {
    color: #2cab77;
}

.type {
    display: none;
    height: 0;
}

.type.active {
    display: block;
    height: auto;
}
.type > div{
    position: relative;
}
label.label-font{
    margin-right: 25px;
}

.checkmark{
    width: 18px;
    height: 18px;
    border: solid 1px #a6a4a4;
    border-radius: 2px;
    background-color: white;
    position: absolute;
    right: 0;
    top: 3px;
}
.label-font input:checked ~ .checkmark {
    background-color: #2ea061 !important;
    border: none;
}
.label-font input:disabled ~ .checkmark {
    background-color: #939393 !important;
    border: none;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.label-font input:checked ~ .checkmark:after {
    display: block;
}
.label-font .checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

    label.label-font,
    .search-result ul li {
        font-size: 13px;
    }

}

/*************** popups ****************/
.popup {
    position: fixed;
    top: 100vh;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top 0ms ease-in-out 300ms;
    z-index: 13;
}

.popup .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 100ms ease-in-out 200ms;

}

.popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0;
    background: #fff;
    border-radius: 20px;
    width: 90%;
    max-width: 275px;
    transition: all 300ms ease-in-out;
}

.popup-header {
    height: 60px;
    color: white;
    font-size: 17px;
    font-weight: 500;
    background-color: #fcbe00;
    position: relative;
    border-radius: 15px 15px 0 0;
}

.popup-header-info {
    background-color: #ed145b;
}

.popup-header .close-popup-btn {
    height: 23px;
    width: 23px;
    border-radius: 50%;
    outline: none;
    border: none;
    padding: 0px;
    background-color: #ebebeb;
    position: absolute;
    top: -7px;
    right: -7px;
}

.popup-header .close-popup-btn img {
    height: 11px;
    width: 11px;

}

.popup-body>p {
    margin: 8px 9px;
    color: #636162;
    font-size: 14px;
}

.popup-social-icon {
    width: 38px;
    height: 38px;
    border: solid 1px #cccccc;
    border-radius: 50%;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 00.3s;
}

.popup-social-icon:hover {
    border-color: #33a9de;
}

.popup-social-icon:hover svg path {
    fill: #33a9de;
}

.popup-social-icon.google svg {
    width: 23px;
    height: 23px;
}

.popup-social-icon svg path {
    fill: #ccc;
    transition: 00.3s;
}

.input-popup>input {
    border-radius: 12px;
    background: #f4f4f4;
    color: #636162;
    height: 35px;
    padding: 12px;
    text-align: left;
    font-size: 12px;
    border: none;
}

.popup-body .btn-copy-link {
    background-color: #05c965;
    color: white;
    border: none;
    margin-top: 12px;
}

/* info popup */
.content-popup-body p,
.popup-body label p {
    color: #636162;
    font-size: 14px;
}

.content-popup-body {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 8px;
}

/* no popup */
.popup-header-no {
    background-color: #2eade0;
}

.your-offers-popup {
    background-color: #f4f4f4;
    border: none;
    padding: 12px 8px;
    font-size: 12px;
    width: 240px;
    height: 155px;
}

#no-popup-open,
#yes-popup-open {
    cursor: pointer;
}

/* yes popup */
.your-offers-popup-yes {
    height: 240px;
}

.popup.active {
    top: 0px;
    transition: top 0ms ease-in-out 0ms;
}

.popup.active .overlay {
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.popup.active .popup-content {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}


.container-radio{
    position: relative;
}
.container-radio p{
    margin-right: 22px !important;
}
.checkmark2 {
    position: absolute;
    display: inline-block;
    top: 3px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: solid 1px #a6a4a4;
    border-radius: 50%;
}

.container-radio input:checked ~ .checkmark2 {
    background-color:white;
}

.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}


.container-radio input:checked ~ .checkmark2:after {
    display: block;
}

.container-radio .checkmark2:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33a9de;
}



/* error popup  */
.popup-header-error {
    height: 260px;
    background: #ed143d;
}

.popup-header-error svg path,
.popup-header-success svg path {
    fill: white;
}

.popup-body-error {
    padding: 20px 40px;
    height: 122px;
}

.popup-error-back-btn {
    background-color: transparent;
    color: #636162;
    border: none;
    font-size: 14px;
}

/* success popup */
.popup-header-success {
    background: #04c964;
    height: 260px;
}