html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

.ContactFormContainer .FormWrapper .InputBlock label {
    font-weight: normal !important;
    font-family: Lato;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #707070;
    margin-bottom: 0px;
    bottom: 63px;
    padding: 0 10px;
    z-index: 3;
    position: absolute;
    margin-left: 15px;
    text-align: center;
    background-color: #fff;
}

.ContactFormContainer .FormWrapper .MessageInfo .InputBlock label {
    bottom: 135px;
}

label {
    text-transform: none;
}

input::placeholder {
    color: #cecece;
}

.InfoSectionTitle {
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    margin: 10px auto;
    width: 440px;
    line-height: 2;
    letter-spacing: 0.2px;
    color: #d42e12;
    text-transform: uppercase;
}

.PersonalInfoSection, .QuerySection, .AreaInfo, .MessageInfo {
    margin-bottom: 40px;
    margin-top: 30px;
}

.g-recaptcha-container {
    margin: 0 0 40px 30px;
}

.DistrictLabel{
    display: none;
}

.ErrorMessage, .ErrorNotification, .specialCharErrorMessage {
    color: #d42e12;
    font-size: 13px;
    position: absolute;
    bottom: -5px;
}

.reCaptcha-error {
    color: #d42e12;
    font-size: 13px;
    position: absolute;
}

input.invalid, select.invalid {
    border-color: #d42e12 !important;
}

input, select, .pretty{
    cursor: pointer;
}
.SubProductsBox {
    display: flex;
    max-width: 440px;
    margin-bottom:10px;
    width: 100%;
}
.ContactFormWrapper {
    width: 100%;
}

.form-group.InputBlock {
   /* max-width: 450px;*/
    display: flex;
    flex-direction: column;
    max-width: 440px;
    width: 100%;
    position: relative;
    /*margin-bottom: 0;*/
    margin: 0 auto;
}

.QueryCheckList {
    max-width: 520px;
    position:relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: center;
}

.ContactFormContainer .FormWrapper input.text,
.ContactFormContainer .FormWrapper textarea,
.ContactFormContainer .FormWrapper select, .ContactFormContainer .FormWrapper .select2-container--default .select2-selection--single {
    width: 100% !important;
    max-width: 440px !important;
    margin: 15px 0;
    padding: 14px 10px;
    border: solid 1px #878787;
    border-radius: 0;
    height: 54px;
}

.select2-container.select2-container--default.select2-container--open {
/*    top: 2234px;
*/}
.ContactFormContainer .FormWrapper select {
    background: transparent;
    z-index: 2;
}

    .QueryCheckList .col-lg-6, .QueryCheckList .col-lg-6-6, .QueryCheckList .col-lg {
        /*max-width: 220px;*/
        max-width: 440px;
        padding: 0;
        height: 50px;
        margin-top: 5px
    }

.pretty.p-icon.p-round.p-jelly, .pretty.p-default.p-round.p-smooth {
    /*width: 100%;*/
    width: 440px;
    position: relative;
    cursor: pointer;
    border: 1px solid #878787;
    background-color: #fff;
    height: 50px;
    background-position: center right 2% !important;
    background-repeat: no-repeat !important;
}
.tabItem{
    height: 50px;
    max-width: 440px;
    width: 100%;
    margin-top: 5px;
}
.tabItem .pretty.p-icon.p-round.p-jelly, .tabItem .pretty.p-default.p-round.p-smooth {
    /*min-width: 88px !important;
    width: 100%;
    max-width: 440px !important;*/

}

.unique .pretty.p-icon.p-round.p-jelly {
    width: 440px;
}

.QueryCheckList .col-lg-6.unique{
    width: 100%;
    max-width: 440px
}


.state.p-primary, .state.p-warning {
    position: absolute;
    top: 15px;
    left: 10px;
}

.pretty .state label:after, .pretty .state label:before {
    background-color: #ededed;
    border: 1px solid #878787;
}

.pretty.p-icon.p-round.p-jelly:hover, .pretty.p-default.p-round.p-smooth:hover {
    border: 1px solid #d42e12;
    background-color: #fff;
}

.pretty.p-icon.p-round.p-jelly.active, .pretty.p-default.p-round.p-smooth.selected, .pretty.p-default.p-round.p-smooth.inProgress {
    background-color: #d42e12 !important;
}

.smallTabItem .pretty.p-default.p-round.p-smooth.selected.open, .smallTabItem .pretty.p-default.p-round.p-smooth.inProgress.open,
.smallTabItem .pretty.p-default.p-round.p-smooth.completed.open {
    background-color: #9e0b0f !important;
}
.smallTabItem .pretty.p-default.p-round.p-smooth.selected, .smallTabItem .pretty.p-default.p-round.p-smooth.inProgress,
.smallTabItem .pretty.p-default.p-round.p-smooth.completed {
    background-color: #d42e12 !important;
}

    .smallTabItem .pretty.p-default.p-round.p-smooth.completed .subTitle{
        color: #fff !important;
    }
    /*.pretty.p-default.p-round.p-smooth.selected{
    background-color: #fff;
}
.pretty.p-default.p-round.p-smooth.inProgress {
    background-color: #ffbe00;
}
.pretty.p-default.p-round.p-smooth.active {
    background-color: #3b967c;
}*/
    .pretty.p-default.p-round.p-smooth.selected .state label:before, .pretty.p-default.p-round.p-smooth.selected:hover .state label:before,
    .pretty.p-default.p-round.p-smooth.inProgress .state label:before, .pretty.p-default.p-round.p-smooth.inProgress:hover .state label:before {
        color: #fff;
        background-color: #d42e12;
        border: 1px solid #fff;
    }
.smallTabItem .pretty.p-default.p-round.p-smooth.selected .state label:before, .smallTabItem .pretty.p-default.p-round.p-smooth.selected:hover .state label:before,
.smallTabItem .pretty.p-default.p-round.p-smooth.inProgress .state label:before, .smallTabItem .pretty.p-default.p-round.p-smooth.inProgress:hover .state label:before {
    color: #fff;
    background-color: #d42e12;
    border: 1px solid #fff;
}

.smallTabItem .pretty.p-default.p-round.p-smooth.open .state label:before, .smallTabItem .pretty.p-default.p-round.p-smooth.open:hover .state label:before,
.smallTabItem .pretty.p-default.p-round.p-smooth.open .state label:before, .smallTabItem .pretty.p-default.p-round.p-smooth.open:hover .state label:before {
    color: #fff;
    background-color: #9e0b0f !important;
    border: 1px solid #fff;
}
    
.pretty.p-default.p-round.p-smooth.selected .state label:after{
    background-color: #fff !important;
}

.pretty.p-default.p-round.p-smooth:hover .state label:before {
    border: 1px solid #d42e12;
    /*background-color: #fff;*/
}

.pretty.p-default.p-round.p-smooth.inProgress .state label:after {
    background-color: #febb02 !important;
    border: none;
}

.ContactFormContainer .FormWrapper{
    padding: 40px 200px;
}
span.subTitle {
    text-align: center;
    position: absolute;
    width: inherit;
    padding-top: 20px;
    color: #111111;
    font-size: 10px;
    font-family: Lato;
    text-transform: uppercase;
    /* margin: 0 auto; */
    margin-left: -5px;
}

.SubProductButtons .btn {
    height: 50px;
    font-size: 14px;
    padding: 12px;
    max-width: 200px;
    width: auto;
    cursor: pointer;
}

    .SubProductButtons .btn:disabled {
        background-color: #d42e12;
        border-color: #d42e12;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
        pointer-events: none;
    }

    .SubProductButtons .btn.disabled {
        background-color: #d42e12;
        border-color: #d42e12;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
        pointer-events: none;
    }

    span.PillDescription {
        padding-top: 5px;
    }

.PillsBlock {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    width: 100%;
}

.pillsContainer span {
    background: #cecece;
    border-radius: 100px;
    font-weight: 600;
    margin-right: 5px;
    height: 25px;
    letter-spacing: .1em;
    cursor: pointer;
    font-size: 13px;
    /* text-transform: uppercase; */
    padding: 5px 25px;
}



.pillsContainer {
    display: flex;
    /* align-content: center; */
    margin: auto 0;
}



.pillText {
    margin-right: 7px;
}



.pillsContainer .qty {
    margin-right: 7px;
    padding-top: 5px;
}

.pillType {
    border: solid 1px #cecece;
    border-radius: 100px;
    padding: 5px 0;
    /* display: flex; */
}
    .pillType span.active {
        color: #fff;
        background-color: #d42e12;
    }
span.PillName-1 {
    margin-left: 5px;
}


p.PillDescription {
    margin-bottom: 0;
    padding-top: 5px;
}

.pretty.p-icon.p-round.p-jelly:hover .state label:after, .pretty.p-icon.p-round.p-jelly:hover .state label:before
 {
    border: 1px solid #d42e12 ;
    background-color: #fff ;
}


.pretty.p-icon.p-round.p-jelly:hover .ProductLabel, .pretty:hover .ProductLabel, .pretty:hover span.subTitle {
    color: #d42e12;
}


.pretty.p-icon.p-round.p-jelly.active .ProductLabel,
.pretty.p-default.p-round.p-smooth.inProgress .ProductLabel,
.pretty.p-default.p-round.p-smooth.selected .ProductLabel,
.pretty.p-default.p-round.p-smooth.completed .ProductLabel,
.pretty.p-default.p-round.p-smooth.selected span.subTitle,
.pretty.p-default.p-round.p-smooth.inProgress span.subTitle,
.pretty.p-icon.p-round.p-jelly.active span.subTitle {
    color: #fff;
}

.smallTabItem .pretty.p-icon.p-round.p-jelly, .smallTabItem .pretty.p-default.p-round.p-smooth {
    display: flex;
    flex-direction: row;
    width: 100%;
    left: 0px;
    padding-left: 5px;
    min-width: 94px;
    max-width: 440px;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
}

.smallTabItem .state.p-primary {
    position: relative;
    display: flex;
    height: 35px;
    top: 0;
    max-width: 85px;
    flex-direction: column;
    left: 0px;
    width: 20px;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.smallTabItem label.ProductLabel, .smallTabItem .pretty.p-icon.p-round.p-jelly.active .ProductLabel {
    display: flex !important;
    height: 35px;
    text-align: center;
    text-align-last: left;
    /* align-self: center; */
    position: absolute;
    margin: auto;
    font-size: 13px;
    padding: 0;
    width: 100%;
    /* min-width: 85px; */
    /* max-width: 440px; */
    justify-content: flex-end;
    flex-direction: column;
}


.smallTabItem .pretty .state label:before, .smallTabItem .pretty .state label:after, .smallTabItem .pretty.p-round.p-icon .state .icon {
    top: 2px !important;
    position: absolute;
    /*left: 41px;*/
}



.smallTabItem {
    max-width: 440px;
    min-width: 80px;
    width: 100%;
}


/* Normal state */
.Cement .pretty {
    background-image: url(../Media/ContactForm/cement-normal.svg);
}

.FlyAsh .pretty {
    background-image: url(../Media/ContactForm/flayash-normal.svg);
}

.Aggregates .pretty {
    background-image: url(../Media/ContactForm/aggregates-normal.svg);
}

.ReadyMix .pretty {
    background-image: url(../Media/ContactForm/ready-mix-normal.svg);
}

.Premix .pretty {
    background-image: url(../Media/ContactForm/premix-normal.svg);
}
/* Hover state */
.Cement .pretty:hover {
    background-image: url(../Media/ContactForm/cement-hover.svg);
}

.FlyAsh .pretty:hover {
    background-image: url(../Media/ContactForm/flayash-hover.svg);
}

.ReadyMix .pretty:hover {
    background-image: url(../Media/ContactForm/ready-mix-hover.svg);
}

.Aggregates .pretty:hover {
    background-image: url(../Media/ContactForm/aggregates-hover.svg);
}

.Premix .pretty:hover {
    background-image: url(../Media/ContactForm/premix-hover.svg);
}

/* Active state */
.Cement .pretty.active, .Cement .pretty.selected, .Cement .pretty.inProgress{
    background-image: url(../Media/ContactForm/cement-selected.svg);
}

.FlyAsh .pretty.active, .FlyAsh .pretty.selected, .FlyAsh .pretty.inProgress{
    background-image: url(../Media/ContactForm/flayash-selected.svg);
}

.ReadyMix .pretty.active, .ReadyMix .pretty.selected, .ReadyMix .pretty.inProgress{
    background-image: url(../Media/ContactForm/ready-mix-selected.svg);
}

.Aggregates .pretty.active, .Aggregates .pretty.selected, .Aggregates .pretty.inProgress{
    background-image: url(../Media/ContactForm/aggregates-selected.svg);
}

.Premix .pretty.active, .Premix .pretty.selected, .Premix .pretty.inProgress {
    background-image: url(../Media/ContactForm/premix-selected.svg);
}

label.ProductLabel {
    color: #707070;
    font-family: Lato;
    font-size: 16px;
    text-transform: capitalize;
}

.pretty input:checked ~ .state.p-primary label:after,
.pretty input:checked ~ .state.p-primary label::before,
.pretty.p-icon.p-round.p-jelly:hover input:checked ~ .state.state.p-primary label:after,
.pretty.p-icon.p-round.p-jelly:hover input:checked ~ .state.state.p-primary label:before {
    background-color: #fff ;
    border: 1px solid #fff;
}

.pretty.p-icon.p-round.p-jelly:hover .state label:after, .pretty.p-icon.p-round.p-jelly:hover .state label:before {
    border: 1px solid #d42e12;
    background-color: #fff;
}

/*.pretty input:checked ~ .state.p-primary .icon {
    margin-top: 1px;
    background: #fff url(../Media/ContactForm/selected-tick.svg) no-repeat !important;
}*/

.pretty .state label:after, .pretty .state label:before {
    width: calc(1em + 4px);
    height: calc(1em + 4px);

}

.pretty input:checked ~ .state.p-primary .icon, .smallTabItem .pretty.p-icon.p-round.p-jelly .state .icon {
    margin-top: -2px;
    margin-left: -1px;
    background: url(../Media/ContactForm/selected-tick.svg)-1px top no-repeat !important;
}

.smallTabItem .pretty.p-default.p-round.p-smooth.completed .state label:after {
    background: #dedede url(../Media/ContactForm/selected-tick.svg)-1px top no-repeat !important;
    margin-top: -3px;
    margin-left: -3px;
    height: 20px;
    width: 20px;
}

.tabItem .pretty.p-default.p-round.p-smooth.completed{
    background-color: #d42e12 !important;

}
    .tabItem .pretty.p-default.p-round.p-smooth.completed .state.p-primary label:before {
        background-color: #ededed !important;
        border: 1px solid #ededed;
        background: #EDEDED url(../Media/ContactForm/selected-tick.svg)-2px -2px no-repeat !important;
    }
    .tabItem .pretty.p-default.p-round.p-smooth.completed .state.p-primary label:after {
        background: none !important;
        border: none;
    }

.smallTabItem .pretty.p-default.p-round.p-smooth.completed .state label:before, .smallTabItem .pretty.p-default.p-round.p-smooth.completed.open .state label:before {
    background-color: #dedede !important;
    border: 1px solid #dedede !important;
}

.smallTabItem .pretty.p-default.p-round.p-smooth.completed{
    
}
/*.col-lg.invoices {
    display: flex;
}*/
.smallTabItem .pretty.p-icon.p-round.p-jelly.active, .SubProductsBox .smallTabItem {
    width: 100%;
    min-width: 97px;
    margin-right: 0;
    max-width: 440px;
}


.QuerySection .pretty.p-icon.p-round.p-jelly.active input:checked ~ .state.p-primary label:after {
    background-color: #EDEDED !important;
}

.QuerySection .pretty.p-icon.p-round.p-jelly.active input:checked ~ .state.p-primary label:after {
    border: 1px solid #ededed;
}

.InputBlock textarea {
    height: 126px !important;
}

select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    cursor: pointer;
}

.select2-container span{
    text-transform: capitalize;
    padding-left: 0 !important;
}

span.RedBlockArrow {
    background: #d42e12 url(../Media/ContactForm/dropdown.svg) no-repeat center center;
    position: absolute;
    width: 50px;
    height: 53px;
    right: 0px;
    top: 16px;
    z-index: 1;
    cursor: pointer;
}

.HoneyPotInfo {
    opacity: 0;
    height: 0;
    width: 0;
}

.ContactFormContainer .FormWrapper input.SubmitButton {
    background: #d42e12;
    padding: 19px 40px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0px 2px 8px 3px rgb(0 0 0 / 20%);
}

    .ContactFormContainer .FormWrapper input.SubmitButton:hover {
        box-shadow: none;
    }



.ContactFormContainer .FormWrapper .select2-container {
    width: 100% !important;
    z-index: 2;
}

.ContactFormContainer .FormWrapper .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 10px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    /*z-index: 2;*/
}

    .ContactFormContainer .FormWrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #878787;
        font-family: Lato;
        opacity: 0.6;
    }

    .ContactFormContainer .FormWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: none;
    }

.ContactFormContainer .FormWrapper .select2-container .select2-dropdown {
    margin: 0;
    margin-top: 0;
    border: solid 1px #c4c4c4 !important;
    border-top: none !important;
    background-color: #ffffff;
    padding: 0;
    border-radius: 4px;
    font-size: 16px;
}

    .ContactFormContainer .FormWrapper .select2-container .select2-dropdown .select2-results__option {
        font-size: 14px;
    }

#Cities {
    margin-top: 10px;
}

    #Cities label.InputLabel {
        bottom: 48px;
    }
    #Cities .RedBlockArrow{
        top: 0;
    }
.select2-results__option--selectable, li.select2-results__option--selectable {
    text-transform: capitalize !important;
}
    /*.select2-container--default .select2-selection--single{
    height: 40px;
    border-radius: 5px;
    border: none !important;
    background-color: #ffffff !important;
    outline: none;
    color: #1D3443;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
}*/

.ProductTabs {
    display: flex;
    max-width: 440px !important;
    width: 100%;
}

.ProductTab-content {
    width: 440px;
}

.QuantityBlock {
    display: flex;
    height: 180px;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: -5px;
    background-color: #f6f6f6 ;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
    max-width: 440px;
}
.ProductTabs .tabItem {
    border: solid 1px;
    background-color: #f6f6f6;
    max-width: 440px !important;
    width: 100% !important;
    height: 40px;
    min-width: 88px;
}

    .ProductTabs .tabItem:hover {
        cursor: pointer;
    }
input.QuantityInput {
    height: 40px;
    width: 55px;
    text-align: center;
    -moz-appearance: textfield;

}
    input.QuantityInput::-webkit-outer-spin-button,
    input.QuantityInput::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

.smallTabItem label.ProductLabel.cement {
    display: flex;
}


p.contactUsText {
    max-width: 440px;
    margin: 0 auto;
}

h6.HeaderText.contactUs {
    max-width: 440px;
    margin: 0 auto;
}

.form-group.submitBlock {
    max-width: 440px;
    margin: 0 auto;
}

.BottomText.contactUs {
    max-width: 440px;
    margin: 0 auto;
}

/*    Scrollable tabs*/
.scrollableTabs {
    /*position: relative;*/
    /*padding-bottom: 50px;*/
    /*padding-top: 20px;*/
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    max-width: 440px;
    width: 100%;
    padding-bottom: 1px;
    margin-bottom: 10px;
    scroll-behavior: smooth;
}

    .scrollableTabs .scrtabs-tab-container {
        height: 55px;
    }

    .scrollableTabs::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        -moz-appearance: none;
    }

    .scrollableTabs .scrtabs-tabs-fixed-container {
        /*padding-bottom: 100px;*/
        height: 50px;
    }

    .scrollableTabs li.nav-item{
        width: 100%;
    }

.left {
    position: relative;
    left: -25px;
    top: 20%;
    width: 25px;
    height: 50px;
    cursor:pointer;
    z-index: 1;
    /*transform: translateY(-50%);*/
    background-image: url('../Media/ContactForm/left.svg');
    background-repeat: no-repeat;
}



.right {
    position: relative;
    right: -40px;
    top: 20%;
    width: 25px;
    cursor: pointer;
    height: 50px;
    z-index: 1;
    /*transform: translateY(-50%);*/
    background-image: url('../Media/ContactForm/right.svg');
    background-repeat: no-repeat;
}
.scrollableBlock {
    width: 520px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .scrollableTabs ul.nav.nav-tabs {
        flex-wrap: nowrap;
        margin-left: 0;
        border-bottom: 0;
        margin-top: 0;
    }

    .scrollableTabs .scrtabs-tabs-fixed-container ul.nav-tabs > li {
        white-space: nowrap;
       /* padding-right: 45px;*/
    }

        .scrollableTabs .scrtabs-tabs-fixed-container ul.nav-tabs > li:last-child {
            padding-right: 0px;
        }

    .scrollableTabs .scrtabs-tabs-fixed-container .nav-tabs .nav-link {
        border: none;
        border-bottom: 2px solid transparent;
        padding: 8px 0px;
        font-size: 18px !important;
        padding-bottom: 15px;
        color: #1D3443;
        opacity: 0.5;
    }

    .scrollableTabs .nav-tabs .nav-link.blur {
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #152734;
        background: transparent;
        opacity: 0.45;
        -webkit-text-fill-color: #152734;
    }

        .scrollableTabs .nav-tabs .nav-link.active, .scrollableTabs .nav-tabs .nav-link.blur.active, .scrollableTabs .nav-tabs .nav-link:hover {
            border: none;
            border-bottom: 2px solid #152734;
            color: #152734;
            background: transparent;
            opacity: 1;
            -webkit-text-fill-color: #152734;
        }


    .scrollableTabs .scrtabs-tab-scroll-arrow {
        border: none;
        position: absolute;
        z-index: 10;
    }
    .scrtabs-tabs-fixed-container{
        width: 440px !important;
    }

        .scrollableTabs .scrtabs-tab-scroll-arrow > span {
            border-right: 1.5px solid #1D3443;
            border-bottom: 1.5px solid #1D3443;
            width: 11px;
            height: 11px;
        }

        .scrollableTabs .scrtabs-tab-scroll-arrow:hover {
            background-color: transparent;
        }

        .scrollableTabs .scrtabs-tab-scroll-arrow.scrtabs-disable,
        .scrollableTabs .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
            visibility: hidden;
        }

.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
    left: -20px;
}

.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
    right: -20px;
}

/*Swal Changes
*/
.sweet-alert, .swal2-popup {
    padding: 35px 45px !important;
}

    .sweet-alert h2, .swal2-popup h2 {
        font-size: 34px !important;
        color: #d42e12 !important;
    }

    .sweet-alert p, .swal2-popup .swal2-content {
        font-size: 14px !important;
        color: #666 !important;
        font-family: Lato;
    }

}

.sweet-alert button {
    font-family: Lato !important;
    padding: 14px 45px !important;
    border-radius: 4px !important;
    background: #002663 !important;
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    position: relative !important;
}

.swal2-popup button {
    font-family: Lato !important;
    padding: 14px 30px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    position: relative !important;
    max-width: 350px;
    width: 100%;
}

.swal2-popup .swal2-confirm {
    background: #d42e12 !important;
    color: #fff !important;
}

.swal2-popup .swal2-cancel {
    background-color: #fff !important;
    color: #d42e12 !important;
    border: 2px solid #d42e12 !important;
}

.swal2-popup .swal2-buttonswrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

button.swal2-confirm.btn.btn-primary {
    margin-left: 10px;
    border: 2px solid #d42e12 !important;
    outline: none !important;
}

button.swal2-cancel.btn.btn-cancel {
    margin-right: 10px;
}

.sweet-alert .sa-button-container {
    width: 100%;
    margin: 0 auto;
}

    .sweet-alert .sa-button-container button.cancel,
    .sweet-alert .sa-button-container .sa-confirm-button-container {
    }


@media only screen and (max-width: 997px) {
    /* Contact Us */
    .ContactFormContainer .FormWrapper {
        max-width: 600px;
        padding: 40px 100px;
    }

    .g-recaptcha-container {
        margin-left: 0;
    }
}


@media only screen and (max-width:991px) {
    .QueryCheckList .col-lg-6, .QueryCheckList .col-lg {
        width: 100%;
        max-width: 440px;
    }

    .scrollableBlock{
        max-width: 443px;
    }
    /*Umbraco override*/
    .row:before {
        content: none !important;
    }

    .pretty.p-icon.p-round.p-jelly, .pretty.p-default.p-round.p-smooth {
        width: 100%;
    }
    .unique .pretty.p-icon.p-round.p-jelly, .pretty.p-default.p-round.p-smooth {
        width: 100%;
    }

    .ContactFormContainer .FormWrapper .select2-container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100% !important;
    }

    .swal2-popup button {
        
        font-size: 14px !important;
        padding: 14px 20px !important;
    }
        .swal2-popup button.swal2-confirm {
            border: 2px solid #d42e12 !important;
        }
}

@media (max-width: 767px){
    .ContactFormContainer .FormWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #1D3443 !important;
        padding-left: 15px;
        line-height: 20px;
        font-size: 15px;
        vertical-align: text-top;
        width: 80%;
    }

    .ContactFormContainer .FormWrapper .select2-selection--single
    {
        font-size: 14px;
        padding-left: 10px !important;
    }
}



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

    /* Contact Us */
    .ContactFormContainer .FormWrapper {
        max-width: 100%;
        padding: 40px 40px;
        border: 4px solid #d42e12;
    }

    .scrollableBlock{
        max-width: 520px;
    }

    .left {
        left: -10px;
        width: 13px;
    }

    .right {
        width: 13px;
        right: -14px;
    }

    
}
@media (max-width: 510px){
    .scrollableBlock{
        max-width: 440px;
        width: 106%;
    }
}

@media (max-width: 500px) {
    .left {
        left: -10px;
        width: 13px;
    }

    .right {
        width: 13px;
        right: -14px;
    }
}


@media (max-width: 400px){
    .swal2-popup button {
        font-size: 12px !important;
        padding: 14px 10px !important;
    }

    .scrollableBlock {
        width: 108%;
    }

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

    .pillType{
        margin-bottom: 5px;
    }
}