.breadcrumbs ul {display: flex;}
.breadcrumbs ul li {margin-right: 15px;position: relative;z-index: 9}
.breadcrumbs ul li a{color: #fff;font-size: 16px;font-weight: 500;}
.breadcrumbs ul li i {margin-left: 5px;color: #fff;}
.fa-duotone::after{opacity: 0.9;}

.quote-style-one{padding: 60px 0 60px 0;background-image: url('../images/banner-inner-pages.webp');position: relative;background-size: cover;overflow: hidden;background-position: center;background-repeat: no-repeat;}
.quote-style-one:before{background: rgba(15, 49, 58, 0.76);background: linear-gradient(-90deg, transparent, #0f313a 65%);content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.quote-style-one h1{font-size: 64px;line-height: 1;text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #ffffff;margin-bottom: 10px;position: relative;z-index: 9;}

.quote-title {color: #000;font-family: "Marcellus", serif;font-weight: 700;font-style: normal;}
.quote-subtitle {font-size: 18px;color: #555;max-width: 700px;margin: 0 auto;}
.quote-form-box {box-shadow: 0px 4px 4px 0px #00000040;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;background: white;padding: 35px;}
.form-section-title {font-size: 22px;margin-bottom: 20px;font-weight: 600;}
.form-control {height: 48px;}
textarea.form-control {height: auto;}
.btn-quote {background-color: #C8A969;padding: 12px 25px;border-radius: 15px;font-weight: 700;font-size: 15px;color: #0B1F44;margin-top: 13px;border-color: #C8A969;}
.btn-quote:hover {background-color: #0B1F44;color: #fff;border-color: #0B1F44;}
.quote-info-box {background: #F5F5F5;padding: 30px;border-radius: 16px;height: 100%;}
.quote-info-box h4 {font-size: 24px;margin-bottom: 15px;}
.quote-info-note {margin-top: 25px;padding: 15px;background: #fff;border-radius: 12px;border: 1px solid #eee;font-size: 15px;}
label{font-size: 13px;font-weight: 600;margin-bottom: 8px;font-family: "Marcellus", serif;color: #000000;}
input, select, textarea {border: 1px solid #dee2e6;border-radius: 3px;padding: 8px 8px;}
select {background-image: url(../images/download-down-select.svg);background-repeat: no-repeat;background-position: right .75rem center;background-size: 12px 12px;padding-left: 50px !important;}
.quote-info-box p{color: #000;font-size: 17px;font-weight: 400;margin-top: 10px;}

.quote-form-box input{border: 2px solid #E0E3E7;border-radius: 10px;padding: 8px 8px;padding-left: 50px;}
.quote-form-box select{border: 2px solid #E0E3E7;border-radius: 10px;padding: 8px 8px;}
.quote-form-box textarea{border: 2px solid #E0E3E7;border-radius: 10px;padding: 8px 8px;}
.input-with-icon {position: relative;}
.input-icon-circle {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.input-icon-circle img {width: 20px;height: 20px;object-fit: contain;}
.form-uper-area {background-color: #0B1F44;border-top-left-radius: 40px;border-top-right-radius: 40px;padding: 30px 30px;}
.uper-display {position: relative;padding-left: 115px;}
.icon-circle {position: absolute;left: 0;top: 0;width: 90px;height: 90px;background: #C8A969;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.uper-display h2 {color: #fff;font-weight: 700;font-size: 32px;font-family: "Marcellus", serif;}
.uper-display p {color: #fff;font-family: "Marcellus", serif;margin-top: 10px;}
.quote-form-box{margin-bottom: 20px;}

@media (min-width: 200px) and (max-width: 299.98px) 
{
    .quote-style-one{padding: 100px 0 60px 0;}
    .quote-style-one h1 {font-size: 30px;}
    .quote-title{font-size: 25px;}
    .quote-subtitle {font-size: 16px;}

    .icon-circle{display: none;}
    .uper-display{padding-left: 0px;}
    .uper-display h2{font-size: 25px;}
    .form-uper-area {border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 15px;}
    .setting-form{padding: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
    .forms-home-btn button{font-size: 13px;padding: 10px 10px;border-radius: 5px;font-size: 12px;}
    .quote-form-box{padding: 15px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-bottom:20px;}
    .form-section-title {font-size: 17px;margin-bottom: 10px;}
    .form-section-title.mt-4{margin-top: 10px !important;}
    .btn-quote{border-radius: 8px;}

    .quote-info-box{padding: 15px 15px;}
    .quote-info-box h4 {font-size: 18px;}
    .quote-info-box p {font-size: 14px;}
    .quote-info-note{padding: 7px;border-radius: 7px;font-size: 13px;}

}

@media (min-width: 300px) and (max-width: 399.98px) 
{
    .quote-style-one{padding: 100px 0 60px 0;}
    .quote-style-one h1 {font-size: 30px;}
    .quote-title{font-size: 25px;}
    .quote-subtitle {font-size: 16px;}

    .icon-circle{display: none;}
    .uper-display{padding-left: 0px;}
    .uper-display h2{font-size: 25px;}
    .form-uper-area {border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 15px;}
    .setting-form{padding: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
    .forms-home-btn button{font-size: 13px;padding: 10px 10px;border-radius: 5px;font-size: 12px;}
    .quote-form-box{padding: 15px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-bottom:20px;}
    .form-section-title {font-size: 17px;margin-bottom: 10px;}
    .form-section-title.mt-4{margin-top: 10px !important;}
    .btn-quote{border-radius: 8px;}

    .quote-info-box{padding: 15px 15px;}
    .quote-info-box h4 {font-size: 18px;}
    .quote-info-box p {font-size: 14px;}
    .quote-info-note{padding: 7px;border-radius: 7px;font-size: 13px;}

}

@media (min-width: 400px) and (max-width: 499.98px) 
{
    .quote-style-one{padding: 100px 0 60px 0;}
    .quote-style-one h1 {font-size: 30px;}
    .quote-title{font-size: 25px;}
    .quote-subtitle {font-size: 16px;}

    .icon-circle{display: none;}
    .uper-display{padding-left: 0px;}
    .uper-display h2{font-size: 25px;}
    .form-uper-area {border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 15px;}
    .setting-form{padding: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
    .forms-home-btn button{font-size: 13px;padding: 10px 10px;border-radius: 5px;font-size: 12px;}
    .quote-form-box{padding: 15px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-bottom:20px;}
    .form-section-title {font-size: 17px;margin-bottom: 10px;}
    .form-section-title.mt-4{margin-top: 10px !important;}
    .btn-quote{border-radius: 8px;}

    .quote-info-box{padding: 15px 15px;}
    .quote-info-box h4 {font-size: 18px;}
    .quote-info-box p {font-size: 14px;}
    .quote-info-note{padding: 7px;border-radius: 7px;font-size: 13px;}

    .quote-form-box .col-md-6.mb-3, .quote-form-box .col-md-4.mb-3{width: 50%;}

}

@media (min-width: 500px) and (max-width: 766.98px)
{
    .quote-form-box .col-md-6.mb-3, .quote-form-box .col-md-4.mb-3{width: 50%;}
    .quote-style-one{padding: 100px 0 60px 0;}
    .quote-style-one h1 {font-size: 30px;}
    .quote-title{font-size: 25px;}
    .quote-subtitle {font-size: 16px;}
    .form-uper-area{padding: 15px 15px;}

    .quote-form-box{padding: 15px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-bottom:20px;}
    .form-section-title {font-size: 17px;margin-bottom: 10px;}
    .form-section-title.mt-4{margin-top: 10px !important;}
    .btn-quote{border-radius: 8px;}

    .quote-info-box{padding: 15px 15px;}
    .quote-info-box h4 {font-size: 18px;}
    .quote-info-box p {font-size: 14px;}
    .quote-info-note{padding: 7px;border-radius: 7px;font-size: 13px;}
}