:root {
    --inter: "Inter", sans-serif;
    /* colors */
    --black: #000;
    --white: #fff;
    --linear: linear-gradient(90deg, #FA5000 0%, #FA5000 0.78%, #FA5100 1.56%, #FA5200 2.34%, #FA5200 3.13%, #FA5300 3.91%, #FA5400 4.69%, #FA5400 5.47%, #FA5500 6.25%, #FA5600 7.03%, #FA5600 7.81%, #FA5700 8.59%, #FA5800 9.38%, #FA5800 10.16%, #FA5900 10.94%, #FA5A00 11.72%, #FB5A00 12.5%, #FB5B00 13.28%, #FB5C00 14.06%, #FB5C00 14.84%, #FB5D00 15.63%, #FB5E00 16.41%, #FB5E00 17.19%, #FB5F00 17.97%, #FB6000 18.75%, #FB6000 19.53%, #FB6100 20.31%, #FB6200 21.09%, #FB6200 21.88%, #FB6300 22.66%, #FB6400 23.44%, #FB6400 24.22%, #FB6500 25%, #FB6600 25.78%, #FB6600 26.56%, #FB6700 27.34%, #FB6800 28.13%, #FB6800 28.91%, #FB6900 29.69%, #FB6A00 30.47%, #FB6A00 31.25%, #FC6B00 32.03%, #FC6C00 32.81%, #FC6C00 33.59%, #FC6D00 34.38%, #FC6E00 35.16%, #FC6E00 35.94%, #FC6F00 36.72%, #FC7000 37.5%, #FC7000 38.28%, #FC7100 39.06%, #FC7200 39.84%, #FC7200 40.63%, #FC7300 41.41%, #FC7400 42.19%, #FC7400 42.97%, #FC7500 43.75%, #FC7600 44.53%, #FC7600 45.31%, #FC7700 46.09%, #FC7800 46.88%, #FC7800 47.66%, #FC7900 48.44%, #FC7A00 49.22%, #FC7A00 50%, #FC7B00 50.78%, #FD7C00 51.56%, #FD7C00 52.34%, #FD7D00 53.12%, #FD7E00 53.91%, #FD7E00 54.69%, #FD7F00 55.47%, #FD8000 56.25%, #FD8000 57.03%, #FD8100 57.81%, #FD8100 58.59%, #FD8200 59.37%, #FD8300 60.16%, #FD8300 60.94%, #FD8400 61.72%, #FD8500 62.5%, #FD8500 63.28%, #FD8600 64.06%, #FD8700 64.84%, #FD8700 65.62%, #FD8800 66.41%, #FD8900 67.19%, #FD8900 67.97%, #FD8A00 68.75%, #FD8B00 69.53%, #FD8B00 70.31%, #FE8C00 71.09%, #FE8D00 71.87%, #FE8D00 72.66%, #FE8E00 73.44%, #FE8F00 74.22%, #FE8F00 75%, #FE9000 75.78%, #FE9100 76.56%, #FE9100 77.34%, #FE9200 78.12%, #FE9300 78.91%, #FE9300 79.69%, #FE9400 80.47%, #FE9500 81.25%, #FE9500 82.03%, #FE9600 82.81%, #FE9700 83.59%, #FE9700 84.37%, #FE9800 85.16%, #FE9900 85.94%, #FE9900 86.72%, #FE9A00 87.5%, #FE9B00 88.28%, #FE9B00 89.06%, #FE9C00 89.84%, #FE9D00 90.62%, #FF9D00 91.41%, #FF9E00 92.19%, #FF9F00 92.97%, #FF9F00 93.75%, #FFA000 94.53%, #FFA100 95.31%, #FFA100 96.09%, #FFA200 96.87%, #FFA300 97.66%, #FFA300 98.44%, #FFA400 99.22%, #FFA500 100%);
    ;
}

@media screen and (max-width:1439px){
    .epl-search-form.epl-sb-current .field select {
        min-width: 200px !important;
    }
}

@media screen and (max-width: 1440px) {
    .custom-logo {
        max-width: 150px !important;
    }
    .navigation-list {
        gap: 30px;
    }
    .btn-border,.btn-solid{
        padding: 12px 16px !important;
    }
    .epl-search-form.epl-sb-current .field select {
        min-width: 170px !important;
    }
    .epl-search-wide .epl-search-row-half{
        width: 32%;
    }
}

@media screen and (max-width: 1199px) {
    .custom-logo {
        max-width: 120px !important;
    }
    .navigation-list {
        gap: 25px;
    }
    .btn-border,.btn-solid{
        padding: 12px 10px !important;
        font-size:14px;
    }
    
    #inputState {
        max-width: 100%;
    }

    .inner-input-hero {
        justify-content: center;
    }
    .epl-search-form.epl-sb-current form{
        flex-wrap: wrap;
    }
    .epl-search-wide .epl-property_location{
        width: 32%;
    }
}

@media screen and (max-width: 991px) {
    .navbar-collapse {
        background: var(--linear) !important;
        position: absolute;
        right: 0;
        top: 100px;
        width: 100%;
        padding: 25px;
        border-radius: 10px;
        z-index: 99999;
    }

    .navigation-list {
        gap: 20px;
        margin-bottom: 20px;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        background: #fff;
    }

    .navbar-toggler:focus-visible,
    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .header-btn {
        align-items: start;
        flex-direction: column;
    }

    .valuation-feature {
        margin-bottom: 20px;
    }

    .center {
        border: none;
        border-top: 1px solid #ffffff7e;
        border-bottom: 1px solid #ffffff7e;
        padding: 20px 0;
        margin: 20px 0;
    }

    #mc4wp-form-1 {
        width: 100%;
    }

    .our-history-wrap {
        max-width: 700px;
    }

    .header-btn .btn-solid {
        border: 3px solid #fff;
    }
    .offset-1 {
        margin-left: 0 !important;
    }
    .who-we-are-btn {
        margin: 28px 0;
    }
    .form-card-box {
        margin-bottom: 15px;
    }
    .navigation-list li ul.sub-menu {
        position: unset;
        background: transparent;
    }
    .navigation-list li ul.sub-menu li a {
        color: #fff !important;
    }
    .navigation-list li ul.sub-menu li a[aria-current="page"] {
        color: #FFA500 !important;
    }
    .hero-content{
        width:100%;
    }
    .epl-search-form.epl-sb-current form{
        flex-wrap: wrap;
    }
    .epl-search-wide .epl-property_location{
        width: 32%;
    }
   
}

@media screen and (max-width: 768px) {
    .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }

    .location-item {
        margin: 0 !important;
    }

    .landlords-img {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }

    .landlords-img-two {
        position: relative;
        bottom: 0;
    }

    .landlords-img img {
        max-width: 100%;
    }

    .landlords {
        padding-bottom: 3rem;
    }

    .service-card li {
        align-items: baseline;
    }

    .hero-content {
        width: 100%;
    }

    .hero-img {
        padding: 19rem 0;
        background-repeat: no-repeat !important;
        /* background-position: top !important;
        background-size: contain !important; */
    }

    .nulla {
        padding-bottom: 3rem;
    }

    .nula-img {
        flex-direction: column;
        gap: 20px;
    }

    .nula-img img {
        max-width: 100% !important;
    }

    .nula-img .nula-img-first {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 20px;
    }

    .right-icon {
        max-width: 50%;
    }

    .who-we-are-right figure img {
        margin-top: 15px;
    }

    .our-history-wrap {
        max-width: 600px;
    }

    .heading-content.orange {
        margin-top: 28px;
    }
    .who-we-are .row {
        flex-direction: column-reverse;
    }
    .common-h2 {
        font: normal normal 600 32px var(--inter);
    }
    .valuation-heading:before,.valuation-heading:after{
        display: none;
    }
    .hero-content {
        top: 60%;
    }
    .inner-input-hero {
        width: 90%;
        margin: 0 auto;
    }
    .get-in-touch {
        margin-bottom: 40px;
    }
    .bills-students {
        padding-left: 0;
    }
    .bills-students-img {
        margin-top: 20px;
    }
    .nulla {
        padding: 0 0 3rem 0 !important;
    }
    .nulla .heading-content {
        padding-top: 0;
    }
    .bills-students-wrap {
        padding-left: 15px;
    }
    .landlords-img:after{
        display: none;
    }
    .nula-img .nula-img-second {
        width: 100%;
    }
    .download-img{
        margin-top: 20px;
    }
    .valuation-feature{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .valuation-feature-txt{
        text-align: center;
        margin-bottom: 30px;
    }
    .property-left-image {
        height: 250px;
        max-height: 250px;
        object-fit: fill;
    }
    .footer-img .ft-img img{
        max-width: 100px;
    }
}

@media screen and (max-width: 575px) {
    .main-heading {
        font: normal normal 600 25px var(--inter);
    }

    .right-icon {
        max-width: 233px;
    }

    .our-history-wrap {
        max-width: 90%;
        padding: 20px;
        bottom: -170px;
    }

    .common-h2 {
        font: normal normal 600 20px var(--inter);
    }

    .section-padding {
        padding: 0;
    }

    .free-valuation h5 {
        font: normal normal 600 20px var(--inter);
        margin-bottom: 20px;
    }

    .about-tkistudents-wrap {
        padding: 20px;
        margin: 20px 0;
    }

    .free-valuation {
        padding: 20px 0;
    }

    .about-tkistudents-wrap p {
        font: normal normal 400 14px var(--inter);
    }

    .tkistudents-second {
        padding: 109px 25px 74px;
        border-radius: 10px;
    }

    .tkistudents-second.tkistudents-left .common-h2 {
        line-height: 30px;
    }

    .about-tkistudents {
        padding: 0 0 20px 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 28px !important;
    }
    .btn-solid {
        padding: 10px 17px;
    }
    .btn-border {
        padding: 10px 17px;
    }
    .hero-content {
        top: 60%;

    }
    .get-in-touch .common-h2 {
        margin: 10px 0 0 0;
    }
    .section-padding{
        padding: 20px 0;
    }
    /* .subheading-main {
        line-height: 58px !important;
    } */
    .inner-content {
        max-width: 100%;
    }
    .valuation-form .subheading-main, .brochure .subheading-main {
        font-size: 30px;
        color: #282120;
    }
    .brochure .subheading-main {
        color: #fff;
    }
    #inputState {
        max-width: 80%;
    }
    .common-h2, .orange h6 {
        margin-bottom: 10px;
    }
    .properties-card .swiper-wrapper {
        width: 100% !important;
        height: 100%;
        max-height: 220px;
    }
    .properties-card {
        display: block;
    }
    .why-choose {
        margin-top: 50%;
    }
    .subheading-main {
        font-size: 30px;
    }

    .property-listing {
        display: block;
    }
    .property-details {
        display: block;
    }
    .property-heading {
        margin-bottom: 15px;
    }
    .form-select {
        margin-bottom: 15px;
    }
    .page-template-job-vacancies .valuation-form .subheading-main {
        margin-bottom: 0;
    }
    .app-download-link img {
        margin-bottom: 15px;
    }
    .our-history {
        background-position: left;
    }
    .service-card h6 {
        font-size: 20px;
    }
    #pac-input {
        margin-bottom: 15px;
    }
    .jobs-card-features > div {
        border-right: none;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .epl-search-wide .epl-property_location,.epl-search-wide .epl-search-row-half{
        width: 48%;
    }
    .epl-search-wide .epl-search-submit-row{
        width: 100%;
    }
   
}

@media screen and (max-width: 480px) {
    .who-we-are-right {
        margin-top: 20px;
    }
    .btn-solid {
        margin-bottom: 15px;
    }
    /* .who-we-are-right figure img {
        width: 140px;
    } */
    .right-icon {
        max-width: 140px;
    }
    .why-choose {
        padding-top: 40px;
    }
    /*  */
    .input-hero form{
        gap: 20px;
    }
    .who-we-are-right{
        display: block;
        width: 100%;
    }
    .right-icon {
        max-width: 100%;
    }
    .epl-search-form.epl-sb-current form{
        flex-wrap: wrap;
    }
    .epl-search-wide .epl-search-row-half,.epl-search-wide .epl-property_location,.epl-search-wide .epl-search-submit-row{
        width: 100%;
    }
    .gm-style-iw.gm-style-iw-c{
        display: flex;
        width: 100%;
        max-width: 320px !important;
        /* position: absolute;
        left: 57px !important;
        right: 50% !important; */
    }
    .properties-card .bar{
        top: 40px;
        left: 10px;
    }
    .gm-ui-hover-effect{
        top: 6px !important;
        right: 6px !important;
    }
    .footer-img .ft-img img{
        max-width: 80px;
    }
}
@media screen and (max-width: 454px) {
    .form-select{
      max-width: 100%;
    }
    .input-hero form{
        gap: 0px;
    }
    .gm-style-iw.gm-style-iw-c{
        display: flex;
        width: 100%;
        max-width: 280px !important;
    }
    .featured-card-txt .page-price{
        font-size: 16px;
    }
    .featured-card-txt p{
        margin-bottom: 2px;
    }
}