/*
 Theme Name:   TwentyTwenty One Child Theme
 description:  A child theme of the Twenty Fifteen default WordPress theme
 Author:       Nick Schäferhoff
 Template:     twentytwentyone
 Version:      1.0.0
*/


/* pricing form css */
   @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
img{max-width: 100%; }
body{
font-family: 'Lato', sans-serif;
}

.rs-price-form {
    margin: 0px!important;
    padding: 0px;
}
.rs-price-form .container{
    padding:0px !important;
    overflow: hidden !important;
}
.maiin-sec .row {
    margin: 0 !important;
}
.maiin-sec .col-lg-12 {
    padding: 0;
}
.header .row{
    margin:0px !important;
}
.header .col-lg-12{
    padding:0px !important;
}
.header-logo {
    padding-top: 0 !important;
}
.top-part-header {background-color: #152739;}
.rs-price-form .container {width: 100%; max-width: 1100px; margin: 0 auto; padding: 0px; }
.top-inner-header {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 35px 50px; }
.top-inner-header .header-heading h1 {line-height: 2.8; font-size: 30px; font-weight: 600; color: #fff; }
.header-heading {display: flex; flex-wrap: wrap; align-items: center; }
.header-heading img { padding: 10px; }
.addcart{background-color: #40c1c1; width: 55px; height: 55px; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; }
.addcart  a{max-width: 25px; width: 100%; } ::placeholder {color: #000; font-size: 14px; font-weight: 300; color: #000; } 
.bottom-part-header {padding-bottom: 34px;}
.bottom-inner-header{background-color: #8dc73f; padding: 35px 50px; border-radius: 0px 0px 12px 12px; display: flex; flex-wrap: wrap; justify-content:  space-between; }
.bottom-part-header p {margin: 0; line-height: 1.8; font-size: 24px; font-weight: 400; color: #fff }
.contact-us{display: flex; align-items: center; justify-content: flex-end; }
.contact-us input {padding: 7px 13px !important; margin: 0px 10px!important; font-size: 15px!important; min-width: 100%!important; border: none!important; font-family: lato!important; }

/******************************tab******************************/
.tab-menu { border: 1px solid #41c0c1; border-radius: 12px; overflow: hidden; }
.tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.tab-menu ul li {width: 100%; text-align:center; }
.tab-menu ul li a {display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; color: #41c0c1; font-size: 20px; letter-spacing: 0.44px; font-family: 'lato'; font-weight: 400; display: inline-block; padding: 18px 16px; text-decoration: none; transition: 0.5s all; border-right: 1px solid #41c0c1; min-height:100%; }
.tab-menu ul li:last-child a {border-right: none }
/*.tab-menu ul li a:hover { background:#fff; color:#fff; text-decoration:none; }*/
.tab-menu ul li a.active {background: #41c0c1 !important; color: #fff !important; text-decoration: none !important;} 
.tab-box { display:none; }
img.tab-icon {max-width: 50px; width: 100%; }
.tab-teaser {padding:34px 15px 100px 15px; width:100%; margin:0 auto; font-family: 'lato'; }
.tab-main-box {background: #fff; margin-top: 0px; border-radius: 10px; }
.tab-menu ul li a.active img {filter: brightness(0) invert(1); }
 .tab-menu ul li a img{ max-width: 91px; width: 100%; height: 100%; padding: 0px 25px; align-items: center; min-height: 52px; }
.tab-box{padding-top: 27px; }
 /******************************tab******************************/

/*******************************price form******************************/
.box-code{
    padding: 16px 0px 38px 0px;
}
.price-form h2{    padding: 27px 0px 16px 0px; font-size: 28px; font-family: lato; color: #1a3747; font-weight: bold; line-height: 1.3; }
.tab-inner-title h4 {font-size: 20px; line-height: 1.5; font-weight: 600; color: #1a3747;  margin:0px;   text-transform: capitalize;  }
.tab-inner-title:before {width: 7px; height: 7px; background: #1a3747; content: ""; border-radius: 100%; position: absolute; display: flex; left: 0; top: 30%; }
.tab-inner-title {padding: 0px 20px 16px 20px; position: relative; }

.tab-wrap-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.info a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    font-size: 10px !important;
    font-weight: 400;
    text-align: center;
    line-height: 13px !important;
    text-indent: -2px;
}
.info a img{     height: auto;     max-width: 100% !important; }
.tooltip {
  display: inline;
  position: relative;
}
.tooltip:hover:after {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: -26px 30px 0px;
    font-size: 12px;
    padding: 10px;
    min-width: 150px;
    width: 100%;
}

 /******************************inner tab******************************/
.inner-tab-menu { border: 1px solid #895ba3; border-radius: 12px; overflow: hidden; }
.inner-tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.inner-tab-menu ul li { margin:0px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align:center; }
.inner-tab-menu ul li a {color: #895ba3; text-transform: uppercase; letter-spacing: 0.44px; position: relative; font-weight: bold; min-height: 100%; display: inline-block; padding: 30px 60px; display: flex; text-decoration: none; transition: 0.5s all; border-bottom: 0; flex-wrap: wrap; align-items: start; }
/*.inner-tab-menu ul li a:hover { background:#d0d062; color:#fff; text-decoration:none; }*/
.inner-tab-menu ul li a.active {    background: #895ba3 !important; color: #fff !important; text-decoration: none;} 
.inner-tab-box { display:none; }
.inner-tab-teaser { max-width:800px; width:100%; margin:0 auto; font-family: 'Oswald'; }
.inner-tab-main-box { background:#f4fcce; padding: 10px 30px; border:2px solid #d0d062; margin-top:-2px }
.tab-text-wrap p:nth-child(1)  {font-size: 18px; line-height: 1.2; font-weight: 400; text-transform: none; padding-bottom:10px;}
.tab-text-wrap p:nth-child(2)  {font-size: 15px; line-height: 1.2; font-weight: 300; text-transform: none;  padding-bottom:10px;}
span.checked {background: #fff; border: 1px solid #895ba3; position: absolute; top: 34px; left: 42px; }
.tab-text-wrap {text-align: start; padding: 0px 0px 0px 20px; }
.inner-tab-menu ul li a.active i {color: #895ba3; }

/*  */
.landing-inner-tab-menu { border: 1px solid #895ba3; border-radius: 12px; overflow: hidden; }
.landing-inner-tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.landing-inner-tab-box { display:none; }
.landing-inner-tab-menu ul li { margin:0px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align:center; }
.landing-inner-tab-menu ul li a {color: #895ba3; text-transform: uppercase; letter-spacing: 0.44px; position: relative; font-weight: bold; min-height: 100%; display: inline-block; padding: 30px 60px; display: flex; text-decoration: none; transition: 0.5s all; border-bottom: 0; flex-wrap: wrap; align-items: start; }
/*.inner-tab-menu ul li a:hover { background:#d0d062; color:#fff; text-decoration:none; }*/
.landing-inner-tab-menu ul li a.active {    background: #895ba3 !important; color: #fff !important; text-decoration: none;} 
.landing-inner-tab-menu ul li a.active i {color: #895ba3; }
/*sub two*/
ul.delivery-listing li.active i {
background: #fff;
color: #895ba3;
border: 1px solid #895ba3;
}
ul.delivery-listing li.active {
background: #895ba3;
}
.zmdi-check:before {
content: "\f26b";
}
ul.delivery-listing li span.checked {
font-size: 14px;
font-weight: 500;
background: #fff;
border: none;
}
ul.delivery-listing li h4 i {
background-color: transparent;
width: 32px;
height: 32px;
border: 1px solid #000;
text-align: center;
line-height: 30px;
color: #000;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
font-weight: 700;
font-size: 20px;
}
ul.delivery-listing {
width: 100%;
display: flex;
margin: 0;
}
ul.delivery-listing > li {
width: 50%;
background-color: #fff;
list-style: none;
text-align: center;
border: 1px solid #895ba3;
margin: 0;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
cursor: pointer;
position: relative;
}
.check-radio {
position: relative;
display: inline-block;
}

.check-radio label {
display: inline-block;
vertical-align: top;
cursor: pointer;
line-height: 18px;
font-weight: normal;
font-size: 14px;
font-weight: 500;
color: #000;
position: relative;
height: 100%;
}
.delivery-option ul.delivery-listing > li.check-radio label {
padding: 40px 10px;
}
ul.delivery-listing li h4 {
text-transform: none;
font-size: 22px;
display: inline-block;
position: relative;
padding-left: 45px;
line-height: 32px;
margin-bottom: 10px;
}

.delivery-listing.full-check-radio p {
font-size: 14px;
}
ul.delivery-step-listing {
position: relative;
padding: 12px 0;
margin: 0;
}
ul.delivery-step-listing:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 30px;
height: 2px;
background: rgba(0, 0, 0, 0.2);
top: 0px;
}
ul.delivery-listing li:first-child {
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}

ul.delivery-step-listing li {
list-style: none;
font-size: 14px;
border: none !important;
}
ul.delivery-step-listing:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 30px;
height: 2px;
background: rgba(0, 0, 0, 0.2);
bottom: 0;
}
ul.delivery-listing li .delivery-price {
font-size: 20px;
font-weight: 700;
margin: 20px 0 10px;
}
ul.delivery-listing li span {
font-size: 14px;
font-weight: 500;
}
/*tamplate counting*/
.template-counting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 38px 0px;
}
.template-50 {
    width: 50%;
}
.number-wraping {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.number input[type="text"] {
    width: 30px;
    text-align: center;
    background: #895ba3;
    color: #fff;
    font-size: 13px;
    border: none;
    border-radius: 6px;
    margin:0px;
}
.plus-minus {
    width: calc(100% - 38px);
}
.number {
 display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    /*padding-left: 35px;*/
    padding-right: 35px;
}
.number span {
     border: 1px solid #895ba3;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    min-width: 20px;
    cursor: pointer;
}

/* .number span:nth-child(2) {
    border-bottom: 0px;
} */
.number-text{
    display: flex;
    flex-wrap: wrap;
}
.number-text p{
        font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: #895ba3;
    text-transform: none;
}
.number-text i{
        font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
        color: #895ba3;
    text-transform: none;
    padding-left: 28px;
}   
.price-form .border-bottom{
    border-bottom: 1px dashed #c9c9c9 !important;
}
/*time span*/
.time-span {
    padding: 40px 0px 40px 0px;
}
.box-hour-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.time-hour {
   background-color: #fff;
    color: #000;
    width: 100%;
    max-width: 84px;
    text-align: center;
    padding: 16px 0px;
    border-radius: 15px;
    border: 2px solid #f2f2f2;
    cursor: pointer;
}
.time-hour p{
         font-size: 19px;
    line-height: 2;
    font-weight: 400;
}
.time-price{
    background-color: #eeeeee;
    width: 100%;
    max-width: 65px;
    margin: 0 auto;
    color: #000;
    border-radius: 10px;
}
.time-hour.active {
    background-color: #895ba3;
    color: #fff;
}
.time-hour.active .time-price{
    background-color: #fff;
}
.time-price p {
    font-size: 24px;
    line-height: 2;
    font-weight: bold;
    margin:0;
}
/*bluprint*/
.blu-print{
    padding: 40px 0;
}
.box-blu-wrap {
 display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
span.blu-checked {

      background: #fff;
    color: #000000;
    width: 21px;
    text-align: center;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
}
.blu-requirment.active {
    background-color: #895ba3;
    color: #fff;
}
.blu-requirment.active span.blu-checked{
    background: #fff;
    color: #895ba3;
    border: 1px solid #895ba3;
}
.blu-requirment p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    margin: 0 15px;
}
span.blu-price {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 700;
}
.blu-requirment:nth-child(3n) {
    margin-right: 0;
}
.blu-requirment {
 display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #eeeeee;
    width: auto;
    justify-content: space-around;
    padding: 10px 12px;
    color: #000;
    border-radius: 15px;
    margin-right: 10px;
    cursor: pointer;
}
/*email service*/
/*ul.row.custom-chk-listing.append-only div li {
    display: block;
    display: none;
}*/
.email-service{padding: 38px 0px; }
ul.row.custom-chk-listing.append-only > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
li.col-lg-4 {
    width: 33.33%;
    list-style-type: none;
    min-height: 41px;
    margin-bottom: 7px !important;
}
.custom-radio [type="radio"], .custom-chk [type="checkbox"] {
    position: absolute;
    /*left: 15px;*/
    opacity: 1;
    /*width: 100%;
    height: 100%;*/
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
ul.row.custom-chk-listing.append-only > div li label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 25px;
    margin: 0;
    cursor: pointer;
}
ul.row.custom-chk-listing.append-only > div li  strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    padding-left: 5px;
}
li.col-lg-4.custom-chk.add-more {
    margin: 10px 0;
}

/*.btn-link.esp-more-btn {
    width: 100%;
    background: #41c0c1;
    color: #fff;
    max-width: 125px;
    padding: 15px;
    border-radius: 12px;
    margin-top: 15px;
}*/
.btn-link.esp-more-btn a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    align-items: center;
    width: 100%;
    background: #41c0c1;
    color: #fff;
    max-width: 125px;
    padding: 15px;
    border-radius: 12px;
    margin-top: 15px;
    transition: all 0.3s ease;
}
.btn-link.esp-more-btn a:hover{
    text-decoration-style: solid;
    text-decoration: underline;
}

/*resolution*/
.resolution{padding: 38px 0px; } 
ul.row.custom-chk-listing>div {display: flex; flex-wrap: wrap; }
 ul.row.custom-chk-listing>div li label  {font-size: 18px; font-weight: 400; line-height: 3.3; color: #000; position: relative; display: inline;}
ul.row.custom-chk-listing > div li label strong {
    font-size: 17px;
    font-weight: bold;
    line-height: 3.3;
    display: inline;
    color: #000;
}
/*Interactive Add-Ons*/
.immersive-add{padding: 38px 0px; }
.box-immersive-add > div > ul{display: flex; flex-wrap: wrap;}
/*.box-immersive-add > div > ul > li {display: flex; flex-wrap: wrap; align-items: center; align-self: baseline;}*/

.box-immersive-add > div > ul.row.custom-chk-listing>div {display: flex; flex-wrap: wrap; padding:0; }
.box-immersive-add > div > ul.row.custom-chk-listing>div li label  {font-size: 17px; font-weight: 400; line-height: 3.3; color: #000; position: relative;}
.box-immersive-add > div > ul li label strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: #000;

}
.box-immersive-add > div > ul li label{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    display: inline-block;
    position: relative;
    padding: 0px 0px 0px 25px;
    cursor: pointer;
    margin: 0 !important;
}
.immersive-additions li {
    margin: 10px 0;
}
.custom-chk label::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #c9c9c9;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.custom-chk [type="checkbox"]:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 6px;
    height: 14px;
    border: solid #c9c9c9;
    border-width: 0 2px 2px 0;
    transform: rotate( 
45deg
 );
}
.info {
    position: relative;
    right: -5px;
    top: -3px;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
}
/*email framework*/
.email-framework{padding: 38px 0px; }
    ul.row.custom-chk-listing >div {display: flex; flex-wrap: wrap; width: 100%; }
 ul.row.custom-chk-listing>div li label  {font-size: 16px; font-weight: 400; line-height: 1.3; color: #000; position: relative; padding: 0px 5px 0px 25px; cursor: pointer;}
ul.row.custom-chk-listing > div li label strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
}
/**/
.resolution .feild input[type="text"] {
    width: 100%;
    max-width: 500px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 35px 10px 20px;
        border: 2px solid #f6f6f6;
    border-radius: 8px;
}
.resolution .feild-wrap-error {
    max-width: 500px;
    position: relative;
}
span.error {
    z-index: 10;
    width: 100%;
    font-size: 12px;
    padding: 8px 12px;
    background-color: #fff;
    color: #ff0000;
    position: absolute;
    top: -140%;
    left: -25%;
    transform: translateY(9px);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ff0000;
    width: auto;
    visibility: visible;
    transform: translateY(-10px);
    opacity: 1;
    top: auto;
    left: 25px;
    bottom: -42px;
}
form .feild:before {
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
    right: 20px;
    margin: 0 auto;
    position: absolute;
    top: 11px;
    font-weight: 700;
    opacity: 0;
}
form .feild {
    position: relative;
}
form .feild {
    margin-bottom: 30px;
}
.custom-radio label, .custom-chk label {

    padding-left: 26px;

}
.box-resolution {
    padding-top: 38px;
}
.project-details-section {
    width: 100%;
    display: inline-block;
}
.project-details-section .feild-wrap-error {
    max-width: 500px;
}
.project-details-section .textarea-wrap {
    border: 1px solid #000;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.project-details-section .feild textarea {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 24px;
    border: none;
    padding:20px;
    min-height: 130px;
}
textarea {
    font-weight: 500;
}
textarea {
    background-color: transparent;
    color: #000;
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border: 1px solid #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 46px;
    resize: none;
    font-family: "Montserrat", sans-serif;
    min-height: 115px;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
.project-file-section {
    width: 100%;
    padding: 30px 0px;
}
.custom-radio, .custom-chk {
    position: relative;
    display: inline-block;
}
input#order_fileurl {
    border: 1px solid #000;
    padding: 3px 5px 7px;
    line-height: 1;
    margin-left: 10px;
}
.project-file-section .custom-chk {
    margin-bottom: 10px;
}
/* .custom-radio [type="radio"], .custom-chk [type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
} */
.project-details-section label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

.project-details-section label {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a3747;
    text-transform: capitalize;
}
.project-details-section label :nth-child(1):before {
    width: 7px;
    height: 7px;
    background: #1a3747;
    content: "";
    border-radius: 100%;
    position: absolute;
    display: flex;
    left: 0;
    top: 30%;
}
.progress-section {
    width: 100%;
    border-top: 1px solid #c5c5c5;
    padding: 15px 0;
    margin-top: 20px;
    display: none;
}
.progress-bar:last-child {
    padding-right: 0;
}

.progress-bar {
    width: 30%;
    background: #fff;
    position: relative;
    height: 30px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding-right: 15px;
}
.progress-bar .bar {
    background: #ffda30;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    height: 30px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    width: 0;
    font-size: 12px;
    text-indent: 10px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    padding-right: 30px;
    word-break: break-all;
}
.progress-bar .upload-error {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 30px;
    font-size: 20px;
    cursor: pointer;
}
.zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tooltips {
    background: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #999999;
    padding: 10px;
    position: absolute;
    top: 35px;
    min-width: 250px;
    left: -30px;
}
.tooltips p {
    font-size: 12px;
    line-height: 1.3;
    color: #999999;
    padding: 0;
}
.progress-bar .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
}

.project-file-section .custom-chk label {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    display: inline;
    position: relative;
    padding: 0px 5px 0px 30px;
    cursor: pointer;
}

label.btn.btn-outline-info.btn-lg {
     width: auto;
    border: none;
    font-size: 15px;
    padding: 4px 5px;
    color:#1a3747;
    margin: 0;
}
label.btn.btn-outline-info.btn-lg svg.bi.bi-folder2-open {
    margin-right: 10px;
}
.btn-outline-info:hover {
    color: #fff !important;
    background-color: #1a3747 !important;
    border-color: #1a3747 !important;
}
.Provide-url input#homepage {
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    color: #1a3747;
    font-weight: 400;
    padding: 3px 5px;
    border: 2px solid #c9c9c9;
}
/* add to cart */
.add-btn button {
    background-color: #41c0c1 !important;
    border: none;
    padding: 12px 15px;
    color: #fff !important;
    font-size: 25px;
    font-weight: 400;
    font-family: 'Lato';
    width: 212px;
    border-radius: 15px;
}
button:focus{
    outline: none!important;
}
.file-sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    padding-top: 5px;
}
.drop-zone {
  width: auto;
    padding: 0px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
    color: #1a3747;
    border: none;
    border-radius: 10px;
}

.drop-zone svg.bi.bi-folder2-open {
    margin: 0 10px;
}
.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}

.add-btn {
    margin: 30px  0px;
}
/* footer */
.footer {
    background-color: #1a3747;
    text-align: center;
    padding: 100px 0px 40px;
}
.privacy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #fff;
}
.privacy p {
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin:0px;
    padding: 10px;
}
.social-icon a {
    background-color: #fff;
    color: #1a3747;
    font-size: 15px;
    text-decoration: NONE;
    padding: 15px 15px;
    border-radius: 100%;
    display: inline-block;
    margin: 8px;
}
.footer-logo img {
    width: unset !important;
    max-width: unset !important;
}
.footer-logo {
    padding-bottom: 20px;
}

.social-icon {
    padding-bottom: 30px;
}
 /******************************landing tab******************************/
 .landing-tab-menu { border: 1px solid #895ba3; border-radius: 12px; overflow: hidden; }
 .landing-tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
 .landing-tab-menu ul li { margin:0px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align:center; }
 .landing-tab-menu ul li a {color: #895ba3; position: relative; font-weight: bold; height: auto; padding: 30px 60px;  text-decoration: none; transition: 0.5s all; border-bottom: 0; display:flex; flex-wrap: wrap; align-items: start; }
 /*.landing-tab-menu ul li a:hover { background:#d0d062; color:#fff; text-decoration:none; }*/
 .landing-tab-menu ul li a.active {    background: #895ba3 !important; color: #fff !important; text-decoration: none !important;} 
 .landing-tab-box { display:none; }
 .landing-tab-teaser { max-width:800px; width:100%; margin:0 auto; font-family: 'Oswald'; }
 .landing-tab-main-box { background:#f4fcce; padding: 10px 30px; border:2px solid #d0d062; margin-top:-2px }
 .tab-text-wrap p:nth-child(1)  {font-size: 18px; line-height: 1.2; font-weight: 400; text-transform: none; padding-bottom:10px; }
 .tab-text-wrap p:nth-child(2)  {font-size: 15px; line-height: 1.2; font-weight: 300; text-transform: none;  padding-bottom:10px; }
 span.checked {background: #fff; border: 1px solid #895ba3; position: absolute; top: 34px; left: 42px; }
 .tab-text-wrap {text-align: start; padding: 0px 0px 0px 20px; }
 .landing-tab-menu ul li a.active i {color: #895ba3; }

.delivery-price {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.tab-text-wrap span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
}

 /*  */
 .landing-page:before {
    width: 7px;
    height: 7px;
    background: #1a3747;
    content: "";
    border-radius: 100%;
    position: absolute;
    display: flex;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.landing-page {
    position: relative;
    padding: 38px 0px 38px 20px;
}
.landing-page span {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a3747;
    text-transform: capitalize;
}
.custom-radio label {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    display: inline;
    position: relative;
    padding: 0px 20px 0px 55px;
}
.custom-radio input[type=radio] + label {
    display: inline-block;
    padding-left: 31px;
}
.custom-radio label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #c9c9c9;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-radio label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #c9c9c9;
    border-width: 0 2px 2px 0;
    transform: rotate( 
45deg
 );
}
/*******************************third tab form******************************/
.work-with-us {
    padding: 27px 0px 34px !important;
}
ul.Services-rs li {
    font-size: 17px;
    font-weight: 400;
    color: #1a3747;
    line-height: 1.3;}
.form-group input { border: none !important; background-color: #f7f7f7 !important; outline:none !important; }
button.btn.btn-primary {width: 100%; text-align: center !important; margin: 20px 0px; font-size: 13px; font-weight: 400; color: #fff !important; text-transform: uppercase; background-color: #28303D !important; border: none; }
.form-group select { border: none; background-color: #f7f7f7; padding: 10px; font-size: 12.15px; color: #1a3747; line-height: 0.9; font-weight: 400; }
.form-box h2 { font-size: 25px; text-align: center; font-weight: 700; color: #1a3747; line-height: 1.2; padding: 30px 0px 34px; margin:0; }
.work-with-us h2 { font-size: 25px; text-align: center; font-weight: 700; color: #1a3747; line-height: 1.2; padding: 0px 0px 34px; margin:0;}
.form-group textarea { border: none !important; background-color: #f7f7f7; font-size: 12.15px; font-weight: 400; color: #1a3747; line-height: 1.2; }
.form-box form {
    padding: 0px 180px;
}
ul.row.custom-chk-listing.append-only {
    padding: 0;
}

ul.row.custom-chk-listing {
    padding: 0;
}

/*payment  */
.payment-methods {
    width: 100%;
    margin: 30px 0;
}
.payment-methods p {
    font-size: 14px;
    padding-bottom: 0px;
    font-weight: 500;
}
.payment-methods .payment-methods-wrap {
    display: flex;
    flex-wrap: no-wrap;
    width: 100%;
    align-items: center;
}
.payment-methods .payment-methods-wrap span {
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
}
/*******************************price form******************************/

.price-total { padding-top: 95px; max-width: 326px; width: 100%;}
.price-total h3{font-size: 24px; color: #1a3747; font-family: lato; font-weight: bold; line-height: 1.3;}
.job-details { border: 2px solid #895ba3; border-radius: 10px; background: #fff; overflow: hidden; }
.price-cal p {padding: 13.8px 0px; color: #000; font-size: 16px; font-weight: 400; border-bottom: 1px solid #f4f4f4; line-height: normal; 
    position: relative; }
.job-title p {overflow: hidden; background-color: #895ba3; font-size: 18px; font-weight: 400; color: #fff; margin: 0px; padding: 20px 30px; }
.estimate-title p {overflow: hidden; background-color: #895ba3; font-size: 18px; font-weight: 400; color: #fff; border:none !important; padding: 21px 30px; margin: 0; }
.price-cal p span.price-cal-val { position: absolute; right: 0px; top: 15px; font-size: 16px; font-weight: 700; line-height: 1; }
.price-cal { margin: 0; padding: 10px 20px; }
.mobile-header-heading{
    display: none;
}
/*responsive css  */
@media only screen and (max-width: 1200px) {
.bottom-inner-header {
    padding: 35px 30px;
}
.top-inner-header{
    padding: 35px 30px;
}
.inner-tab-menu ul li a {
    padding: 30px 35px;
}
    .landing-inner-tab-menu ul li a {
    padding: 30px 35px;
}
span.checked {
    left: 28px;
}
    .number{
        padding-right: 25px;
    }
    .blu-requirment {
        padding: 10px 10px;
    margin: 10px 0px;}
    .blu-requirment p {
        font-size: 16px;
    }
    span.blu-price {
        font-size: 16px;}
    ul.row.custom-chk-listing.append-only > div li label {
        font-size: 16px;
    }
    ul.row.custom-chk-listing.append-only > div li strong {
        font-size: 16px;
    }
    ul.row.custom-chk-listing>div li label {
        font-size: 16px;}
    ul.row.custom-chk-listing > div li label strong {
    font-size: 16px;}
    .box-immersive-add > div > ul li label {
        font-size: 16px;}
    .box-immersive-add > div > ul li label strong {
        font-size: 16px;}
    
}
@media only screen and (max-width: 1024px) {
.price-form h2{
        font-size: 24px;
    }
    .tab-inner-title h4 {
        font-size: 18px;}
    .tab-menu ul li a {
        font-size: 18px;
    }
        .tab-menu ul li a img {
    max-width: 81px;
    min-height: 52px;
    padding: 0px 18px;
}
    .form-box form {
    padding: 0px 100px;
}
    .time-price p {
        font-size: 19px;}
        .time-hour p {
            font-size: 15px;}
    .project-details-section label {
        font-size: 17px;}
    
    .project-file-section .custom-chk label {
        font-size: 17px;
    }
    .price-cal p {
    padding: 10.8px 0px;
    font-size: 14px;
    }
    .job-title p {
        font-size: 16px;}
    .estimate-title p {
        font-size: 16px;}
    .price-total h3 {
        font-size: 21px;
    }
    .tab-text-wrap p:nth-child(1) {
    font-size: 18px;}
    .tab-text-wrap p:nth-child(2) {
        font-size: 14px;}
    .tab-text-wrap span {
        font-size: 13px;}
    .landing-page span {
    font-size: 15px;
    }
    .privacy p {
        font-size: 16px;}
    .footer {
    padding: 80px 0px 40px;
}
    .add-btn button {
        font-size: 21px;}
    .btn-link.esp-more-btn a {
    font-size: 17px;}
    .work-with-us h2 {
    font-size: 21px;
}
        ul.Services-rs li {
    font-size: 13px;
    }
    .form-box h2 {
        font-size: 21px;}
}
@media only screen and (max-width: 992px) {
        .price-total { position: unset !important; top: unset !important; max-width: 100% !important; }
li.col-lg-4 {
    width: 50% !important;
}
ul.row.custom-chk-listing.append-only > div li label {
    font-size: 16px;
    }
    .blu-requirment {
    padding: 10px 10px;
    margin: 10px 0px;
}
    .top-inner-header .header-heading {
    display: none;
}
    .mobile-header-heading{
    display: block;
    justify-content: center;
    display: flex;
}
.mobile-header-heading .header-heading h1 {
    line-height: 2.8;
    font-size: 30px;
    font-weight: 600;
    color: #212529;
}
.contact-us input {
    padding: 7px 13px !important;
    margin: 0px 0px!important;
    }
    .bottom-inner-header {
    padding: 35px 50px;
}
    .box-immersive-add > div > ul li label {
    font-size: 14px;
}
    .box-immersive-add > div > ul li label strong {
        font-size: 14px;}
    ul.row.custom-chk-listing>div li label {
        font-size: 14px;}
    ul.row.custom-chk-listing > div li label strong {
    font-size: 14px;}
    ul.row.custom-chk-listing.append-only > div li label {
        font-size: 14px;
    }
    ul.row.custom-chk-listing.append-only > div li strong {
        font-size: 14px;
    }
    .price-total {
    padding-top: 0;
}
    .delivery-price {
        font-size: 17px;}
        .contact-us .col-lg-4 {
    padding: 0;
}
    .form-box form {
    padding: 0px 60px;
}
}
@media only screen and (max-width: 768px) {
    .price-total {
    padding-top: 95px;
    width: 100%;
    max-width: 100%;
}
    .price-form {
    width: 100%;
        max-width: 100%;
    }
.mobile-header-heading .header-heading img {
    width: 100%;
    max-width: 60px !important;
}
        .mobile-header-heading .header-heading h1 {
        font-size: 22px;}
    .bottom-inner-header {
    padding: 35px 30px;
}
    .template-50 {
    width: 100%;
}
    .number-text i {
    font-size: 13px;
    padding-left: 10px;
}
    .number-text p {
        font-size: 13px;
    }
    .box-hour-wrap { justify-content: start; align-items: center; }
    .time-hour { max-width: 75px; padding: 10px 0px; margin: 10px 10px; }
    .price-form h2{
        font-size: 20px;
    }
    .tab-inner-title h4 {
    font-size: 15px;
    }
    .tab-menu ul li a {
        font-size: 15px;
    }
    .tab-menu ul li a img {
    max-width: 81px;
    min-height: 52px;
    padding: 0px 18px;
}
    .form-box form {
    padding: 0px 0px;
}
    .time-hour {
    max-width: 75px;
    padding: 10px 10px;
    margin: 10px 10px;
}
    .time-price p {
        font-size: 17px;}
        .time-hour p {
            font-size: 13px;
    margin-bottom: 5px;}
    .box-immersive-add > div > ul li label {
    font-size: 13px;
}
    .box-immersive-add > div > ul li label strong {
        font-size: 13px;}
    ul.row.custom-chk-listing>div li label {
        font-size: 13px;}
    ul.row.custom-chk-listing > div li label strong {
    font-size: 13px;}
    ul.row.custom-chk-listing.append-only > div li label {
        font-size: 13px;
    }
    ul.row.custom-chk-listing.append-only > div li strong {
        font-size: 13px;
    }
    .blu-requirment p {
    font-size: 15px;
}
    span.blu-price {
    font-size: 15px;
}
    .project-details-section label {
        font-size: 15px;}
    .project-file-section .custom-chk label {
        font-size: 15px;
    }
    .price-cal p {
    padding: 10.8px 0px;
    font-size: 13px;
    }
    .price-total h3 {
        font-size: 18px;
    }
    .estimate-title p {
    font-size: 14px;
    padding: 12px 22px;
}
    .job-title p {
    font-size: 16px;
    padding: 12px 22px;
}
    .price-total {
        padding-top: 20px;}

    .tab-inner-title:before {
        top: 21%;}
        .tab-text-wrap p:nth-child(1) {
    font-size: 15px;}
    .tab-text-wrap p:nth-child(2) {
        font-size: 12px;}
    .delivery-price {
        font-size: 15px;}
    .tab-text-wrap span {
        font-size: 12px;}
    .landing-page span {
    font-size: 17px;
    }
    .privacy p {
        font-size: 13px;}
    .add-btn button {
    padding: 9px 9px;
    font-size: 17px;
    width: 190px;
}
    .btn-link.esp-more-btn a {
    font-size: 17px;
}
    .btn-link.esp-more-btn {
        padding: 10px;}
        .work-with-us h2 {
    font-size: 16px;
}
    ul.Services-rs li {
    font-size: 13px;
    }
    .form-box h2 {
        font-size: 16px;}
}
@media only screen and (max-width: 600px) {
    .payment-methods .payment-methods-wrap {
        display: block;}
    span.checked {
    left: 0;
    right: 0;
    width: 20px;
    margin: 0 auto;
}
    .inner-tab-menu ul li a {
    align-items: center;
}
    .landing-inner-tab-menu ul li a {
    align-items: center;
}
    .tab-text-wrap {
    text-align: center;
    padding-top: 50px;
        padding-left:0px;
}
.inner-tab-menu ul li a {
    padding: 20px 10px;
}
    .landing-inner-tab-menu ul li a {
    padding: 20px 10px;
}
    .landing-tab-menu ul li a {
        padding: 20px 10px;}
    .custom-radio [type="radio"], .custom-chk [type="checkbox"] {
        left: 0;}
.privacy {
    display: block;
}
        .footer {
    padding: 60px 0px 40px;
}
}

@media only screen and (max-width: 480px) {
    .mobile-header-heading .header-heading h1 {
        font-size: 16px;}
    .file-50 {
    width: 50%;
    text-align: start;
}
    
}


/******** Popup and File Progres bar css *********/
div#progressDivId {
        display: none;
    position: relative;
    width: 400px;
    background-color: #ddd;
    border: 1px solid #41c0c1;
    height: 30px;
    border-radius: 3px;
    margin-top: 18px;
}
.file-progress-bar {
    background-color: #41c0c1;
    width: 0%;
    height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

div#percent {
    position: absolute;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 4px;
}
.order_fileupload_name {
    padding: 10px 0;
}

/*popup*/
#order-popup-bg {
  z-index: 50;
  background: rgba(21, 18, 61, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

#order-popup-content {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: fixed;
  width: 100%;
  max-width: 450px;
  height: 100vh;
  background: #ffffff;
  top: 0;
  right: -450px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 60;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
#order-popup-content.open-popup {
  right: 0;
}

#ordermenu {
  width: 25px;
  height: 18px;
  position: fixed;
  right: 20px;
  top: 29px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 99;
}
#ordermenu span {
  display: block;
  position: fixed;
  height: 4px;
  width: 50%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#ordermenu span:nth-child(even) {
  left: 50%;
}
#ordermenu span:nth-child(odd) {
  left: 0px;
}
#ordermenu span:nth-child(1),
#ordermenu span:nth-child(2) {
  top: 0px;
}
#ordermenu span:nth-child(3),
#ordermenu span:nth-child(4) {
  top: 8px;
}
#ordermenu span:nth-child(5),
#ordermenu span:nth-child(6) {
  top: 16px;
}
#ordermenu.open span {
  background: #000;
}
#ordermenu.open span:nth-child(1), #ordermenu.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#ordermenu.open span:nth-child(2), #ordermenu.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#ordermenu.open span:nth-child(1) {
  left: 2px;
  top: 5px;
}
#ordermenu.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 5px;
}
#ordermenu.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
#ordermenu.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
#ordermenu.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}
#ordermenu.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 14px;
}

div#ordermenu {
    display: none;
}

/*Checkbox checked*/
input#inner-tab1 {
    border: 1px solid #895ba3;
    height: 22px;
    width: 22px;
    outline: none;
}
input#inner-tab2 {
    border: 1px solid #895ba3;
    height: 22px;
    width: 22px;
    outline: none;
}
.email_template_tab span.checked {
    height: 24px;
}
.email_template_tab input[type=checkbox]:after {
    border: 3px solid #895ba3;
    border-top: 0;
    border-left: 0;
}
.email-resolution [type="checkbox"]:checked + label::before, .email-service-provider [type="checkbox"]:checked + label::before, .box-immersive-add [type="checkbox"]:checked + label::before, .box-email-framework [type="checkbox"]:checked + label::before, .project-file-section [type="checkbox"]:checked + label::before {
    background-color: #895ba3;
}

input#blu-checked1 {
    border: 1px solid #895ba3;
    outline: none;
}
input#blu-checked2 {
    border: 1px solid #895ba3;
    outline: none;
}
input#blu-checked3 {
    border: 1px solid #895ba3;
    outline: none;
}

.blu-print div input[type=checkbox]:after {
    left: 7px !important;
    width: 8px !important;
    height: 16px !important;
}

.other_field_box input#otheremailservice {
    width: 100%;
    max-width: 500px;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 35px 10px 20px;
    border: 2px solid #f6f6f6;
    border-radius: 8px;
}
.other_field_box {
    display: none;
    transition: all ease 0.3s;
    position: relative;
}
/*File upload title*/
.project-file-section .filetitle label {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a3747;
    text-transform: capitalize;
}

/*popup design*/
.order-details-content h2 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 50px;
    text-align: center;
}
.cart-orderitem-details .cart-item-heading h5 {
    width: 100%;
    background: #f1f1f1;
    padding: 20px 60px;
    font-size: 20px;
}
.cart-item-details {
    padding: 20px 60px;
}
.cart-item-details ul.item-price {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom: 20px;
}
.cart-item-details ul.item-price li {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0;
    padding-right: 100px;
    position: relative;
    line-height: 25px;
}
.cart-item-details span.job-price {
    position: absolute;
    right: 0;
    top: 0;
}
.cart-item-details ul.item-price-total {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cart-item-details ul.item-price-total li {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0;
    padding-right: 100px;
    position: relative;
    line-height: 25px;
}
.item-price-total span.job-item {
    position: absolute;
    right: 0;
    top: 0;
}
.cart-item-details .item-price-total li:last-child span.job-price {
    position: inherit;
}
.cart-orderitem-total {
    background: #f0d337;
    padding: 20px 60px;
    text-align: left;
    margin-bottom: 30px;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}
.cart-orderitem-total .estimated-wrap {
    width: 100%;
    position: relative;
    padding-right: 70px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
}
.cart-orderitem-total .estimated-wrap span.price {
    position: absolute;
    right: 0;
    top: 0;
}

/*Cart item design*/

.orderaddcart span {
    width: 30px;
    height: 30px;
    background: #fff;
    box-shadow: 0 0 0 2px #000 inset;
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -10px;
}

.paypal_button_content {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    text-align: center;
}

.ProductSingleDelete a.order_delete {
    font-size: 28px;
    text-align: right;
    display: inline-block;
    color: red;
    float: right;
    margin: 5px 60px 0px 0px;
}

.ProductSingleDelete {
    overflow: hidden;
}

/*Payment status design*/


/*div#paypal-button {
    width: 190px;
    height: 40px;
    background-color: #0070ba;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    padding: 8px 30px;
}*/

/*#paypal-button img {
    display: inline-block;
    max-width: 55px;
}*/
/*Popup Information*/
.infomodal {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
     visibility: hidden; 
    width: 100%;
    height: 100%;
}
.infomodal .infomodal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
     visibility: hidden; 
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.infomodal .infomodal-wrapper.infomodal-transition {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 32em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);
    transition: all 0.3s 0.12s;
    transform: translate(-50% , -50%);
    opacity: 0;
    border-radius: 10px;
}
.infomodal-body {
    padding: 40px;
}
.infomodal-content p {
    line-height: 1.5;
}

.infomodal button.infomodal-close {
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 30px !important;
    padding: 19px 9px !important;
    border: 0;
    line-height: 0 !important;
    border-top-right-radius: 10px;
    transition: all ease 0.3s;
}
.infomodal button.infomodal-close:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.infomodalone.is-visible, .infomodaltwo.is-visible {
    visibility: visible;
}
.infomodalone.is-visible .infomodal-overlay, .infomodaltwo.is-visible .infomodal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.infomodalone.is-visible .infomodal-transition, .infomodaltwo.is-visible .infomodal-transition {
  opacity: 1;
}

/*Popup model Delete*/
.delete_title h2 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}
.infomodal-content-two p {
    text-align: center;
    margin-bottom: 20px;
}
.delete_confirm_btn .btn a {
    padding: 15px 40px;
    background: #8dc73f;
    color: #fff;
    border-radius: 50px;
    display: block;
    text-decoration: none;
}
.delete_confirm_btn {
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    width: 100%;
}

/*Order Status Header*/
.payment_status_page {
    width: 100%;
    margin: 100px 0;
}
.payment_status_content {
    text-align: center;
}

.payment_status_inner h2 span {
    font-size: 35px;
    font-weight: 700;
}

.payment_status_inner h2 {
    font-size: 35px;
    font-weight: 600;
}

.wrapper-status {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
}
.status-header-logo a img {
    width: 190px;
    max-width: 100%;
}
.status_header {
    padding: 20px 0;
    background-color: #1A3747;
}

.payment_status_inner p {
    padding: 10px 0;
}
.status-cta a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    align-items: center;
    width: 100%;
    background: #41c0c1;
    color: #fff;
    max-width: 160px;
    padding: 12px 15px 15px;
    border-radius: 12px;
    margin-top: 15px;
    transition: all 0.3s ease;
    margin: 0 auto !important;
}
.status-cta {padding-top: 15px;}

.status-price-listing {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 10px auto 20px;
}

.item_table {
    width: 70%;
}

.price_table {
    width: 30%;
}
.price_table p {
    border-bottom: 1px solid #000;
}
.price_table {
    border: 1px solid #000;
}
.item_table {
    border: 1px solid #000;
    border-right: 0 !important;
}
.item_table p {
    border-bottom: 1px solid #000;
}
.item_table p:last-child {
    border-bottom: 0;
}
.price_table p:last-child {
    border-bottom: 0;
}
.status-comment {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}
.status-comment p {
    margin-bottom: 10px;
}

/*Other Services Form*/
.other_services_form span.wpcf7-form-control-wrap.email {
    padding: 0 !important;
}
.other_services_form input.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    width: 100%;
    text-align: center !important;
    margin: 10px 0px;
    font-size: 13px;
    font-weight: 400;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #28303D !important;
    border: none;
    padding: 8px;
    border-radius: 5px;
}
/*Sticky Section*/
.price-total.sticky{
    position:fixed;
    top:0px;
    padding-top: 35px;
}
/*Validation error msg*/
span.all-error {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #d42222;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 25px;
    transition: all ease 0.3s;
    display: none;
}

/*Services Flip Box Buttons*/

.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button{position:relative;z-index:11;}
.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:after, 
.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:before{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    max-width: 0;z-index:-1;
    transition: max-width .6s cubic-bezier(.37,.16,.12,1);}
	
	
.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:before{background-color: #8CC63F;}
.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:after{background-color: #152638;}	

.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:hover:after{transition-delay: .3s;}

.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:hover:after, 
.tr-service-btn .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:hover:before{max-width: 100%;}

.tr-service-btn.green .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:before{background-color: #895BA3;}
.tr-service-btn.blue .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:before{background-color: #8CC63F;}
.tr-service-btn.blue .eael-elements-flip-box-flip-card .eael-elements-flip-box-padding a.flipbox-button:after{background-color: #895BA3;}

/************************contact us popup style start******************************/
.popuphp-wrapper-main .tro-contact-page-form span.wpcf7-spinner {
    display: block !important;
    position: absolute;
    right: 20px;
    top: 16px;
}
.popup_box .cancel_button {
	float: right;
	cursor: pointer;
    position: relative;
   top: 5px;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
	z-index:999;
}

.contact-inner {
	width: 100%;
    max-width: calc(930px - 20px);
    margin: 0 auto;
    padding: 0px 20px;
}


.form-title h3 {
	text-align: center;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 42px;
	color: #152738;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.form-bottom {
	text-align: center;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #8E8E8E;
	line-height: 19px;

}
.display_popup {
    background-color: #41C0C1;
}
.wpcf7-not-valid-tip{
	padding-top:10px;
	text-align:left !important;
}
.popup {
	overflow-x:hidden;
	position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background: #fff !important;
    z-index: 99;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(.8);
    transition: .5s all;
    z-index: -1;
}
.popup_box.popup {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 9999999999;
	
}
/* .display_popup {
	border: none;
	text-transform: capitalize !important;
	font-family: 'Work Sans';
	font-weight: 500 !important;
	font-size: 18px !important;
} */

.display_popup {
	background-color: #41C0C1;
	padding: 18px 22px 17px 22px;
}

.display_popup {
	position: relative;
}

.display_popup:before,.display_popup:after {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	content: ""!important;
	max-width: 0!important;
	transition: max-width .6s cubic-bezier(.37,.16,.12,1) !important;
	z-index: -1;
}

button.display_popup {
	    position: relative;
    z-index: 999;
    background-color: #41C0C1 ;
    color: #fff ;
    font-family: "Work Sans", Sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
   border-radius: 10px;
    font-size: 20px !important;
    border-radius: 10px 10px 10px 10px;
    padding: 16px 20px 16px 20px;
	line-height:24px;
border:none;
}

.popuphp-wrapper-main {
    overflow: hidden;
}
.display_popup:before {
	background-color: #8CC63F !important;
	color: #ffffff  !important;
 border-radius: 10px 10px 10px 10px;
}

.display_popup:after {
	background-color: #91509F !important;
	color: #ffffff  !important;
 border-radius: 10px 10px 10px 10px;
}

.display_popup:hover:before {
	max-width: 100% !important;
 border-radius: 10px 10px 10px 10px;
}

.display_popup:hover:after {
	transition-delay: .3s !important;
	max-width: 100% !important;
}
.contact-inner.contact-us:after {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #41C0C1;
	-webkit-animation: rotate3d 10s linear infinite;
	-moz-animation: rotate3d 10s linear infinite;
	-o-animation: rotate3d 10s linear infinite;
	animation: rotate3d 10s linear infinite;
	z-index: 9999999;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	content: '';
}

.contact-inner.contact-us {
	position: relative;
	z-index: 99;
	display:unset;
}

.bottom-shape:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -10px;
	top: 10px;
	border: 10px solid transparent;
	border-top-color: #8CC63F;
	box-sizing: border-box;
	content: '';
}

.bottom-shape {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: transparent;
	border-bottom-color: transparent;
	border-bottom-color: #8CC63F;
	position: absolute;
	animation: animationFramesTwo 13s infinite linear;
	z-index: -1;
	display: block !important;
	bottom:130px;
}
.popup_box {
    height: 100% !important;
     position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background: #fff;
    z-index: 99;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(.8);
    transition: .5s all;
    z-index: -1;
	

}
.wpcf7-form-control-wrap[data-name="your-mobile"] .wpcf7-not-valid-tip {
        display: none ;
}
@media screen and (max-width:1440px) {
	.form-title h3{
	padding-top: 10px;
    padding-bottom: 30px;
	}	
	.tro-contact-form-btn{
		margin-top:0px;
	}
	.contact-inner .col-lg-12.text-center.tr-field-wrap {
    margin-bottom: 20px !important;
}
}
@media screen and (max-width:1024px) {
	.form-title h3 {
		font-size: 30px;
	}
.contact-us .popuphp-wrapper-main {
    text-align: center !important;
}
	button.display_popup {
		padding: 18px 19px 17px 20px !important;
		font-size:16px !important;
	}
}

@media screen and (max-width:767px) {
	.form-title h3 {
    padding: 25px 0px 40px 0px !important;
    font-size: 25px !important;
}
	.contact-us .tro-contact-page-form input[type=text], .contact-us .tro-contact-page-form input[type=email], .contact-us .tro-contact-page-form input[type=number], .contact-us .tro-contact-page-form input[type=file], .contact-us .tro-contact-page-form select, .contact-us .tro-contact-page-form textarea, .contact-us .tro-contact-page-form input[type=tel]{
		padding: 16px 18px 16px 18px !important;
	}
	
	.popup_box .cancel_button {
		width:20px;
		height:20px;
		z-index: 999;
    	top: 20px;
    	right: 20px;
	}
.tro-contact-page-form select {
   
    background-position: 97% 53%;
}
button.display_popup {
    padding: 10px !important;
    line-height: 33px;
    font-size: 14px !important;
}
}
@media screen and (max-width:425px) {
.contact-us .tro-contact-form-btn {
padding: 0px 58px;
}
	.form-title h3 {
  
    font-size: 22px !important;
}
	
}
/**************************animation keyframe css ********************************/
@keyframes rotate3d {
 0% {
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  -o-transform:rotateY(0deg);
  transform:rotateY(0deg)
 }
 100% {
  -webkit-transform:rotateY(360deg);
  -moz-transform:rotateY(360deg);
  -ms-transform:rotateY(360deg);
  -o-transform:rotateY(360deg);
  transform:rotateY(360deg)
 }
}

@keyframes animationFramesOne {
    0% {
     transform:translate(0px, 0px) rotate(0deg)
    }
    20% {
     transform:translate(73px, -1px) rotate(36deg)
    }
    40% {
     transform:translate(141px, 72px) rotate(72deg)
    }
    60% {
     transform:translate(83px, 122px) rotate(108deg)
    }
    80% {
     transform:translate(-40px, 72px) rotate(144deg)
    }
    100% {
     transform:translate(0px, 0px) rotate(0deg)
    }
   }
   @-webkit-keyframes animationFramesOne {
    0% {
     -webkit-transform:translate(0px, 0px) rotate(0deg)
    }
    20% {
     -webkit-transform:translate(73px, -1px) rotate(36deg)
    }
    40% {
     -webkit-transform:translate(141px, 72px) rotate(72deg)
    }
    60% {
     -webkit-transform:translate(83px, 122px) rotate(108deg)
    }
    80% {
     -webkit-transform:translate(-40px, 72px) rotate(144deg)
    }
    100% {
     -webkit-transform:translate(0px, 0px) rotate(0deg)
    }
   }
   

   @keyframes animationFramesTwo {
    0% {
     transform:translate(0px, 0px) rotate(0deg) scale(1)
    }
    20% {
     transform:translate(73px, -1px) rotate(36deg) scale(0.9)
    }
    40% {
     transform:translate(141px, 72px) rotate(72deg) scale(1)
    }
    60% {
     transform:translate(83px, 122px) rotate(108deg) scale(1.2)
    }
    80% {
     transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
    }
    100% {
     transform:translate(0px, 0px) rotate(0deg) scale(1)
    }
   }
   @-webkit-keyframes animationFramesTwo {
    0% {
     -webkit-transform:translate(0px, 0px) rotate(0deg) scale(1)
    }
    20% {
     -webkit-transform:translate(73px, -1px) rotate(36deg) scale(0.9)
    }
    40% {
     -webkit-transform:translate(141px, 72px) rotate(72deg) scale(1)
    }
    60% {
     -webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2)
    }
    80% {
     -webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
    }
    100% {
     -webkit-transform:translate(0px, 0px) rotate(0deg) scale(1)
    }
   }

.contact-us .display_popup {
    background-color: #fff !important;
    color: #000 !important;
}
button.display_popup.qt-wrapper {
    background-color: #152738 !important;
    border: 1px solid #41C0C1 !important;
}