/*============Estimate Section Css===============*/
.estimate-main{padding: 40px 0 0;}

.estimate-section{}
.estimate-blk{}
.estimate-top{margin: 0 0 30px;}

.estimate-amount{text-align: center; margin: 0 0 30px;}
.estimate-amount-blk{background: #224B8F; border: 1px solid #92D1FF; padding: 16px 20px; border-radius: 3px; min-width: 538px; display: inline-flex; align-items: center; justify-content: center;}
.estimate-amount-blk h3{font-weight: normal; font-size: 14px; line-height: 23px; color: #FFFFFF; margin: 0; padding: 12px; border: 1px solid #FFFFFF;}
.estimate-amount-inr{display: flex; align-items: flex-end;}
.estimate-amount-inr h4{font-weight: 600; font-size: 44px; color: #FFFFFF; margin: 0 10px 0 40px; line-height: 1.1;}
.tax-blk{display: flex;}
.tax-blk h5{font-size: 20px; color: #FFFFFF; margin: 0;}
.tax-blk h6{font-size: 20px; color: #FFFFFF; margin: 0 0 0 20px;}

.smartwizard {}
.smartwizard .nav {position: relative; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.smartwizard ul.nav li {text-align: center; width: 17%; padding: 0px;}
.smartwizard .nav-link {position: relative; display: block; padding: .5rem 1rem; text-decoration: none; width: 100%;}
.smartwizard .nav-link::before {content: " "; position: absolute; display: block; top: 22px; right: 0; width: 50%; text-decoration: none; border-bottom: 5px solid #EDF3F6;}
.smartwizard ul.nav li:last-child .nav-link::before{display: none;}
.smartwizard ul.nav li:first-child .nav-link::after{display: none;}
.smartwizard .nav-link::after {content: " "; position: absolute; display: block; top: 22px; left: 0; width: 50%; text-decoration: none; border-bottom: 5px solid #EDF3F6;}
.smartwizard .nav-link h3 {display: inline-block; margin: 0; position: relative; z-index: 9; color: #bebebe; width: 25px; height: 25px; line-height: 28px; text-align: center; border-radius: 100%; font-size: 0px; background-color: #EDF3F6;}
.smartwizard .nav-link.active h3 {background-color: #3BA3EE; color: #fff; border-color: #3BA3EE; width: 30px; height: 30px; line-height: 28px; font-size: 24px;}
.smartwizard .nav-link.done::before {border-bottom-color: #3BA3EE;}
.smartwizard .nav-link.done h3 {background-color: #3BA3EE; color: #fff; border-color: #3BA3EE;}
.smartwizard .nav-link.done::after {border-bottom-color: #3BA3EE;}
.smartwizard .nav-link.active.done::before {border-bottom-color: #EDF3F6;}

.estimate-bottom{}
.est-btm-title{margin: 0 0 50px;}
.est-btm-title h2{font-weight: 700; font-size: 22px; line-height: 43px; color: #224B8F; border-bottom: 1px solid #224B8F; padding: 0 10px 10px; margin: 0; display: flex; align-items: center;}
.est-btm-title h2 span{font-weight: 500; line-height: 43px; color: #000000; padding: 0 0 0 70px;}
.est-btm-blk{}

/*============Step One Css===============*/
.est-stepone{margin: 0 0 60px; display: flex; align-items: flex-end; justify-content: center;}
.flr-area{}
.flr-area input{border: 5px solid #D3D3D3; width: 209px; height: 85px; text-align: center; color: #333; font-size: 32px;}
.flr-area-msr{}
.flr-area-msr ul{margin: 0 0 0 20px; padding: 0; display: flex; align-items: center;}
.flr-area-msr ul li{list-style-type: none; line-height: inherit; background: #FFFDF4; width: 71px; height: 49px; padding: 0; font-weight: normal; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.flr-area-msr ul li.active{border: 2px solid #224B8F; background: transparent;}

/*============Step Two Css===============*/
.est-steptwo{border: 1px solid #D3D3D3; border-radius: 3px; padding: 20px; margin: 0 0 50px;}
.est-steptwo-option{margin-left: -14px; margin-right: -14px; display: flex; flex-wrap: wrap;}
.est-steptwo-cm{width: 33.33%; padding: 0 14px; margin: 0 0 40px;}
.est-steptwo-cm:nth-child(4), .est-steptwo-cm:nth-child(5), .est-steptwo-cm:nth-child(6){margin: 0px;}
.est-steptwo-cm.active{}
.est-steptwo-inr{border: 4px solid #ececec; height: 100%; cursor: pointer; transition: all 0.2s;}
.est-steptwo-cm.active .est-steptwo-inr, .est-steptwo-cm:hover .est-steptwo-inr {border-color: #224B8F;}
.est-steptwo-tp{background: #EDE2C4; text-align: center;}
.est-steptwo-tp h3{font-weight: 500; font-size: 20px; line-height: 35px; margin: 0; padding: 10px 0;}
.est-steptwo-mdl{height: 108px; overflow: hidden;}
.est-steptwo-mdl img{width: 100%;}
.dontknow-blk{height: 100%; background: rgb(196, 196, 196); display: flex; align-items: center; justify-content: center;}
.dontknow-blk i{color: #838383; font-size: 80px;}
.est-steptwo-btm{padding: 16px;}
.est-steptwo-btm h4{font-weight: 500; font-size: 16px; line-height: 23px; color: #224B8F; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #224B8F; text-align: center;}
.est-steptwo-btm p{margin: 0px; font-weight: 400;}
.est-steptwo-btm ul{margin: 0 10px;}
.est-steptwo-btm ul li{font-weight: 400; font-size: 14px; line-height: 20px; color: #333; padding: 0;}

/*============Step Three-Two Css===============*/
.sealing-main{}
.sealing-blk{}
.sealing-tp{margin: 0 0 30px; display: flex;}
.sealing-tp-lft{width: 75%; padding: 0 20px;}
.sealing-tp-lft h3{margin: 0 0 18px;}
.sealing-tp-lft h3 i{color: #224B8F; font-size: 30px; vertical-align: middle;}
.sealing-tp-lft h3 span{font-weight: normal; font-size: 20px; line-height: 29px; color: #000000; margin: 0 0 0 10px;}
.sealing-tp-lft p{font-weight: normal; font-size: 16px; line-height: 23px; margin: 0 0 0 44px;}
.sealing-tp-rgt{width: 25%; padding: 0 20px;}
.sealing-img{}
.sealing-img img{width: 100%;}
.sealing-btm{}
.est-stepthree-two{border: 1px solid #D3D3D3; border-radius: 3px; padding: 40px 50px; margin: 0 0 50px;}
.sealing-inner{}
.sealing-inner ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.sealing-inner ul li{width: 50%; list-style-type: none; padding: 0 0 36px;}
.sealing-inner ul li:nth-child(3), .sealing-inner ul li:nth-child(4) {padding: 0px;}

/*============Step Three Modal===============*/
.outer-wall-modal{}
.outer-wall-modal .modal-tp {margin: 0 0 50px;}
.outer-wall-modal .modal-hdr > h3{padding: 30px 0;}
.outer-wall-modal .modal-mdl {margin: 0 0 40px;}
.tel-button{position: relative; background: #224B8F; border-radius: 5px; padding: 16px 10px; display: flex; align-items: center; justify-content: center;}
.inquiry-contact-blk{margin: 0; padding: 0;}
.inquiry-contact-blk li{list-style-type: none;}
.inquiry-contact-blk li:first-child{margin: 0 0 20px;}
.inquiry-contact-blk li:last-child{padding: 0px;}
.inquiry-contact-blk li:last-child a{color: #fff; display: block; font-size: 20px; padding: 28px 10px; background: #224B8F; border-radius: 5px;}
.tel-btn-lft{font-size: 26px;}
.tel-btn-lft i{color: #fff;}
.tel-btn-rgt {padding: 0 22px;}
.tel-btn-rgt h5{}
.tel-btn-rgt h5 a{color: #fff;}
.tel-btn-rgt h4, .tel-btn-rgt h5, .tel-btn-rgt h6 {color: #fff;margin: 0;font-weight: 500;font-size: 16px;line-height: 1.3;}
.tel-btn-rgt h5 {font-size: 32px;font-weight: 600;}

/*============Step Three Css===============*/
.est-stepthree{border: 1px solid #D3D3D3; border-radius: 3px; padding: 40px 50px; margin: 0 0 50px;}
.story-blk{}
.story-blk ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.story-blk ul li{width: 50%; list-style-type: none; padding: 0 0 36px;}
.story-blk ul li:nth-child(3), .story-blk ul li:nth-child(4){padding: 0px;}
.radio-blk label{font-weight: normal; font-size: 20px; line-height: 35px; color: #000000; padding-left: 70px;}
.radio-blk label:before{width: 23px; height: 23px; border: 2px solid #333333;}
.radio-blk input:checked + label:before{font-size: 45px;}

/*============Step Four Css===============*/
.est-stepfour{border: 1px solid #D3D3D3; border-radius: 3px; padding: 40px 50px; margin: 0 0 50px;}
.roof-option{}
.roof-option ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.roof-option ul li{width: 50%; list-style-type: none; padding: 0;}

/*============Step Five Css===============*/
.est-stepfive-blk{border: 1px solid #D3D3D3; border-radius: 3px; padding: 20px; margin: 0 0 50px;}
.est-stepfive-option{margin-left: -14px; margin-right: -14px; display: flex; flex-wrap: wrap;}
.est-stepfive-cm{width: 33.33%; padding: 0 14px; margin: 0 0 40px; cursor: pointer;}
.est-stepfive-cm:nth-child(4), .est-stepfive-cm:nth-child(5), .est-stepfive-cm:nth-child(6) {margin: 0px;}
.est-stepfive-inr{border: 5px solid #D3D3D3; height: 100%; transition: all 0.2s;}
.est-stepfive-cm.active .est-stepfive-inr, .est-stepfive-cm:hover .est-stepfive-inr {border-color: #224B8F;}
.est-stepfive-tp{background: #EDE2C4; text-align: center;}
.est-stepfive-tp h3{font-weight: normal; font-size: 24px; line-height: 35px; margin: 0; padding: 10px 0;}
.est-stepfive-mdl{height: 108px; overflow: hidden;}
.est-stepfive-mdl img{width: 100%;}
.est-stepfive-btm{padding: 16px;}
.est-stepfive-btm h4{font-weight: 500; font-size: 16px; line-height: 23px; color: #224B8F; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #224B8F; text-align: center;}
.est-stepfive-btm p{margin: 0px; font-weight: 400;}
.est-stepfive-btm ul{margin: 0 10px;}
.est-stepfive-btm ul li{font-weight: 400; font-size: 14px; line-height: 20px; color: #333; padding: 0;}

.return-proceed-blk{margin: 0 0 60px;}
.return-proceed-blk ul{margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.return-proceed-blk ul li{list-style-type: none; padding: 0 20px; line-height: inherit;}
.return-proceed-blk ul li a{font-weight: normal; font-size: 18px; letter-spacing: 1px; color: #FFFFFF; width: 315px; height: 45px; line-height: 45px; text-align: center; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.return-proceed-blk ul li a.return{background: #8A959A;}
.return-proceed-blk ul li a.next{background: #3BA3EE; cursor: pointer;}
.return-proceed-blk ul li a i{padding: 0 14px 0 0; font-size: 24px;}


.text-danger {color: rgba(255, 0, 0, 0.87)}
.alert-message {display:none; padding: 5px;color: #ca0808; margin: 10px 0;}
.alert-bg-red { background-color: #ca0808; color: #fff; }

/*============Step Five Modal===============*/
.pottery-roof{}
.pottery-roof .modal-tp{margin: 0 0 50px;}
.pottery-roof .modal-hdr > h3{padding: 30px 0;}
.pottery-roof .modal-mdl {margin: 0 0 40px;}
.pottery-roof .modal-btm button{width: 100%; padding: 28px 10px;}


/*============Responsive Css===============*/
@media all and (max-width:1366px) {

}

@media all and (max-width:1024px) {

}

@media all and (max-width:960px) {
    /*============Step Three-Two Css===============*/
    .est-stepthree-two{padding: 40px;}
    .radio-blk label{font-size: 20px; padding-left: 60px;}
}

@media screen and (max-width:767px) {
    /*============Estimate Section Css===============*/
    .estimate-main {padding: 0;}
    .estimate-blk {margin: 0 0 30px;}
    .estimate-top {margin: 0;}

    .estimate-amount{margin: 0 0 10px;}
    .estimate-amount-blk{padding: 12px; width: 100%; min-width: inherit; flex-direction: column;}
    .estimate-amount-blk h3{font-size: 14px; text-align: center; margin: 0 0 6px; padding: 2px 12px;}
    .estimate-amount-blk h3 br{display: none;}
    .estimate-amount-inr{align-items: baseline; flex-wrap: wrap; justify-content: flex-end;}
    .estimate-amount-inr h4{font-size: 34px; margin: 0 10px; word-break: break-word;}
    .tax-blk{}
    .tax-blk h5{font-size: 16px; margin-right: 5px;}
    .tax-blk h6{font-size: 16px; margin: 0;}

    .smartwizard {margin: 0 0 30px;}
    .smartwizard .nav{}
    .smartwizard ul.nav li{width: 18%;}
    .smartwizard .nav-link.active h3{font-size: 20px;}

    /*============Step One Css===============*/
    .est-btm-title {margin: 0 0 20px;}
    .est-btm-title h2{font-size: 16px; line-height: 1.5; align-items: flex-start; flex-direction: column;}
    .est-btm-title h2 span{font-size: 16px; line-height: 1.5; padding: 0;}
    .est-stepone{margin: 0 0 36px;}
    .flr-area input{width: 116px; height: 61px; font-size: 26px;}
    .flr-area-msr ul li{height: auto; width: auto; font-size: 24px; line-height: 18px;}
    .flr-area-msr ul li.active{border: none;}

    /*============Step Two Css===============*/
    .est-steptwo{border: none; padding: 0 14px; margin: 0 0 30px;}
    .est-steptwo-cm{width: 100%; margin: 0 0 20px;}
    .est-steptwo-cm:nth-child(4), .est-steptwo-cm:nth-child(5), .est-steptwo-cm:nth-child(6){margin: 0 0 20px;}
    .est-steptwo-tp h3{font-size: 16px; line-height: 1.5;}
    .est-steptwo-btm p{line-height: 20px;}
    .est-steptwo-btm h4{display: none;}
    

    /*============Step Three-Two Css===============*/
    .sealing-tp{flex-direction: column;}
    .sealing-tp-lft{width: 100%; padding: 0; margin: 0px 0 26px;}
    .sealing-tp-lft h3 {margin: 0 0 14px;}
    .sealing-tp-lft h3 i{font-size: 26px;}
    .sealing-tp-lft h3 span{font-size: 16px; line-height: 1.5;}
    .sealing-tp-lft p{font-size: 14px; line-height: 20px;}
    .sealing-tp-rgt{width: 80%; padding: 0; margin: 0 auto;}
    .sealing-img{height: 119px; overflow: hidden;}
    .est-stepthree-two{border: none; padding: 20px 10px; margin: 0;}
    .sealing-inner ul li{width: 100%; padding: 0 0 30px;}
    .sealing-inner ul li:nth-child(3), .sealing-inner ul li:nth-child(4){padding: 0 0 30px;}


    /*============Step Three Css===============*/
    .est-stepthree{border: none; padding: 20px 10px; margin: 0;}
    .story-blk ul li{width: 100%; padding: 0 0 30px;}
    .story-blk ul li:nth-child(3), .story-blk ul li:nth-child(4) {padding: 0 0 30px;}
    .radio-blk label{font-size: 18px; line-height: 20px; padding-left: 50px;}
    .radio-blk label:before{}
    
    /*============Step Three Modal===============*/
    .outer-wall-modal .modal-tp {margin: 0 0 30px;}
    .outer-wall-modal .modal-hdr > h3{padding: 16px 0;}
    .outer-wall-modal .modal-mdl {margin: 0 0 20px;}
    .inquiry-contact-blk li:first-child {margin: 0;}
    .tel-btn-lft {font-size: 20px;}
    .tel-btn-rgt{padding: 0 12px;}
    .tel-btn-rgt h4, .tel-btn-rgt h5, .tel-btn-rgt h6{font-size: 12px;}
    .tel-btn-rgt h5{font-size: 24px;}
    .inquiry-contact-blk li:last-child a{font-size: 15px; padding: 28px 8px;}
    

    /*============Step Four Css===============*/
    .est-stepfour{border: none; padding: 20px 10px; margin: 0;}
    .roof-option ul li{width: 100%; padding: 0 0 30px;}

    /*============Step Five Css===============*/
    .est-stepfive-blk{border: none; padding: 0 14px; margin: 0 0 30px;}
    .est-stepfive-cm{width: 100%; margin: 0 0 20px;}
    .est-stepfive-cm:nth-child(4), .est-stepfive-cm:nth-child(5), .est-stepfive-cm:nth-child(6){margin: 0 0 20px;}
    .est-stepfive-tp h3{font-size: 18px; line-height: 1.5;}
    .est-stepfive-btm p{line-height: 20px;}
    .est-stepfive-btm h4{display: none;}

    .return-proceed-blk {margin: 0;}
    .return-proceed-blk ul{flex-direction: column-reverse;}
    .return-proceed-blk ul li{padding: 0px; width: 100%;}
    .return-proceed-blk ul li a{width: 80%; margin: 0 auto; font-size: 16px;}
    .return-proceed-blk ul li a.next{margin: 0 auto 20px;}
    .return-proceed-blk ul li a i{font-size: 18px;}
    
    /*============Step Five Modal===============*/
    .pottery-roof .modal-tp {margin: 0 0 30px;}
    .pottery-roof .modal-hdr > h3 {padding: 16px 0;}
    .pottery-roof .modal-mdl {margin: 0 0 20px;}
    .pottery-roof .modal-btm button{padding: 20px 10px;}

}