/**
 * @file
 * Subtheme specific CSS.
 */
 
 
body{
    font-size: 14px;
}


img{
    max-width: 100%;
    height: auto;
}
h1, .h1{
    font-size: 26px;
}
h2, .h2{
    font-size: 22px;
}
h3, .h3{
    font-size: 19px;
}
h4, .h4{
    font-size: 17px;
}
h5, .h5{
    font-size: 16px;
}

.c-container{
    max-width: 1180px;
    margin: 0px auto;
}

.text-align-center{
    text-align: center;
}
.text-lg{
    font-size: 124%;
}

.node__content{
    margin: 0px;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: flex-end;
}
.navbar .c-container-fluid{
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.navbar-nav a.nav-link {
    font-weight: 500;
    padding-left: 15px;
    color: #36416c;
    border-right: 1px solid #d7d7d7;
}


.btn-primary{
    background: rgb(0,41,200);
    background: linear-gradient(0deg,rgba(0,41,200,1) 0%,rgba(0,46,159,1) 49%,rgba(0,66,205,1) 100%);
    box-shadow: #00000063 0px 3px 5px;
}


/*--------------------- Accordion ---------------------*/
.accordion-item{
    
}
.accordion-item .accordion-header{
    
}
.accordion-item .accordion-header .fa-solid{
    margin-right: 10px;
}
.accordion-item .panel-body {
    padding: 30px;
}
/*-------------------- Webform ------------------*/
.webform-submission-form .js-form-type-textfield .form-control, .webform-submission-form .form-type-date .form-control, .webform-submission-form .form-type-select .form-select, .webform-submission-form .chosen-container, .webform-submission-form .form-type-tel .form-control, .webform-submission-form .form-type-email .form-control {
    border: 1px solid #a1a1a1;
    height: 46px;
    font-size: 18px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px;
}


.lp-banner{
    color: #102887;
    padding: 30px 0px 0px;
    background: rgb(45,0,129);
    background: linear-gradient(354deg,rgba(45,0,129,1) 0%,rgba(198,0,0,1) 51%,rgba(241,52,52,1) 80%,rgb(250 96 96) 100%);
    background-image: url("/sites/default/files/c-images/lp-banner-back.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lp-banner object{
    max-height: 136px;
    width: auto;
    margin-right: 10px;
}

.banner-top-features{
background-color: #00000063;
    background: rgb(0,0,0);
    background: linear-gradient(0deg,rgb(26 16 8 / 97%) 0%,rgb(37 23 11 / 74%) 56%,rgb(37 23 11 / 5%) 100%);
    color: #fff;
    padding-top: 20px;
    padding-bottom: 5px;
}
.top-features{
    max-width: 480px;
    margin: 10px auto 20px;
    font-size: 88%;
    text-align: center;
    line-height: 120%;
}
.top-feature .fa-solid, .top-feature .fa-regular{
    font-size: 200%;
}
.top-feature-text{
    margin-top: 10px;
    font-size: 88%;
}

.lp-banner h1{
    margin-top: 3%;
    text-align: center;
    font-weight: 100;
    color: #f56600;
    text-shadow: #0000003d 0px 2px 3px;
}

.c-webform-wrapper{
    max-width: 360px;
    margin: 15px auto;
    padding: 20px;
}
.c-webform-wrapper .webform-title{
    text-align: center;
    margin-bottom: 10%;
    padding: 10px;
    border-bottom: 2px solid #fff8ae;
}
.c-webform-wrapper .form-type-textfield .form-control {
    box-shadow: #00000061 0px 6px 12px;
    border: 1px solid #333;
    height: 42px;
}
.c-webform-wrapper .form-actions{
    text-align: center;
}
.c-webform-wrapper button#edit-wizard-next {
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #22a700;
    padding: 10px 20%;
    background: rgb(34,163,0);
    background: linear-gradient(0deg, rgba(34,163,0,1) 0%, rgba(37,214,0,1) 57%, rgba(100,255,0,1) 100%);
    box-shadow: rgb(0 0 0 / 50%) 0px 4px 12px;
}
.c-webform-wrapper .eso-verify-otp {
    margin: 0px auto;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    max-width: 240px;
    border: 1px solid #22a700;
    padding: 10px 20%;
    margin-bottom: 20px;
    background: rgb(34,163,0);
    background: linear-gradient(0deg,rgba(34,163,0,1) 0%,rgba(37,214,0,1) 57%,rgba(100,255,0,1) 100%);
}
.webform-submission-enquiry-stage-one-form .webform-button--submit, .webform-submission-enquiry-stage-one-form .webform-button--previous{
	display: none;
}

.eso-webform-submission-started .eso-verify-otp{
        position: fixed;
    bottom: 0;
    right: 0;
    left: 50%;
    padding: 20px 10%;
    border-color: #ccc;
    width: 50%;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 9999;
}
.eso-cfc-origin-city, .eso-cfc-destination-city, .eso-resend-otp-change-wrapper, .eso-verify-mobile-number, .eso-resend-otp{
	display: none;
}

.eso-change-mobile-number {
    text-align: center;
    font-size: 82%;
}
.eso-otp-sent-mobile-number{
	font-weight: bold;
}

#eso-resend-otp-wrapper{
    margin-top: 20px;
    text-align: center;
}

.eso-resend-otp.eso-resend-otp-active{
    display: inline-block;
    padding: 5px 10%;
    color: #333;
    background-color: #fff8ae;
    border: 1px solid #333;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: rgb(0 0 0 / 50%) 0px 4px 12px;
}

#eso-oneTimePassword{
    margin: 20px auto 20px;
    font-size: 24px;
    border: 1px solid #494949;
    width: 250px;
    letter-spacing: 6px;
    font-weight: 500;
    text-align: center;
    box-shadow: rgb(0 0 0 / 62%) 0px 5px 10px;
}
.eso-change-mobile-number .change-btn{
    display: inline-block;
    padding: 4px 15px 5px;
    border: 1px solid #86b0e7;
    background-color: #ecf4ff;
    color: #000;
    font-weight: 500;
    border-radius: 50px;
    cursor: pointer;
}
.eso-if-facing-otp-issue{
	text-align: center;
	font-size: 82%;
}
.eso-if-facing-otp-issue a {
    color: #fbfba0;
}



/*------------------- Landing Page Section --------------*/
.lp-section{
      padding-top: 50px;
    padding-bottom: 50px; 
}
.lp-section-header{
    margin-bottom: 40px;
}




#ef23-edit-moving-type-in{
    
}
#ef23-edit-moving-type-in .radio-item{
padding: 0px 15px 0px 30px;
    background-color: #002ea6;
    color: #fff;
    background: rgb(0,41,200);
    background: linear-gradient(0deg, rgba(0,41,200,1) 0%, rgba(0,46,159,1) 49%, rgba(0,66,205,1) 100%);
    box-shadow: #00000063 0px 3px 5px;
    margin-bottom: 10px;
    border-radius: 50px;
    font-weight: 500;
    cursor: pointer;
    font-size: 112%;
}
#ef23-edit-moving-type-in .radio-item .form-check {
    padding: 10px;
}

/*-------------- How it Works -------------------*/
.page-section {
    padding: 5% 15px 6%;
    color: #624e44;
    background: linear-gradient(354deg,rgb(222 218 215) 0%,rgb(255 255 255) 51%,rgb(245 242 241) 100%);
}
.section-header {
    margin: 20px 0px 40px;
    text-align: center;
}

.how-it-works {
    background-color: #21140a;
    color: #83796e;
    background-image: url("../images/fake-brick.png");
    box-shadow: inset #100700a3 0px -30px 40px;
}
.row.page-section.ps-services {
    background-color: #fffdfa;
    color: #442d22;
    background-image: url(/themes/barrionine/images/fake-brick.png);
    box-shadow: inset #00000030 0px -4px 40px;
}
.service {
    background-color: #fff;
    box-shadow: #0000003d 0px 4px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.service-content {
    padding: 20px;
    height: 160px;
    font-size: 94%;
}

.steps-step-wrapper {
    margin-bottom: 20px;
}
.steps-step-wrapper img{
    filter: invert(1);
}
.steps-step-wrapper .steps-step{
    text-align: left;
}
.steps-step span.step-badge {
    display: inline-block;
    background-color: #3e3327;
    padding: 1px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    font-size: 88%;
}
.steps-step h4{
        color: #f37a0d;
}
.steps-step p{
    font-size: 94%;
    line-height: 120%;
}
.why-us{
    background-color: #eee;
}

.how-it-works-item, .why-us-item{
    margin-bottom: 20px;
}
.how-it-works-item .icon-image, .why-us-item .icon-image{
    float: left;
    width: 16%;
    margin-right: 4%;
}
.how-it-works-item .content-text, .why-us-item .content-text{
    float: left;
    width: 80%;
    max-width: 360px;
    font-size: 82%;
    line-height: 120%;
}


.ps-testimonials {
    background: rgb(31 13 0);
    color: #90816e;
    background: linear-gradient(354deg,rgb(22 10 0) 0%,rgb(31 13 0) 51%,rgb(43 17 0) 100%);
}
.testimonial-item {
    padding: 5px 5px;
}
.testimonial-item i.fa-solid.fa-quote-left {
    color: #c49651;
    font-size: 200%;
}
.testimonial-item img {
    border-radius: 50%;
}
.testimonial-item h4 {
    margin: 7px 0px 0px;
    color: #eee;
}


.slick-arrow{
    background: transparent;
    border: none;
    position: absolute;
    top: 35%;
    z-index: 5;
}

.slick-prev.slick-arrow{
    left: -5px;
}
.slick-next.slick-arrow{
    right: -5px;
}




/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*---------------------- Quick Contact Footer Menu Options -------------*/
#qcf-menu{
    display: none;
}
#qcf-menu.working-time{
display: block;
    position: fixed;
    bottom: -2px;
    left: 0px;
    right: 0px;
    padding: 0px;
    box-shadow: rgb(0 0 0 / 30%) 0px -8px 30px;
}
#qcf-menu.working-time .qcf-ops {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 15px;
    margin-top: -1px;
}
#qcf-menu.working-time .qcf-ops a {
padding: 15px;
    display: block;
    background-color: #00a884;
    color: #fff;
    font-weight: 500;
}
#qcf-menu.working-time .qcf-ops.qcf-call a{
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
}
#qcf-menu svg.svg-inline--fa {
    font-size: 125%;
}
@media only screen and (min-width: 480px){
    #qcf-menu.working-time{
        display: none;
}
}



/*----------------- Desktop CSS ----------------*/
@media only screen and (min-width: 960px){

h1, .h1{
    font-size: 48px;
}
h2, .h2{
    font-size: 36px;
}
h3, .h3{
    font-size: 22px;
}
h4, .h4{
    font-size: 19px;
}
h5, .h5{
    font-size: 17px;
}


.text-align-right-dex{
    text-align: right;
}

.steps-step-wrapper{
    text-align: center;
}
.steps-step-wrapper img{
    margin-bottom: 10px;
}
.testimonial-item {
    margin: 0px 15px;
    padding: 15px 15px;
}

}




/*------------------------- Mobile Only -------------------*/
@media only screen and (max-width: 480px){

.banner-top-features{
    text-align: center;
}


}