@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;500;600;700&display=swap');

/*Global css*/
:root {
--black:#05171b;
--light-black:#8b8b8b;
--white:#fff;
--body-white:#fafbfc;
--red:#f44336;
--blue:#0099d6;
--light-blue:#e5f5fb;
--green:#8cc542;
--light-green:#e8f3d9;
--yellow:#ffc700;
--light-yellow:#fff9e5;
--purple:#a767dd;
--light-purple:#f6f0fc;
--off-white:#f5f4ef;
--off-white-2:#f9f9f9;
--light-grey:#f3f3f3;
--grey-icon:#abaeae;
--grey-icon2:#555555;
--grey:#e1e1e1;
--grey-txt:#8b8b8b;
--grey-inp:#EBEBEB;
--grey-hm: #d8d8d5;
--off-grey:#b5b5b5;
font-size: 100%
}
*{margin:0;padding:0;-webkit-font-smoothing: antialiased;}
html{font-size:100%;width:100%;height:100%; overflow-x: hidden;;}
body{width:100%;min-width:320px;background-color:#ffffff;font-size:14px;font-family: 'Encode Sans', sans-serif; color: var(--grey-txt); }
.clear{clear:both;}
button,input[type="submit"]{cursor: pointer;}
button,input[type="submit"],input[type="search"],a,i{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
button:focus,input[type="submit"]:focus,input[type="search"]:focus,a:focus,i:focus{outline: none;}
a{text-decoration:none;color:#05171b;}
a:hover{text-decoration:none;outline:0;color:#05171b; outline: none;}
a:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;color:#05171b;}
.btn:focus{outline:none;box-shadow: none;}
a,img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;}
label{font-weight: 400; font-size: 14px; margin-bottom: 10px; display: block;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 15px; font-family: 'Encode Sans', sans-serif;padding:0;font-weight: 400; color: var(--black); display: block; position:relative;}
h1,.h1{font-size: 43px; font-weight: 700;}
ul,ol{list-style:none;margin:0;}
ul li,ol li{list-style:none;}
p{display:block;line-height:26px;margin:0;margin:0 0 15px; font-weight: 400;}
p:last-child{margin: 0;}
b, strong{font-weight: 700;}
/*color*/
.text-black{color: var(--black);}
.text-green{color: var(--green);}
.text-gray {color: #F2F2F2;}
.text-red{color: var(--red);}
.text-blue{color: var(--blue);}
.text-purple{color: var(--purple);}
.required{color: var(--red);}
/*links*/
.red-link{color: var(--red);}
.green-link{color: var(--green);}
.blue-link{color: var(--blue);}
.purple-link{color: var(--purple);}
.red-link:hover, .green-link:hover, .blue-link: hover, .purple-link: hover{color: var(--black);}
/*font-weight*/
.font600{font-weight: 600;}
/*background*/
.bg-white{background-color: #ffffff;}
/*border*/
.bdr-btm{border-bottom: 1px solid var(--grey);}
/*inputfield*/
.user-login-form .form-group{padding-bottom: 30px; margin: 0; position: relative;}
.form-control {box-shadow: none !important;height: 45px; font-family: 'Encode Sans', sans-serif; color:#05171b; font-size: 14px; font-weight: 400; border: solid 1px var(--grey); border-radius: 3px; padding-left: 20px; padding-right: 20px;}
textarea.form-control{height: 150px;}
.form-control.disable{background: #F2F2F2;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#F2F2F2;}
.form-control::-webkit-input-placeholder{color:#bababa; opacity: 1;}
.form-control::-moz-placeholder{color:#bababa; opacity: 1;}
.form-control:-ms-input-placeholder{color:#bababa; opacity: 1;}
.form-control:-moz-placeholder{color:#bababa; opacity: 1;}
select,select.form-control{background:#ffffff url('../images/sltd-arrow.png') no-repeat calc(100% - 15px) center;text-overflow:ellipsis;white-space:nowrap;padding-right:28px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; font-family: 'Encode Sans', sans-serif; color:#05171b; font-size: 14px; font-weight: 400; border: solid 1px #EBEBEB; border-radius: 3px; width:100%; background-size: 8px;padding-left: 20px; cursor:pointer;}
select,select.form-control.gray{background:#F2F2F2 url('../images/drop-down.png') no-repeat calc(100% - 15px) center; background-size: 8px;}
select,select.form-control:focus{color: #555555;}
select.input-sm{height: 44px;}
select option,select.form-control option{ padding:0 10px;}
textarea.form-control{min-height:120px;resize:vertical;height:auto;}
.form-group label{display: block; width: 100%;}
.form-group label em{font-style: normal; color: red;}
.relative{position: relative;}
.align-right{text-align: right;}
.container{max-width: 1200px; width: 100%;}
.full-widht{width: 100%; float: left;}

/*checkbox-Radio*/
.custom-check, .custom-radio{display: inline-block; margin-right: 15px; margin-top: 10px;}
.custom-check label, .custom-radio label{font-family: 'Encode Sans', sans-serif; font-size: 14px; color: #8b8b8b; font-weight: 400; min-height: 20px; position: relative; padding-left: 35px; padding-top: 0!important; margin: 0; text-align: left!important; width:auto; display:inline-block;}
.custom-check label em{font-style: normal; color: red;}
.custom-check input[type=checkbox]:not(old), .custom-radio input[type=radio]:not(old){width:2em;margin:0;padding:0;font-size:1em;opacity:0; position: absolute;}
.custom-check input[type=checkbox]:not(old){width: 20px; height: 20px; z-index: 1;}
.custom-check input[type=checkbox]:not(old)+label>span{display:inline-block;width:20px;height:20px;margin:0; line-height: 100%; background: #ffffff; vertical-align:bottom; border:solid 1px #e5e5e5;border-radius: 3px; position: absolute; left: 0; top: 1px; overflow: hidden;}
.custom-radio input[type=radio]:not(old)+label>span{display:inline-block;width:24px;height:24px; border: solid 1px #e5e5e5; margin:0; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; background: #fff; vertical-align:bottom; position: absolute; left: 0; top: -2px; text-align: center;}
.custom-check input[type=checkbox]:not(old):checked+label>span{border: none;}
.custom-check input[type=checkbox]:not(old):checked+label>span:before{display:flex; justify-content: center; align-items: center; background:none; text-align:center; font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 12px;color:#8cc542;margin: 0; width: 100%; height: 100%; border: solid 1px #e5e5e5;}
.custom-radio input[type="radio"]:not(old):checked + label > span::before{color: var(--green); content: "\f111"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900;}
.custom-radio input[type=radio]:not(old):checked+label>span>span{display:block;width: 12px; height: 12px; background: #ffffff; border-radius: 100%; margin: 5px; text-align: center;}

.custom-radio.chk-rdo input[type="radio"]:not(old):checked + label > span::before{color: var(--green); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900;}
.custom-radio.chk-rdo input[type=radio]:not(old):checked+label>span>span{display:block;width: 12px; height: 12px; background: #ffffff; border-radius: 100%; margin: 5px; text-align: center;}
/*button*/
.btn-custom{background:#0099d6;color:var(--white) !important;font-weight: 400; font-size:14px;height:45px; line-height:45px; border:none; border-radius: 3px;text-align:center; padding:0 35px;cursor: pointer; display: inline-block; text-transform: uppercase;}
.btn-custom.green{background-color: var(--green);}
.btn-custom.bdr{background-color: var(--white); border: 1px solid var(--blue); color: var(--black); line-height: 43px;}
.btn-custom:hover{background: var(--black); border-color: var(--black); color: #ffffff;}
.btn-custom:focus{color:#ffffff;}

/*=========IE10 and Above to 10, 11,12=====================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 select,select.form-control {background:#fff !important;padding-right:7px !important;}
}
/*=========IE9 and Below to 9, 8, 7=====================*/
select,select.form-control {background:#fff\9 !important;padding-right:7px\9 !important;}
.pad-t0{padding-top: 0!important;}
.pad-0{padding-top:0!important; padding-bottom: 0!important;}
.pad-lr0{padding-left: 0!important; padding-right: 0!important;}
.pad-20{padding:20px;}
.mrg-0{margin-top: 0!important; margin-bottom: 0!important;}
.mrg-t0{margin-top: 0!important;}
.mrg-t5{margin-top: 5px;}
.mrg-b5{margin-bottom: 5px;}
.mrg-t10{margin-top: 10px;}
.mrg-b10{margin-bottom: 10px;}
.mrg-t15{margin-top: 15px;}
.mrg-b15{margin-bottom: 15px;}
.mrg-t20{margin-top: 20px;}
.mrg-b20{margin-bottom: 20px;}
.mrg-t30{margin-top: 30px;}
.mrg-b30{margin-bottom: 30px;}
.mrg-t35{margin-top: 35px;}
.mrg-b35{margin-bottom: 35px;}
.full-width{width: 100%;}
.position-static{position: static;}
.scroll-hide{overflow: hidden;}
/*Global css end*/

/*User login css start*/
.account-login-outer{overflow: hidden; height: 100vh; position: relative;}
.left-img-block{width: 62%; height: 100vh; position: relative;}
.left-img-block:after{width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: ""; background: url('../images/overlay-img.png') no-repeat; background-size: cover; background-position: center;}
.left-img-block img.login-bnr-img{width: 100%; height: 100%; object-fit: cover; object-position: center bottom;}
.login-bnr-text{position: absolute; left: 63px; right: 63px; top: 50px; z-index: 1; max-width: 675px;}
.login-bnr-text .logo{ max-width: 348px; display: block; margin-bottom: 25px;}
.login-bnr-text p{color: #ffffff; font-size: 18px; line-height: 30px;}
.right-form-block{width: 38%; height: 100vh; overflow: auto; padding-left: 30px; padding-right: 30px;}
.right-form-block .custom-check input[type=checkbox]:not(old)+label>span{box-shadow: 0 5px 28px 0px rgb(0 153 214 / 40%);}
.user-login-form{max-width: 450px; padding: 25px 0; font-size: 16px; color: var(--black);}
.user-login-form .title-icon {display: block;margin: 0 auto 30px;text-align: center;max-width: 120px;}
.user-login-form h1{margin-bottom: 25px;}
.user-login-form form{margin-top: 45px;}
.user-login-field{position: relative; border: solid 1px #e5e5e5; border-radius: 3px; width: 100%; height: 60px; padding-left: 60px;}
.user-login-field i{font-size: 24px; position: absolute; top: auto; left: 15px;}
.user-login-field .field-inner{width: 100%;}
.user-login-field label{font-size: 12px; color: #8b8b8b; margin: 0;}
.user-login-field .form-control{width: 100%; height: 25px; border: none; background: none; padding: 0 10px 0 0;}
.user-login-form .btn-custom{width: 100%; display: block; height: 50px; line-height: 50px; text-transform: uppercase; font-size: 16px; box-shadow: 0 5px 28px 0px rgba(0,153,214,0.3); margin: 30px 0;}
.forgot-link{display: block; color: #8cc542; font-size: 16px; max-width: 170px; margin: auto; text-align: center;}

.section .account-login-outer{height: calc(100vh - 111px); margin-top: -25px;}
.back-home-screen {color: var(--green); position: absolute; right: 20px; top: 20px; font-size:14px; }
/*User login css end*/
/*Header css start*/
.container{max-width: 1600px;}
.header{background-color: var(--white); box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.1); position: relative; z-index: 50;}
.header .navbar{padding: 8px 0;}
.header .navbar-brand{margin-right: 30px;}
.header .navbar-nav li.nav-item{padding: 0 15px;}
.header .navbar-nav li.nav-item:first-child{padding-left: 0;}
.header .navbar-nav li.nav-item a.nav-link{color: var(--black); font-size: 1rem; padding: 0; position: relative;}
.header .navbar-nav li.nav-item a.nav-link:hover, .header .navbar-nav li.nav-item a.nav-link.active{color: var(--blue);}
.header .navbar-nav li.nav-item.dropdown a.nav-link{padding-right: 16px;}
.header .navbar-nav .dropdown-toggle::after{border: none; content: "\f078"; color: var(--grey-icon); font-size: 12px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0; top: 50%; margin:0; width: auto; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.header .navbar-nav li.nav-item.dropdown .dropdown-menu{border: none; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 20%);}
.header .navbar-nav li.nav-item.dropdown .dropdown-menu a {padding: 0.375rem 1rem 0.375rem 2rem; border-bottom: 1px dashed rgba(0,0,0,0.1); position: relative; }
.header .navbar-nav li.nav-item.dropdown .dropdown-menu a:last-child{border-bottom: none;}
.header .navbar-nav li.nav-item.dropdown .dropdown-menu a::before{content: ""; height: 8px; width: 8px; border: 1px solid rgba(0,0,0,0.2); display: inline-block; border-radius: 50%; position: absolute; left: 16px; top: 14px;}
.header .navbar-nav li.nav-item.dropdown .dropdown-menu a:hover{background-color: var(--light-blue);}
.header .navbar-nav li.nav-item.dropdown .dropdown-menu a::after{background-color: var(--blue); content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 3px;}
.header .user-sec{display: flex; flex-wrap: wrap; align-items: center; margin-left: 35px;}
.header .user-sec img{border-radius: 50%; margin-left: 15px; object-fit: cover;}
.hd-link-r{margin-left: 45px; display: flex; align-items: center;}
.hd-link-r a{color: var(--grey-icon2); font-size: 1.125rem; position: relative;}
.hd-link-r a span{background-color: var(--red); border-radius: 50%; color: var(--white); font-size:12px; line-height: 15px; text-align: center; width: 15px; position: absolute; right: -7px; top: -5px;}
.hd-search{position: relative; width: 188px;}
.hd-search .form-control{background-color: var(--light-grey); border-radius: 15px; padding: 5px 25px 5px 12px; height: 31px;}
.hd-search .srch-btn{background-color: transparent; border:none; font-size: 12px; color:#959595; line-height: 31px; padding: none; position: absolute; right: 10px; top: 0;}
.hd-search  .form-control::-webkit-input-placeholder {color: #8a9298;} .hd-search  .form-control::-moz-placeholder {color: #8a9298;} .hd-search  .form-control:-ms-input-placeholder {color: #8a9298;} .hd-search  .form-control::-ms-input-placeholder {color: #8a9298;} .hd-search  .form-control::placeholder {color: #8a9298;}
.custom-file.upload-file{height: 45px;}
.custom-file.upload-file .custom-file-label{margin-bottom: 0; height: 45px; line-height: 43px; padding: 0 .75rem;}
.custom-file.upload-file .custom-file-label::after{line-height: 43px; height: 43px; padding: 0 .75rem}
/*@media (min-width: 992px) {
	.header .navbar-nav li.nav-item:hover .dropdown-menu{display: block;}
}*/
@media (max-width: 991px) {
  .offcanvas-collapse {
    background-color: var(--blue) !important;
    position: fixed;
    top: 85px; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: var(--white);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 50;
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Account for horizontal padding on navbar */
  }
}
/*Header css end*/
/*Mid css start*/
.section{background: var(--body-white) url('../images/splash.png') no-repeat center top; background-size: 100%; min-height: calc(100vh - 111px); padding-top: 25px;}
.section .btn-custom{padding: 0 20px;}
.banner{border-bottom: 1px solid var(--grey); padding: 5px 0 15px;}
.banner h1{color: var(--black); font-size: 2.688rem; margin-bottom: 5px;}
.card-sec{background-color: var(--white); box-shadow: 0px 5px 20px 0px rgba(0,173,228,0.15); padding: 25px; height: calc(100% - 30px); margin-bottom: 30px;}
.card-head{padding-bottom: 22px;}
.card-head .sub-cont .btn-custom{margin-left: 16px;}
.card-head .sub-cont .btn-custom:first-child{margin-left: 0;}
.sub-section{padding: 25px 0;}
.sub-section-b{padding-bottom: 25px;}
.sub-flex{flex: 1;}
.sub-flex h2{margin-bottom: 0;}
.sub-cont .btn-custom{margin-left:12px;}
.sub-cont .btn-custom:first-child{margin-left: 0;}
.btn-custom i{margin-right: 4px;}
/*Mid css start*/
/*Listing css start*/
.listing-table .table tr th, .listing-table .table tr td{vertical-align: middle;}
.nowrap-table .table tr th, .nowrap-table .table tr td{white-space: nowrap;}
.table{border-bottom: 1px solid var(--grey);}
.table tr th{border-top: none;}
.table tr th, .table tr td{border-color: var(--grey);}
.table tr th{border-bottom-width: 1px; color: var(--black); font-weight: 600; text-transform: uppercase;}
.table tr th .prof-name{padding-left: 60px; display: inline-block;}
.prof-intro{display: inline-block; font-weight: 600; color: var(--grey-txt); padding: 4px 0 4px 60px; position: relative;}
.prof-intro img{border-radius: 50%; height: 46px; object-fit: cover; width: 46px; position: absolute; left: 0; top: 0;}
.prof-intro span{display: block}
.prof-intro .agency-name{color: var(--blue); max-width: 100%;}
.action-btn{border-radius: 3px; border:none; color: var(--white); display: inline-block; line-height: 28px; text-align: center; width: 28px;}
.btn-blue{background-color: var(--blue);}
.btn-green{background-color: var(--green);}
.btn-red{background-color: var(--red);}
.btn-yellow{background-color: var(--yellow);}
.btn-purple{background-color: var(--purple);}
.action-btn:hover{background-color: var(--black);}
.table tr td .action-btn{margin-right: 10px;}
.table tr td .action-btn:last-child{margin-right: 0;}
.table-striped tbody tr:nth-of-type(2n+1){background-color: var(--off-white-2);}
.data-nav{margin-top: 11px;}
.data-nav li{display: inline-block; padding-right: 50px;}
.data-nav li:last-child{padding-right: 0;}
.data-nav li a{color: var(--black); font-size: 1rem;}
.data-nav li a:hover, .data-nav li a.active{color:  var(--blue);}
.data-input-col{margin-left: 16px;}
.data-input-col:first-child{margin-left: 0;}
.dt-inp-field{width: 277px;}
.pg-label{color: var(--off-grey);}
.pagination-sec .pagination .page-item a.page-link{color: var(--grey-icon2);}
.pagination-sec .pagination .page-item a.page-link:hover{color: var(--blue);}
.pagination-sec .pagination .page-item.active a.page-link{background-color: var(--blue); color: var(--white);}
/*Listing css end*/
/*Profile css start*/
.sub-section h2{font-size: 1.25rem;}
.hd-icon{min-height: 45px; padding: 10px 0 0 58px; position: relative;}
.hd-icon i{background-color: var(--light-green); border-radius: 50%; color: var(--green); left: 0; line-height: 45px; font-size: 16px; position: absolute; text-align: center; top: 0; width: 45px;}
.tag-label{background-color:  var(--light-green); color: var(--black); display: inline-block; line-height: 45px; padding: 0 20px;}
.tag-label i{margin-right: 5px;}
.steps-nav li{display: inline-block; margin: 15px 5px 0 0;}
.steps-nav li a{background-color: var(--light-blue); color: var(--blue) !important; cursor: pointer; display: block; font-size: 13px; line-height: 46px; padding: 0 20px; position: relative; text-align: center;}
.steps-nav li a:hover, .steps-nav li a.active, .steps-nav li a.completed{background-color: var(--blue); color: var(--white) !important;}
.steps-nav li a.active::after{content: ""; border-top: 8px solid var(--blue); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: -8px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.steps-nav li a.completed::before{background-color: var(--white); border-radius: 50%; color: var(--green); content: "\f00c"; font-size: 11px; font-family:"Font Awesome 5 Free"; font-weight: 900; right: 5px; line-height: 18px; position: absolute; text-align: center; top: 5px; width: 18px;}
.steps-nav li.dropdown .dropdown-menu{border: none; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 20%); max-height: 304px; overflow-y: auto;}
.steps-nav li.dropdown .dropdown-menu a {background-color: var(--white); padding: 0.375rem 1rem 0.375rem 2rem; border-bottom: 1px dashed rgba(0,0,0,0.1); line-height: normal; text-align: left; position: relative; }
.steps-nav li.dropdown .dropdown-menu a:last-child{border-bottom: none;}
.steps-nav li.dropdown .dropdown-menu a::before{content: ""; height: 8px; width: 8px; border: 1px solid rgba(0,0,0,0.2); display: inline-block; border-radius: 50%; position: absolute; left: 16px; top: 14px;}
.steps-nav li.dropdown .dropdown-menu a:hover{background-color: var(--light-blue); color:var(--blue) !important; }
.steps-nav li.dropdown .dropdown-menu a::after{background-color: var(--blue); content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 3px;}

.profile-t-sec{margin: -15px -15px 0; padding-top: 35px; position: relative;}
.profile-t-sec::before{background: var(--light-green) url('../images/prof-bg.png') center top no-repeat; border-radius: 0 0 30px 100px; content: ""; height: 168px; position: absolute; top: 0; left: 0; right: 0;}
.prof-t-cont{position: relative; z-index: 10; text-align: center;}
.profile-t-sec figure{text-align: center;}
.profile-t-sec figure img{border-radius: 50%; border: 6px solid #fff; height: 175px; object-fit: cover; display: inline-block; width: 175px;}
.prf-t-row{padding-bottom: 15px; display: block;}
.agency-porf-name{color: var(--blue); display: block; font-size: 1.5rem; line-height: 2.125rem;}
.agency-label{background-color:  var(--light-grey); border-radius: 15px; display: inline-block; line-height: 30px; padding: 0 20px;}
.prof-info-row{position: relative; padding: 12px 0 15px;}
.prof-info-row:last-child{padding-bottom: 0;}
.prof-info-row::before{background-color: var(--light-grey); border-radius: 1.5px; content: ""; height: 3px; position: absolute; bottom: 0; left: 0; right: 0;}
.prof-info-row:last-child::before{display: none;}
.prof-col-1{max-width: 35%; flex: 0 0 35%; padding-right: 15px;}
.prof-col-2{max-width: 65%; flex: 0 0 65%; font-weight: 600; text-align: right;}
.sm-btn-dorpdown, .sm-btn, .xs-btn{padding: 5px 14px; border: none; border-radius: 15px; color: var(--black); display: inline-block;}
.xs-btn{color: var(--white);}
.sm-btn{border-radius: 22px; color: var(--white); line-height: 45px; padding: 0 20px;}
.btn-light-green{background-color: var(--light-green);}
.btn-light-blue{background-color: var(--light-blue);}
.drop-edit{background-color: transparent; padding: 0; border: none; border-radius: 0; color: var(--grey-txt); display: inline-block;}
.sm-btn:hover, .sm-btn:hover, .xs-btn:hover{background-color: var(--black); color: var(--white);}
.drop-edit::after{display: none;}
.dropdown.dropdown-sm .dropdown-menu{padding:  8px 10px;}
.dropdown.dropdown-sm .dropdown-menu li a{font-size: 14px;}
.dropdown.dropdown-sm .dropdown-menu li a:hover{color: var(--blue);}
.sm-btn-sec .dropdown.dropdown-sm{margin-left: 10px;}
.icon-blue{color: var(--blue);}
.license-sec .card{border: none; border-radius: 0; border-bottom: 1px solid var(--grey);}
.license-sec .card-body{padding: 0 0 20px 40px;}
.license-sec .card-header{background-color: transparent; border: none; padding: 0;}
.license-sec .card-header .btn-link{color: var(--black); position: relative; text-align: left; font-size: 1rem; padding: 17px 0 17px 40px; text-decoration: none; width: 100%;}
.license-sec .card-header .btn-link i{background-color: var(--blue); border-radius: 50%; color: var(--white); font-size: 11px; line-height: 23px; left: 0; position: absolute; top: 16px; text-align: center; width: 23px;}
.license-sec .card-header .btn-link.collapsed i::before{content: "\f067";}
.license-sec .card-body div[class*="col-"]{margin-bottom: 5px;}
.license-sec .card:last-child{border-bottom: 0;}
.approve{display: inline-block; font-size: 12px; padding: 8px 0 8px 76px; position: relative;}
.approve span{display: block; font-size: 24px; font-weight: 600; text-transform: uppercase;}
.approve img{position: absolute; left: 0; top: 0;}
.status-complete{display: inline-block; line-height: 46px; padding-left: 56px; position: relative;}
.status-complete img{left: 0; position: absolute; top: 0;}
/*Profile css end*/
/*Product css start*/
.product-nav{margin-top: 10px;}
.product-nav li{padding: 0 8px 0; display: inline-block; position: relative;}
.product-nav li::before{content: "|"; color: var(--black); font-size: 1rem; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.product-nav li:last-child::before{display: none;}
.product-nav li a{color: var(--black); font-size: 1rem;}
.product-nav li a:hover, .product-nav li a.active{color: var(--blue);}
.product-sec .card{border: none; border-radius: 0; margin-bottom: 6px;}
.product-sec .card-header{background-color: transparent; border: none; padding: 0;}
.product-sec .card-header .btn-link{background-color: var(--light-green); border-radius: 20px 0 0 0; border: 2px solid var(--light-green); color: var(--black); display: flex; align-items: center; padding: 0 86px 0 0; text-decoration: none; width: 100%;}
.product-sec .card-header .btn-link.collapsed{background-color: var(--light-blue); border-color: var(--light-blue);}
.product-sec .card-header .btn-link .logo-container{background-color: var(--white); border-radius: 20px 0 20px 0; height: 74px; padding: 15px 20px; display: flex; align-items: center; justify-content: center; width: 214px;}
.product-sec .card-header .btn-link .logo-container img{max-height: 44px;}
.product-sec .card-header .btn-link i{border-left: 1px solid #b7e3f4; color: var(--green); line-height: 76px; font-size: 1rem; position: absolute; right: 0; top: 0; text-align: center; width: 76px;}
.product-sec .card-header .btn-link.collapsed i::before{color: var(--blue); content: "\f078";}
.product-sec .card-header .btn-link .product-label{padding-left: 25px; flex: 1; font-size: 1.25rem; text-align: left; white-space: nowrap; overflow:  hidden; text-overflow: ellipsis;}
.product-sec .card-body{border: 2px solid var(--light-green); border-top: none;}
.product-sec .card-body h3{border-bottom: 1px dashed #e9e9e9; font-size: 1rem; padding-bottom: 15px; margin-bottom: 15px;}
.product-sec .card-body .custom-check{margin: 0 0 20px;}
.toggle-clsp{position: absolute; right: 10px; top: 20px;}
.toggle-clsp .switch{margin-bottom: 0;}
/*div[class*="product-clsp-"]{display: none;}
Carriers css start*/
.company-label{color: var(--blue); font-weight: 600; display: block;}
.listing-table tr td .btn-group.btn-group-toggle .btn.btn-secondary{background-color: var(--white); color: var(--grey-txt); border-color: var(--grey);}
.listing-table tr td .btn-group.btn-group-toggle .btn.btn-secondary.yes.active{background-color: var(--green); color: var(--white);}
.listing-table tr td .btn-group.btn-group-toggle .btn.btn-secondary.no.active{background-color: var(--red); color: var(--white);}
.activate-referral{color: var(--red);}
.on-referral{color: var(--green);}
.sub-section h2.comming-soon{font-size: 2rem; color: var(--green); font-weight: 600; margin-bottom: 30px;}
.welcome{font-size: 12px; color: ver(--grey); display: block;}
/*Carriers css end*/
/*Licenses css start*/
.group-toggle{background-color: var(--light-blue); border-radius: 20px; padding: 5px; height: 40px;}
.group-toggle .btn{background-color: transparent; color: var(--black); font-size: 14px; height: 30px; line-height: 30px; padding: 0 14px; border: none; border-radius: 15px !important; color: var(--black); display: inline-block;}
.group-toggle .btn:first-child{margin-right: 5px;}
.group-toggle .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color: var(--blue); color: var(--white);}
.active-label{display: inline-block; position: relative; padding: 0 0 20px 20px;}
.active-label::before{background-color: var(--green); content: ""; border-radius: 50%; height: 15px; position: absolute; left: 0; top: 3px; width: 15px;}
.active-inactive{display: block;}
/*Licenses css end*/
/*Dashboard css start*/
.sub-heading h2{font-size: 1.75rem; padding-bottom: 15px; position: relative; margin-bottom: 30px;}
.sub-heading h2::before{background-color: var(--green); content: ""; height: 3px; left: 0; bottom: -1px; position: absolute; width: 60px;}
.card-sm {padding: 25px; height: calc(100% - 30px); margin-bottom: 30px;}
.card-sm .card-head{padding-bottom: 15px;}
.sub-hd{color: var(--black); font-size: 1.125rem;}
.card-sm i{font-size: 46px;}
.font-lg{color: var(--black); font-size: 3rem; font-weight: 600; margin-bottom: 5px;}
.light-green{background-color: var(--light-green);}
.light-green i{color: var(--green);}
.light-blue{background-color: var(--light-blue);}
.light-blue i{color: var(--blue);}
.light-yellow{background-color: var(--light-yellow);}
.light-yellow i{color: var(--yellow);}
.light-purple{background-color: var(--light-purple);}
.light-purple i{color: var(--purple);}
.comment-tabs .container{padding:  20px 0 0 0;}
.comment-tabs .nav-tabs{border-color: var(--blue);}
.comment-tabs .nav-tabs .nav-item{margin-right: 10px;}
.comment-tabs .nav-tabs .nav-item:last-child{margin-right: 0;}
.comment-tabs .nav-tabs .nav-item .nav-link.active{background-color: var(--light-blue); color: var(--blue); border-color: var(--blue); border-bottom-color: var(--light-blue);}
.comment-img{border-radius: 50%; object-fit: cover; height: 46px; width: 46px; margin-right: 15px;}
.comm-name{color: var(--black); font-weight: 600;}
.comm-date{font-size: 12px;}
.round-card{background-color: var(--white); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); border-radius: 0 0 30px 0; padding: 75px 25px 25px; position: relative; margin-top: 50px; height: calc(100% - 50px);}
.list-img{border-radius: 50%; height: 100px; object-fit: cover; width: 100px; left: 25px; top: -50px; position: absolute; box-shadow: 0px 27px 20px 0px rgba(207,216,220,0.5);}
.list-user-name{color: var(--black); font-size: 1.125rem; display: block; margin-bottom: 20px;}
.col-mrg div[class*="col-"]{margin-bottom: 30px;}
/*Dashboard css end*/
/*Contact Us css start*/
.contact-page { padding: 50px 0; }
.destination-header-box p, .contact-header-box p { font-size: 15px; line-height: 24px; padding-bottom: 0; }
.destination-header-box, .contact-header-box { margin-bottom: 40px; }
.icon-box { text-align: center; display: inline-block; }
.contact-form-section .contact-form-heading h3 { font-size: 48px; line-height: 40px; margin: 0 0 25px; padding: 0; font-weight: 600; text-align: center;}
.contact-form-section .contact-form-heading h3 span { color: var(--green); display: inline-block; }
.contact-form-section .contact-form-heading p { text-align: center; font-weight: 400; font-size:15px; padding-bottom: 10px; line-height:24px;}
.contact-form-section .contact-form-heading p:last-child { padding-bottom: 0; }



.contactInfoSec {padding-bottom: 50px;padding-top: 30px;}
.contact-alt-info {background: var(--white);text-align: center;border-radius: 3px;padding: 15px 10px 20px;min-height: 160px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.info-icons {width: 75px;height: 75px;background: var(--light-green);border-radius: 100%;margin: -50px auto 15px;display: block;line-height: 69px;color: var(--green);font-size: 2.25rem;border: solid 3px var(--white);}
.contact-alt-info span {display: block;color: var(--black);font-size: 18px; letter-spacing: 1px;padding-bottom: 5px;}
.contact-alt-info p {padding: 0; margin-bottom: 0; line-height: 22px;}
.ft-social ul{ margin:0; padding:0;}
.ft-social ul li{ margin:0 3px; padding:0; list-style:none; display:block; text-align:center;}
.ft-social ul li a{color:#999999; display:block;width:35px;height:35px;border-radius: 50%;text-align:center;border:solid 1px #999999;line-height:35px;font-size:18px;}


.contact-form-section .contact-form-heading { margin-bottom: 40px; }
.contact-form-section { max-width: 970px; width: 100%; margin:0 auto; padding:0 0 50px; position: relative; }
.contact-detail-section {max-width: 970px; width: 100%; margin:0 auto; padding:0; background: #fff; position: relative;}
.contact-detail-section .contain-box p { font-size: 20px; line-height: 26px; color: #636363; font-weight: 500; padding-bottom: 0;}
.contact-form-section .my-account-form-box .form-group { margin-bottom: 22px; }
.contact-form-section .my-account-form-box label { margin-bottom:5px; font-size: 15px; font-weight: 500; text-transform: capitalize; }
.contact-form-section .my-account-form-box textarea.form-control{height:110px;}
.contact-detail-section .detail-box .icon-box span { width: 55px; height: 55px; }
.contact-detail-section .detail-box .contain-box h5 { font-size: 25px; font-weight: 600; margin: 28px 0 8px; text-transform: uppercase; line-height: 24px; }
.contact-detail-section .detail-box a { color: #636363; }
.contact-detail-section .detail-box a:hover { color: #19a3fb; }
.contact-map-section { position: relative; }
.contact-map-section iframe { width: 100%; }
.contact-map-section::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.21); }
.contact-info-section .contact-map-section img { width: 100%; height: 100%; object-fit: cover; }
.contact-info-section .contact-form-section .custom-btn { width: 100%; }
.contact-detail-section .detail-box { background: #f8f8f8; text-align: center; height: 100%; border-radius: 3px; border-top: 5px solid #093d66; padding: 30px 15px; }
.contact-form-section .my-account-form-box .my-account-btn:hover { background: #ea0015; cursor: pointer; }
/*Contact Us css end*/
/*-------------------------------*/
/*        Agent Menu start       */
/*-------------------------------*/
.nav .open > a {background-color: transparent; }
.nav .open > a:hover {background-color: transparent; }
.nav .open > a:focus {background-color: transparent; }
#wrapper {-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
/*#wrapper.toggled {padding-left: 220px; } */
#wrapper.toggled #sidebar-wrapper {width: 400px; }
#wrapper.toggled #page-content-wrapper {/*margin-right: -220px;*/ position: absolute; }
#sidebar-wrapper {-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: rgba(255,255,255,0.5); height: 100%; left: 400px; margin-left: -400px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 0; padding: 0; z-index: 1000; }
#sidebar-wrapper::-webkit-scrollbar {display: none; }
#page-content-wrapper {width: 100%; }
.sidebar-nav {list-style: none; margin: 0; padding: 0; width: 400px; }
#wrapper .cir-animation{overflow-x: hidden; overflow-y: auto; -webkit-box-align: start; -ms-flex-align: start;align-items: flex-start;}
#wrapper .cir-animation::before{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0099d6+0,006b96+100 */
background: rgb(0,153,214); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,153,214,1) 0%, rgba(0,107,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,153,214,1) 0%,rgba(0,107,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,153,214,1) 0%,rgba(0,107,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099d6', endColorstr='#006b96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 border-bottom-right-radius: 50%; content: ""; position: fixed; left: 0; top: 0; width: 0; height: 100px; opacity: 0; -moz-transition: all 0.8s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#wrapper.toggled .cir-animation::before{border-bottom-right-radius: 0; height: 100%; width: 400px; opacity: 1;}
#wrapper .cir-animation::after{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006b96+0,0099d6+100,0099d6+101 */
background: rgb(0,107,150); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,107,150,1) 0%, rgba(0,153,214,1) 100%, rgba(0,153,214,1) 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,107,150,1) 0%,rgba(0,153,214,1) 100%,rgba(0,153,214,1) 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,107,150,1) 0%,rgba(0,153,214,1) 100%,rgba(0,153,214,1) 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b96', endColorstr='#0099d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


 border-bottom-right-radius: 50%; content: ""; position: fixed; left: 0; top: 0; width: 0; height: 0; opacity: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled .cir-animation::after{border-bottom-right-radius: 0; height: 100%; width: 400px; opacity: 1;}
.sidebar-nav li {display: inline-block; line-height: 20px; position: relative; width: 100%; z-index: 5;}
.sidebar-nav li:before {-moz-transition: width 0.2s ease-in; -ms-transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; background-color: #1c1c1c; content: ''; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 3px; z-index: -1; }
.sidebar-nav li:first-child a {color: #ffffff; }
.sidebar-nav li:before {background-color: var(--blue); }
.sidebar-nav li:hover:before {-webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; }
.sidebar-nav li a {color: #fff; display: block; font-size: 1rem; padding: 10px 15px 10px 30px; text-decoration: none;}
.sidebar-nav li.open:hover:before {-webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; }
.sidebar-nav li.sidebar-brand::before {display: none; }
.sidebar-nav .dropdown-menu {background-color: rgba(255,255,255,0.1); border-radius: 0; border: none; box-shadow: none; margin: 0; padding: 0; position: relative; width: 100%; }
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {background-color: transparent; color: #ffffff; text-decoration: none; }
.sidebar-nav li.dropdown.show{background-color: var(--blue);}
.sidebar-nav li.dropdown.show .dropdown-menu{top: 0;}
.sidebar-nav li.dropdown .dropdown-menu li a{position: relative; padding-left: 53px;}
.sidebar-nav li.dropdown a.dropdown-toggle{position: relative;}
.sidebar-nav li.dropdown a.dropdown-toggle::after{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.sidebar-nav li.dropdown.show a.dropdown-toggle::after{border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-bottom: .3em solid transparent; border-right: 0; border-left: .3em solid;}
.sidebar-nav > .sidebar-brand {font-size: 20px; height: 65px; line-height: 44px; }
.hamburger {background: transparent; border: none; display: block; height: 32px; margin-left: 15px; position: absolute; left: 0; top: 40px; width: 32px; z-index: 999; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.hamburger:hover {outline: none; }
.hamburger:focus {outline: none; }
.hamburger:active {outline: none; }
.hamburger.is-closed:before {-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; }
.hamburger.is-closed:hover before {-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; }
.hamburger.is-closed:hover .hamb-top {-webkit-transition: all 0.35s ease-in-out; top: 0; }
.hamburger.is-closed:hover .hamb-bottom {-webkit-transition: all 0.35s ease-in-out; bottom: 0; }
.hamburger.is-closed .hamb-top {-webkit-transition: all 0.35s ease-in-out; background-color: var(--blue); top: 5px; }
.hamburger.is-closed .hamb-middle {background-color: var(--blue); margin-top: -2px; top: 50%; }
.hamburger.is-closed .hamb-bottom {-webkit-transition: all 0.35s ease-in-out; background-color: var(--blue); bottom: 5px; }
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {height: 4px; left: 0; position: absolute; width: 100%; }
.hamburger.is-open .hamb-top {-webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: var(--blue); margin-top: -2px; top: 50%; }
.hamburger.is-open .hamb-middle {background-color: var(--blue); display: none; }
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: var(--blue); margin-top: -2px; top: 50%; }
.hamburger.is-open:before {-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; }
.hamburger.is-open:hover before {-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; }
#wrapper.toggled .hamburger{left: 400px;}
.overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 100; }
.navbar-fixed-bottom, .navbar-fixed-top{position: fixed;}
@media only screen and (min-width:992px){
.header .agent-sub-hd.collapse:not(.show){display: block;}
.sub-menu-btn{display: none;}
}
/*-------------------------------*/
/*        Agent Menu end       */
/*-------------------------------*/
/*Agent Leads css start*/
.dt-inp-max{max-width: 277px;}
/*Agent Leads css end*/
/*Agent My Links css start*/
.link-box{border-radius: 50px 0 0 0}
.highlight-info{background-color: var(--light-green); align-items: center; color: var(--black); padding: 25px; font-size: 1.25rem; margin-bottom: 30px;}
.highlight-info i{background-color: var(--white); border-radius: 50%; box-shadow: 0px 22px 20px 0px rgb(140 197 66 / 30%); color: var(--green); font-size: 30px; line-height: 80px; text-align: center; width: 80px; margin-right: 20px;}
.link-col{background-color: var(--white); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); border-radius: 25px 0 0 0; padding: 20px 25px; height: 100%; align-items: center;}
.link-col i{background-color: var(--light-green); border: 1px solid var(--white); border-radius: 10px; box-shadow: 5px 18px 20px 0px rgb(140 197 66 / 25%); color: var(--green); font-size: 24px; line-height: 60px; text-align: center; width: 60px; margin-right: 25px;}
.link-col a{color: var(--blue); display: inline-block; display: block; /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/word-break: break-all; width: 100%;}
.link-col a:hover{color: var(--green);}
.bl-col div[class*="col-"]{margin-bottom: 10px;}
.link-heading{color: var(--black); font-size: 1.125rem; display: block; padding-bottom: 5px;}
/*Agent My Links css end*/
/*Agent Manage Producs css start*/
.switch {position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input {opacity: 0; width: 0; height: 0; }
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--light-grey); -webkit-transition: .4s; transition: .4s; }
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%); }
input:checked + .slider {background-color: var(--green); }
input:focus + .slider {box-shadow: 2px 8px 25px 0px rgb(140 197 66 / 55%); }
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px; box-shadow: 2px 8px 25px 0px rgb(140 197 66 / 25%); border: 1px solid var(--white);}
.slider.round:before {border-radius: 50%; }
.switch-sec{margin-left: 15px;}
.switch-sec label{margin-bottom: 0;}
.manage-product .link-heading{padding: 0; font-size: 1rem;}
.manage-product{align-items: center;}
.manage-product.card-sec{height: calc(100% - 10px); margin-bottom: 10px;}
.notes{background-color: var(--light-blue); padding: 25px; margin: 20px 0;}
.carrier-logo{width: 130px; height: 60px; margin-right: 15px; padding: 10px 0; display: flex; align-items: center;}
.carrier-logo img{max-height: 40px; max-width: 130px;}
/*Agent Manage Producs css end*/
/*Agent Manage States css start*/
.state-check{display: block; height: 100%;}
.state-check label, .select-all label{background-color: var(--white); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); cursor: pointer;font-family: 'Encode Sans', sans-serif; display: block; font-size: 1.125rem; color: var(--black);; font-weight: 400; position: relative; padding: 20px; margin: 0; }
.select-all label{box-shadow: none; color: var(--black); font-size: 1.25rem; padding: 0 0 0 75px;}
.state-check label span{color: var(--grey-txt); display: block; font-size: 1.5rem; font-weight: 600; position: relative;}
.state-check input[type=checkbox]:not(old){width:2em;margin:0;padding:0;font-size:1em;opacity:0; position: absolute;}
.state-check input[type=checkbox]:not(old), .select-all input[type=checkbox]:not(old){width: 20px; height: 20px; z-index: 1;}
.state-check input[type=checkbox]:not(old)+label>i, .select-all input[type=checkbox]:not(old)+label>i{display:inline-block; width:60px;line-height: 40px; height:60px;margin:0; line-height: 100%; background: #ffffff; vertical-align:bottom; border: 10px solid #d9e8c3; border-radius: 50%; position: absolute; right: 15px; top: 50%; overflow: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.4;}
.select-all input[type=checkbox]:not(old)+label>i{left: 0;}
.state-check input[type=checkbox]:not(old):checked+label{background-color: var(--light-green);}
.state-check input[type=checkbox]:not(old):checked+label>i, .select-all input[type=checkbox]:not(old):checked+label>i{background-color: var(--green); opacity: 1.0;}
.state-check input[type=checkbox]:not(old):checked+label>i:before, .select-all input[type=checkbox]:not(old):checked+label>i:before{display:flex; justify-content: center; align-items: center; background:none; text-align:center; font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 12px;color:var(--white);margin: 0; width: 100%; height: 100%; }
.states-sec div[class*="col-"]{margin-bottom: 30px;}
.card-head.state-head{padding-bottom: 0;}
.card-head.state-head .custom-check label{color: var(--black); font-size: 20px; font-weight: 600;}
.card-head.state-head .custom-check input[type=checkbox]:not(old)+label>span{top: 5px;}
/*Agent Manage States css end*/
/*Agent Customize My Site css start*/
a.menu-icon {
  background-color: var(--white);
  color: var(--black);
  font-size: 1rem;
  padding: 8px 15px;
  position: fixed;
  top: 50%;
  right: 0;
  border-radius: 5px 0 0 5px;
  z-index: 60;
  box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 108px;
}
a.menu-icon i{display: block;}
body.open a.menu-icon{right: 275px;}
.side-menu {
  box-shadow: -10px 0px 24px 0px rgba(0,0,0,0.0);
  padding: 20px;
  position: fixed;
  top: 0;
  right: -275px;
  width: 275px;
  height: 100%;
  overflow-y: auto;
  background-color: var(--white);
  z-index: 90;
  -webkit-transition: right .3s;
  transition: right .3s;
}
  ul.side-menu.open {
    box-shadow: -10px 0px 24px 0px rgba(0,0,0,0.1);
    right: 0;
  }
  ul.side-menu li {

    text-align: left;
    -webkit-transition: top .3s;
    transition: top .3s;
  }
.side-menu h2{font-size: 1.25rem;}
.side-menu .custom-file.upload-file{height: 36px;}
.side-menu .custom-file.upload-file .custom-file-label{height: 36px; line-height: 34px;}
.side-menu .custom-file.upload-file .custom-file-label::after{height: 34px; line-height: 32px;}
.side-menu .form-control{height: 36px;}
.color-palette{margin: 0 -2px;}
.side-menu button{height: 36px; line-height: 36px; padding: 0 15px;}
.color-inbox{height: 25px; color: var(--white); line-height: 25px; font-size: 10px; font-weight: 600; margin: 2px; width: calc(12.5% - 4px); cursor: pointer; text-align: center;}
/*Agent Customize My Site css end*/
/*Agent Dashboard css start*/
.status-field{position: relative; margin: 0 -8px}
.status-field::before{
background: rgb(0,153,214); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,153,214,1) 0%, rgba(140,197,66,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,153,214,1) 0%,rgba(140,197,66,1) 100%);
background: linear-gradient(to right,  rgba(0,153,214,1) 0%,rgba(140,197,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099d6', endColorstr='#8cc542',GradientType=1 );
content: "";
height: 4px;
border-radius: 2px;
left: 0;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.status-field li{padding: 0 8px; position: relative; flex: 0 0 16.666%; max-width: 16.666%; text-align: center;}
.status-field li .step-title{font-size: 13px; color: var(--black); font-weight: 600; display: block;}
.status-field li .step-info{font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.status-field li .status-box{color: var(--white); display: flex; align-items: center; justify-content: center; padding: 0 5x; margin: 5px 0; border-radius: 15px 5px 10px 5px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.status-field li:first-child .status-box{background-color: #0099d6;}
.status-field li:nth-child(2) .status-box{background-color: #1aa2bc;}
.status-field li:nth-child(3) .status-box{background-color: #33a99f;}
.status-field li:nth-child(4) .status-box{background-color: #49b088;}
.status-field li:nth-child(5) .status-box{background-color: #62b86f;}
.status-field li:nth-child(6) .status-box{background-color: #8cc542;}
.ht-1{height: 40px;}
.ht-2{height: 50px;}
.ht-3{height: 60px;}
.ht-4{height: 70px;}
.ht-5{height: 80px;}
.ht-6{height: 90px;}
.ht-7{height: 100px;}
.ht-8{height: 110px;}
.ht-9{height: 120px;}
.ht-10{height: 130px;}
/*Agent Dashboard css end*/
/*CRM css start*/
.records select{width: 100px; margin-right: 5px;}
/*CRM css end*/
/*Error css start*/
.error-container{margin: 30px auto; max-width: 640px;}
.error-container h1{margin-bottom: 30px;}
.error-container img{margin-bottom: 20px;}
/*Error css end*/
/*Calendar css start*/
.prev-next .btn-custom:first-child{border-radius: 3px 0 0 3px; margin: 0;}
.prev-next .btn-custom:last-child{border-radius: 0 3px 3px 0; margin: 0 0 0 -1px;}
.calendar-sec.nowrap-table .table{border-top: 1px solid var(--grey);}
.calendar-sec.nowrap-table .table tr th, .calendar-sec.nowrap-table .table tr td{width: 14.285%;}
.calendar-sec.nowrap-table .table tr th{text-align: center;}
.calendar-sec.nowrap-table .table tr td{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.calendar-sec.nowrap-table .table tr td:hover{box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.date-col{min-height: 106px;}
.not-current{opacity: 0.4;}
.date-num{background-color: var(--light-blue); border-radius: 50%; color: var(--black); display: inline-block; line-height: 40px; text-align: center; width: 40px;}
.date-row{margin-bottom: 5px}
.date-row:last-child{margin-bottom: 0;}
.past .date-num{background-color: var(--light-grey); color: var(--grey-txt);}
.calendar-sec .event{background-color: var(--green); border-radius: 3px; color: var(--white); display: block; font-size: 12px; font-weight: 600; padding: 5px 10px;}
.calendar-sec .current{background-color: var(--light-green);}
.calendar-sec .current .date-num{background-color: var(--white);}
/*Calendar css end*/
/*Thank you css start*/
.thank-you{font-size: 1rem;}
/*Thank you css end*/
/*Sign up link css start*/
.sign-up-link{color: var(--blue);}
/*Sign up css end*/
/*Search page css start*/
.search-content{}
.search-left{background-color: var(--white); padding: 20px 95px 20px 25px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.search-right{background-color: var(--light-blue); margin-left: -70px; padding: 25px 25px;}
.search-right h3{margin-bottom: 0;}
.search-form .form-block-title{font-size: 1.125rem; color: var(--black); margin-bottom: 15px; display: block;}
.radio-group-btn{border: solid 1px #0099d5; display: flex;}
.radio-group-btn .radio-option{width: 50%; position: relative; border-right: solid 1px #0099d5;}
.radio-group-btn .radio-option:last-child{border: none;}
.radio-group-btn .radio-option input[type="radio"]{position: absolute; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.radio-group-btn .radio-option label{display: block; text-align: center; color: #0099d5; padding: 10px 0; text-transform: uppercase; margin: 0;}
.radio-group-btn .radio-option input[type="radio"]:checked+label{background: #0099d5; color: #ffffff;}
.add-member-block.green{background: var(--light-green);}
.add-member-block {border-radius: 25px 0 25px 0; padding-top: 15px;margin-top: 10px;background: #f9f9f9;padding: 15px 20px;}
.add-member-block .row{padding-right: 50px; position: relative;}
.add-member-block .close-btn {background: #0099d5;color: #ffffff;font-size: 21px;right: 6px;top: 31px;position: absolute;width: 40px;height: 42px;display: flex;justify-content: center;align-items: center;}
.add-member-block .close-btn:hover{background: #002677;}
.assistance-block{font-size: 1rem; text-align: center; padding: 15px 0 0 0;}
.assistance-block .assistance-img{display: block; margin-top: 30px;}
.assistance-block .assistance-img img{width: 100%; display: block;}
.assistance-info {background: #ffffff;display: block;padding: 20px 0;}
.assistance-info p {font-weight: 700;text-transform: uppercase;font-size: 20px;color: var(--black);}
.trusted-carrier{border-bottom: 1px solid rgba(0,153,214,0.2); padding-bottom: 20px; margin-bottom: 20px;}
.trusted-carrier:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.trusted-carrier p{ font-weight: 700;}
.trusted-carrier ul {background-color: var(--light-green); border: 1px solid var(--white); box-shadow: 0px 0px 24px 0px rgba(140,197,66,0.5); display: flex; justify-content: center; flex-wrap: wrap; padding: 10px;}
.trusted-carrier ul li{background-color: var(--white); border: 2px solid var(--light-green); max-width: 33.333%; flex: 0 0 33.333%; height: 56px; padding: 5px; display: flex; align-items: center; justify-content: center; text-align: center;}
.trusted-carrier ul li img{max-height: 46px;}
.custom-radio.male{margin-top: 0; line-height: 45px; padding-left: 24px; position: relative;}
.custom-radio.female{margin-top: 0; line-height: 45px; padding-left: 28px; position: relative;}
.custom-radio.gender img, .custom-radio.smoke img{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.custom-radio.gender input[type=radio]:not(old)+label>span, .custom-radio.smoke input[type=radio]:not(old)+label>span{line-height: 24px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.custom-radio.smoke{margin-top: 0; line-height: 45px; padding-left: 34px; position: relative;}
.call{color: var(--blue); font-size: 1rem;}
.custom-radio:last-child{margin-right: 0;}
.plan-price{color: var(--blue); font-size: 2.75rem; font-weight: 700;}
.plan-price sup{color: var(--black); font-size: 1.125rem; font-weight: 400;}
.per-month{color: var(--blue); font-size: 1.5rem; font-weight: 300;}
.section.mgr-banner{margin-top:-25px; padding-top:0;}
/*Search page css end*/
/*Search reasult css start*/
.need-help{margin-bottom:15px;}
.price-list-input{padding-bottom:15px;}
.price-list-input li{border-bottom: 1px dotted var(--grey); padding: 10px 0;}
.price-list-input li:first-child{padding-top: 0;}
.price-list-input li:last-child{border-bottom: 0;}
.price-list-input li .custom-check, .price-list-input li .custom-radio{margin-top: 0;}
.search-ruselt-right h3{margin-bottom:0;}
.search-ruselt-right .records select {width: 230px;margin-right: 0;margin-left: 15px;}
.search-ruselt-right .search-r-hd{border-bottom: 1px solid var(--grey); padding-bottom: 10px; margin-bottom: 15px; font-size: 1.125rem; color: var(--black); max-width: 100%; flex: 0 0 100%;}
.r-hd{width: 224px;}
.company-logo{max-width: 160px; max-height: 28px;}
.card-one{width: 140px; margin-right:20px;}
.card-one span{display:block;text-align:center;}
.card-two-1{margin-right:20px; width: 200px;}
.card-two{margin-right:15px; flex: 1;}
.card-two-1 h4{font-weight:600; font-size: 1.25rem;}
.search-ruselt-card-block{flex-wrap: wrap;}
.search-ruselt-card-block .d-md-flex{flex: 1;}
.short-tb {display: inline-block; line-height: normal; padding: 8px 20px;border-radius: 50px;font-weight: 600;margin-bottom:15px;}
.card-two ul li strong{color: #0099d6;}
.price-tab{display:block;font-size:24px;font-weight:600;color: #000;text-align: center;padding-bottom:15px; line-height:28px;}
.term-list{display: flex; flex-wrap: wrap;}
.term-list li{max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; display: flex; flex-wrap: wrap;}
.term-list li .term-col1{max-width: 40%; flex: 0 0 40%; padding-right: 10px;}
.term-list li .term-col2{max-width: 60%; flex: 0 0 60%;}
.price-tab small{display:block;}
.card-three{width: 200px;}
.card-three .btn-custom{display: inline-block; white-space: nowrap;}
.btn-custom.details-btn{margin-top:15px;}
.nav-tab-outer {margin-bottom: 30px;margin-top:20px;}
.nav-tab-outer.opportunities-tab{margin-bottom: 0; }
.filtter-icon {display: block;color: #0099d6;font-size: 20px;background: #e5f5fb;width: 66px;height: 66px;line-height: 66px;text-align: center;}
.card-arrow {display: block;font-size: 26px;color: #dedede;margin-left: 40px;}
.listing-search{background-color: var(--light-green); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); color: var(--black); border: none; border-radius: 0;   padding: .75rem; text-align: left; width: 100%;}
.listing-search:hover{background-color: var(--green); color: var(--white);}
.card.search-coll{border-radius: 0;}
.hd-link-r{position: relative;}
.hd-link-r .basket-item{background-color: var(--white); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); position: absolute; display: none; padding: 10px; top: 100%; right: -20px; width: 450px; font-size: 14px;}
.hd-link-r .basket-item a{font-size: 14px;}
.hd-link-r .basket-item .basket-heading{color: var(--black); font-weight: 600; display: block; padding: 0 0 10px; font-size: 1rem;}
.bg-light-blue{background-color: var(--light-blue); color: var(--black);}
.bg-off-white{background-color: var(--off-white);}
.basket-row{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 8px 12px; margin-bottom: 2px;}
.basket-summery{flex: 1; padding-right: 10px;}
.hd-link-r a.remove-basket{color: var(--red);}
.hd-link-r .basket-item a.btn-custom{color: var(--white); height: 36px; line-height: 36px; padding: 0 20px;}
.detail-full-sec{max-width: 100%; flex: 0 0 100%; margin-top: 15px;}
.search-card-title{flex: 1;}
.custom-radio.plan-lbl{display: block; margin-bottom: 15px;}
.custom-radio.plan-lbl label{color: var(--black); cursor:pointer; font-size: 1.125rem; font-weight: 600;}
.custom-radio.plan-lbl label em{font-style:normal;}
.custom-radio.plan-lbl input[type=radio]:not(old)+label>span{line-height: 19px; top: 2px;}
.custom-radio.plan-lbl input[type=radio]:not(old)+label>span::before{font-size: 14px;}
/*Search reasult css end*/
/*Cart css start*/
.cart-total{background-color: var(--light-grey); padding: 15px; margin-bottom: 2px;}
.cart-table{margin-bottom: 15px;}
.radio-payment{width: 200px; padding-right: 15px;}
.card-logo{flex: 1;}
.payment-section{border: 1px dotted var(--grey); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); padding: 20px 25px;}
/*Cart css end*/
/*Membership css start*/
.price-plan-outer {padding: 30px 0;}
.main-head {font-size: 45px;font-weight: 600;margin-bottom: 50px;}
.plan-tabs {border: none;justify-content: center;}
.plan-tabs li:first-child {border-radius: 4px 0 0 4px;overflow: hidden;border-right: 1px solid #e2e2e2;}
.plan-tabs li:last-child {border-radius: 0 4px 4px 0;overflow: hidden;}
.plan-tabs li a {background: #fff;min-width: 150px;text-align: center;color: #b2b2b2;border-radius: 0 !important;/*border: 1px solid #fff;*/}
.plan-tabs li a span {background: #e8e8ea;padding: 0 5px;}
.plan-tabs li a:hover, .plan-tabs li a:focus {border-color: transparent!important;border-width: 0;}
.plan-tabs li a.active {border-color: #0065ff !important;border-width: 0 0 2px 0 !important;}

.plan-content {margin-top: 70px;}
.price-box {background: #fff;border-radius: 4px;box-shadow: 0 0 25px rgba(0,0,0,0.075);overflow: hidden;height: 100%;display: flex;flex-direction: column;}
.price-box.green-box {height: 100%;}
.price-top {text-align: center;padding: 15px 20px 30px;position: relative;display: flex;flex-direction: column;height: 100%;}
.most-popular {background: var(--green);display: block;color: #fff;text-align: center;padding: 7px 0;}
.plan-head span {color: var(--black); font-size: 1.125rem; font-weight: 600;display: block;}
.plan-head p {color: #8b8b8b;line-height: 20px;}
.price-head {color: var(--blue); display: block;font-size: 2.25rem;font-weight: 600;line-height: 55px;margin-bottom: 10px;}
.price-head span {font-size: 1.5rem;}
.price-head small {font-size: 13px;color: #8b8b8b; display: block; line-height: 16px;}
.plan-subscribe {position: absolute;bottom: -24px;height: 44px;line-height: 44px;background: var(--blue);min-width: 160px;left: 50%;transform: translateX(-50%);color: #fff;border-radius: 4px;font-weight: 500;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.plan-subscribe:hover {background: #004dc1;color: #fff;}
.green-btn {background: var(--green);}
.green-btn:hover {background: #22c169;color: #fff;}
.plan-feature li {padding: 10px 0;color: #5d5d5d;}
.plan-feature li span {color: #333;font-weight: 600;}
.price-bottom {background: #f9fafd;padding: 35px 20px 20px;}
/*Membership css end*/
/*Payment css start*/
.policy-heading{background-color: var(--light-blue); color: var(--black); font-size: 1.125rem; font-weight: 600; margin: 15px 0; padding: 10px 20px;}
.policy-heading:first-child{margin-top: 0;}
.policy-sec div[class*="col-md-"]{margin-bottom: 15px;}
.policy-row{display: block; margin-bottom: 5px;}
.policy-label{background-color: var(--light-green); color: var(--black); display: inline-block; padding: 8px 15px;}
.policy-sec strong{color: var(--blue);}
.policy-sec{color: var(--black);}
.policy-sec .row{padding: 0 20px;}
/*Payment css end*/



/*-----footer start-----*/
.footer{
  background-color: var(--blue);
  color: var(--white);
}
.footer h3{
  color: #fff;
  padding: 10px 0 35px;
}
.top-footer{
  padding: 50px 0;
}
.ft-logo{
  padding-bottom: 30px;
}
.ft-title{
  color: #fff;
  font-family: 'Encode Sans', sans-serif;
  font-size: 1.125rem;
}
.footer a{
  color: var(--white);
  display: inline-block;
}
.footer a:hover{
  color: #fff;
}
.footer ul{
  -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 4.25rem;
    -moz-column-gap: 4.25rem;
    column-gap: 4.25rem;
}
.footer ul li{
  padding-bottom: 15px;
}
.get-in-touch{padding-left: 20px; position: relative; display: block; word-wrap: break-word;}
.get-in-touch i{color: #fff; position:absolute; left: 0; top: 6px;}
.social a{
  background-color: rgba(255,255,255,0.2);
  border-radius: 3px;
  font-size: 0.875rem;
  color: var(--white);
  display: inline-block;
  margin-right: 15px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
.social a:last-child{
  margin-right:0;
}
.social a:hover{
  background-color: var(--green);
}
.bottom-footer{
  background-color: rgba(0,0,0,0.1);
  padding: 25px 15px;
}
/*-----footer end-----*/
/*-----loading data start-----*/
.loading-data{background-color: var(--white); border-radius: 15px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); color: var(--black); font-size: 1rem; font-weight: 600; padding: 30px; position: fixed; left: 50%; text-align: center; top: 50%; max-width: 500px; width: 90%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 9999;}
.loading-data p{font-weight: 600;}
.loading-data span{color: var(--green); font-size: 1.125rem;}
.loading-data img{max-width: 390px;}
.loading-overlay{background-color: rgba(255,255,255,0.7); content: ""; left: 0; right: 0; height: 100%; position: fixed; top: 0; z-index: 8888;}
/*-----loading data end-----*/
/*-----loading data start-----*/
.loading-common{background-color: var(--white); border-radius: 50%; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); color: var(--black); font-size: 1.125rem; font-weight: 600; padding: 30px; position: fixed; left: 50%; text-align: center; top: 50%; height: 160px; width: 160px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 9999;}
.loading-common p{color: var(--green); font-weight: 600;}
/*-----loading data end-----*/
/*-----home page start-----*/
.banner-home{position: relative;}
.banner-img{width: 100%; object-fit: cover;}
.searh-content{position: absolute; left: 0px; right: 0; bottom: 0;}
.searh-content.before-login{bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.home-search{max-width: 42%; flex: 0 0 42%;}
.hm-search-frm{background-color: rgba(255,255,255,0.9); box-shadow: 0px 4px 0px 0px rgba(153,153,153,0.27); padding: 50px; position: relative;}
.hm-search-frm h1{background: url('../images/hd-sep.png') center bottom no-repeat; color: var(--black); font-size: 2.8125rem; font-weight: 700; padding-bottom: 15px; text-align: center;}
.hm-search-frm h1 span{display: block; font-size: 1.5625rem; font-weight: 300; padding-top: 10px;}
.home-search .form-control{background-color: var(--grey-hm); border-radius: 0; font-size: 1rem; height: 49px;}
.home-search .btn-custom{border-radius: 0; height: 49px; font-size: 1rem; min-width: 199px; text-align: center;}
.searh-content.before-login .btn-custom{min-width: 0;}
.hm-search-frm .form-group{margin-bottom: 30px;}
.hm-search-frm .form-control::-webkit-input-placeholder {color: var(--black); }
.hm-search-frm .form-control::-moz-placeholder {color: var(--black); }
.hm-search-frm .form-control:-ms-input-placeholder {color: var(--black); }
.hm-search-frm .form-control::-ms-input-placeholder {color: var(--black); }
.hm-search-frm .form-control::placeholder {color: var(--black); }
.hm-search-frm label span{font-size: 13px;}
.hm-search-btm{background-color: var(--green); color: var(--white); font-size: 1.125rem; padding: 30px 50px;}
.icon-quote{display: block; padding-left: 62px; position: relative;}
.icon-quote img{position: absolute; left: 0; top: 0;}
.icon-quote span{display: block; font-size: 1.5625rem; font-weight: 600;}
.partner{background-color: var(--white); box-shadow: 0px 2px 15px 0px rgba(0,173,228,0.15); padding: 25px; text-align: center;}
.partner .owl-stage{display: inline-block;}
.partner-slider .item{border-right: 1px solid #ddd; height: 44px; display: flex; align-items: center; padding: 0 25px;}
.partner-slider .owl-item:last-child .item{border-right: none;}
.partner-slider .item img{max-height: 44px; width: auto;}
.mid-section{padding-top: 70px; color: var(--black); font-size: 1rem;}
.mid-btm{padding-bottom: 70px;}
.mid-section h2{font-size: 2.8125rem; font-weight: 700; margin-bottom: 45px;}
.term-sec{border-right: 1px solid #ddd; text-align: center;}
.term-sec:last-child{border-right: none;}
.term-sec i{display: block; margin-bottom: 20px;}
.short-term-sec{background-color: var(--blue); color: var(--white); margin: 84px -63px 0 0; padding: 90px 150px 90px 90px;}
.short-term-sec h2{color: var(--white);}
.services-list{display: flex; flex-wrap: wrap; padding-top: 15px;}
.services-list li{font-weight: 700; max-width: 50%; flex: 0 0 50%; position: relative; padding: 5px 10px 30px 55px;}
.services-list li i{background-color: var(--white); border-radius: 50%; box-shadow: 0px 0px 24px 0px rgba(0,52,74,0.23); color: var(--green); line-height: 34px; left: 0; position: absolute; text-align: center; top: 0; width: 34px;}
.shape{background: url('../images/shape.png') 0 0 no-repeat; color: var(--green); display: inline-block; font-size: 33px; line-height: 80px; margin-bottom: 35px; text-align: center; width: 80px;}
.quote{border: 1px dashed var(--green); padding: 80px 60px 60px; position: relative;}
.quote-in{position: relative; z-index: 5;}
.quote::before{background: var(--body-white) url('../images/quote.png') 0 0 no-repeat; content: ""; height: 114px; left: -20px; position: absolute; top: -16px; width: 132px;}
.quote ul li{padding: 0 0 15px 20px; position: relative;}
.quote ul li::before{border: 1px solid var(--green); border-radius: 50%; content: ""; display: inline-block; height: 11px; left: 0; top: 6px; position: absolute; width: 11px;}
.btm-btn-sec{background-color: var(--light-blue); border-radius: 10px; display: inline-block; padding: 10px;}
.btm-btn-sec .btn-custom{box-shadow: 0px 2px 13px 0px rgba(0,153,214,0.13); font-size: 1rem; line-height: 70px; height: 70px;}
.btm-btn-sec .btn-custom:last-child{margin-left: 5px;}
/*-----home page end-----*/
/*-----Welcome page start-----*/
.section.welcome{height: 100vh; padding-top: 50px;}
.section .btn-lagre.btn-custom{line-height: normal; font-size: 1.125rem; height: auto; padding: 10px 30px 10px 80px; position: relative; text-align: left; text-transform: capitalize;}
.section .btn-lagre.btn-custom span{display: block; font-size: 1.5rem; font-weight: 600; text-transform: uppercase;}
.section .btn-lagre.btn-custom i{border: 2px solid var(--white); border-radius: 50%; color: var(--white); font-size: 18px; line-height: 36px; position: absolute; left: 20px; top: 17px; text-align: center; width: 40px;}
/*-----Welcome page end-----*/
/*-----landing page start-----*/
.hm-banner-content{position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.hm-banner-content h1{color: var(--white); font-size: 2.8125rem; font-weight: 700; margin-bottom: 30px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.hm-banner-content h1 span{font-size: 1.5rem; font-weight: 300; display: block;}
.hm-banner-content .container{max-width: 1170px;}
.insurance-category{background-color: rgba(255,255,255,0.8); box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); border-radius: 15px; color: var(--blue); display: block; font-size: 1.25rem; padding: 30px 15px; text-align: center; margin-bottom: 30px;}
.insurance-category i{display: block; margin-bottom: 15px;}
.insurance-category:hover{ color: var(--green);}
.free{font-size: 18px; font-weight: 700;}
/*-----landing page end-----*/
/*-----status bar start-----*/
.status-bar{background-color: var(--grey); border-radius: 3px; display: flex; height: 6px; margin: 30px 0 10px; width: 800px;}
.status-bar .steps{height: 6px; max-width: 11.11%; flex: 0 0 11.11%; position: relative; text-align: center;}
.status-bar .steps:first-child{border-radius: 3px 0 0 3px;}
.status-bar .steps:last-child{border-radius: 0 3px 3px 0;}
.status-bar .steps.active{background-color: var(--green); color: var(--green); font-weight: 600;}
.status-bar .steps::before{background-color: var(--white); border: 2px solid var(--grey); border-radius: 50%; content: ""; height: 20px; position: absolute; left: 50%; top: 50%; width: 20px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.status-bar .steps.active::before{border-color: var(--green);}
.status-bar .steps .step-label{position: absolute; left: 0; line-height: 13px; top: -34px;  text-align: center; white-space: normal; width: 100%; font-size:12px;}
.tb-info{display: inline-block; margin-right: 10px;}
/*-----status bar end-----*/
/*-----home landing page css start-----*/
.main-banner{position: relative; padding: 80px 0;}
.m-banner-img{position: absolute; right: 0; top: 0;}
.main-banner h1{color: var(--black); font-size: 2.8125rem; font-weight: 700; margin-bottom: 30px; text-shadow: 2px 2px 2px rgb(255 255 255 / 40%);}
.main-banner h1 em{color: var(--blue); font-style: normal;}
.main-banner h1 span{font-size: 1.5rem; font-weight: 300; display: block;}
/*-----home landing page css end-----*/
/*-----Register page css start-----*/
.container-reg{max-width: 1080px; margin: 0 auto; padding: 120px 15px;}
.sub-hd{font-size: 1.125rem; color: var(--black);}
.reg-list li{margin-bottom: 10px; font-size: 1rem; color: var(--blue); padding: 5px 10px 15px 55px; position: relative;}
.reg-list li i {background-color: var(--white); border-radius: 50%; box-shadow: 0px 0px 24px 0px rgb(0 52 74 / 23%); color: var(--green); line-height: 34px; left: 0; position: absolute; text-align: center; top: 0; width: 34px; }
.card-sec.register-sec{padding: 40px;}
/*-----Register page css start-----*/
.h-auto, .card-sec.h-auto{height:auto}
.max-full{max-width:100%; flex:0 0 100%;}
/*---UI Changes---*/
.tooltip-btn{background-color:transparent; border:none; padding:0; color:var(--green);}
.reset-filter {line-height: 28px; height: 28px; text-transform: capitalize; padding: 0 15px !important; border-radius: 14px;}
.nav-contact{padding-right:15px; display:inline-block; font-style:normal;}
.nav-contact:last-child{padding-right:0;}
.nav-contact em{font-size:14px; font-style:normal; display:inline-block; margin-left:5px;}
/*-----Purchase page css start-----*/
.purchase-section .card-sec{ padding:0px;}
.leads-leftpanel{ background-color:#e5f5fb;}
.leads-leftpanel .nav-tabs{ display:block!important; border-bottom:0px solid #000}
.leads-leftpanel .nav-tabs .nav-link{ margin-bottom:0px; border:0px solid #000!important; border-radius:0px; color:#0099d6; height: 50px; display: flex; align-items: center;}
.leads-leftpanel .nav-tabs .nav-link:focus, .leads-leftpanel .nav-tabs .nav-link:hover{ background-color:#0099d6; border:0px solid #000; color:#fff }
.leads-leftpanel .nav-tabs .nav-item.show .nav-link, .leads-leftpanel .nav-tabs .nav-link.active {background-color: #0099d6; position:relative; color:#fff}

.leads-leftpanel .nav-tabs .nav-item.show .nav-link::after, .leads-leftpanel .nav-tabs .nav-link.active::after{
    content: "";
    border-top: 8px solid #0099d6;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    right: -11px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); transform: rotate(-90deg);
}


.purchase-section .tab-content {
    padding: 20px 30px 98px 30px; position:relative; min-height:360px;
}

.tab-footer {
    background-color:#f9f9f9;
    padding: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px; border-top: 1px solid #dee2e6; display:flex; justify-content: space-between;
}

.radio-purchase {
    width: 200px;
    padding-right: 15px;
}

.lead-age {
    margin-left: 35px; margin-top:10px; padding-bottom:30px;
}
.lead-age li{ margin-bottom:10px;}

.lead-box{ background-color:#e8f3d9; padding:20px;}
.lead-box2{ background-color:#e5f5fb; padding:20px;}
.leadarea label{ font-size:18px; color:#000}

.leadarea .custom-radio input[type="radio"]:not(old) + label > span {
    width: 30px;
    height: 30px;
}

.leadarea .custom-check, .leadarea .custom-radio{ margin-top:0px}
.leadarea .custom-check label, .leadarea .custom-radio label { padding-left: 43px;}


.leadarea .badge {
    background-color: #8cc542;
    font-size: 14px;
    padding: 6px 12px;
    color: #fff;
}

.sublead ul {
    margin-left: 44px; margin-top:15px;
}

.sublead ul li {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #3f3f3f;
    margin-bottom: 15px;
}

#lead-filter li {
    margin-bottom: 10px;
}




/*-----Purchase page css End-----*/

/*-----Lead Store page css Start-----*/
.balance-sect{ background-color:#8cc542; border-radius:4px; padding:15px;}
.balance-sect h2{ color:#fff}
.balance-sect .blance-amnt {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
}

.lead-store-left .summery > li {
    border-bottom: 1px dotted #000;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
}

.lead-store-left .need-help{ border-radius:4px;}



.lead-store-left .summery > li span:last-child{ text-align:right} 

.lead-listing h2{ border-bottom: 1px solid var(--grey);
padding-bottom: 10px;
margin-bottom: 15px;
font-size: 1.125rem;
color: var(--black);}


.lead-info {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; flex-wrap: wrap;
}

.lead-info div{ width:14%;}
.lead-info div span{ display:block; color:#0099d6; font-size:24px; font-weight:500}

.lead-info .btn-group.btn-group-toggle .btn.btn-secondary.yes.active {
    background-color: var(--green);
    color: var(--white);
}

.lead-info .btn-group.btn-group-toggle .btn.btn-secondary {
    background-color: var(--white);
    color: var(--grey-txt);
    border-color: var(--grey);
}

.lead-info .btn-group.btn-group-toggle .btn.btn-secondary.no.active {
    background-color: var(--red);
    color: var(--white);
}

/*-----Lead Store page css End-----*/
/*----Check out css Start----*/
.lead-box.checkout-info{border-radius: 5px; box-shadow: 0px 5px 20px 0px rgb(140 197 66 / 15%); color: var(--black); padding-bottom: 5px; margin-bottom: 20px;}
.lead-box.checkout-info h2{border-bottom: solid 2px #cae1ab; padding-bottom: 15px}
.order-price{color: var(--blue); font-size: 1rem; font-weight: 600;}
.lead-box.checkout-info .media{border-bottom: 1px dashed #cae1ab; margin-bottom: 15px;}
.lead-box.checkout-info .media:last-child{border-bottom: none;}
/*----Detail page css Start----*/
.modal-dialog.modal-xl{max-width: 1140px;}
.btn-custom.btn-detail{background-color: transparent; border-radius: 0; color: var(--blue) !important; height: auto; font-weight: 600; font-size: 1rem; line-height: normal; padding: 0; margin-top: 15px; text-transform: capitalize;}
.btn-custom.btn-detail:hover{color: var(--black) !important;}
.modal-header .media{max-width: 100%; flex: 0 0 100%;}
.modal-detail .modal-header, .modal-detail .modal-body{padding: 20px;}
.modal-detail .modal-header{ padding-right: 50px; position: relative; box-shadow: 0px 5px 5px 0px rgba(0,153,214,0.15);}
.modal-detail .modal-header .close{margin: 0; position: absolute; right: 0; top: 10px;}
.modal-detail .modal-header .media p{color: var(--black); font-size: 1rem; font-weight: 600;}
.modal-detail .modal-header .media .media-body img{max-width: 130px;}
.plan-row{border-bottom: 1px dashed var(--grey); padding: 15px 0;}
.plan-row:last-child{border-bottom: none; padding-bottom: 0;}
.plan-row:first-child{padding-top: 0;}
.plan-sub-hd{color: var(--black); font-weight: 500;}
.modal-detail a{color: var(--blue);}
/*----Detail page css End----*/
/*----Purchase page css Start----*/
.msg-section{background-color: var(--light-green); color: var(--black); border: 1px solid #c3e6cb; border-radius: 5px; margin-bottom: 20px; padding: 15px;}
.lead-box{background-color: var(--light-blue); border: 1px solid #d3e9f2; margin-bottom: 20px; padding: 15px;}
.lead-box h3{color: var(--black); font-size: 1rem; font-weight: 600;}
.leads-row{border-bottom: 1px solid #d3e9f2; padding-bottom: 15px; margin-bottom: 15px;}
.leads-row:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.lead-title{color: var(--black); font-weight: 500;}
.qty{color: var(--blue); font-size: 1.25rem; font-weight: 600;}
/*----Purchase page css End----*/
/*----Search result templates css Start----*/
.pdf-link{background: transparent url('../images/pdf.png') left top no-repeat; color: var(--blue); display: inline-block; line-height: 20px; padding-left: 25px; margin-top: 5px;}
.plan-hd{color: var(--black); border-bottom: 1px dashed var(--grey); display: block; font-size: 1rem; font-weight: 600; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.plan-hd::before{background-color: var(--green); border-radius: 3px; content: ""; height: 3px; position: absolute; left: 0; bottom: -1px; width: 30px;}
.term-list.dental li .term-col1{max-width: 60%; flex: 0 0 60%;}
.term-list.dental li .term-col2{max-width: 40%; flex: 0 0 40%;}
.plan-prc-sec{display: inline-block;  font-weight: 600; margin-right: 15px;}
.plan-prc-sec span{color: var(--black); font-size: 1.25rem;}
.card-three .plan-prc-sec{display:block; margin-right:0;}
.card-three .plan-prc-sec span{display:block;}
.card-one .crd-txt-1{font-size: 1rem; color:var(--black); text-align:left;}
.plan-prc-sec span span{font-size: 1rem; font-weight: 400;}
.search-ruselt-card-block .max-full{border-top: 1px solid var(--grey); padding-top: 10px;}
.info{color: var(--green);}
.info:hover{color: var(--black);}
.illness-acc .term-list li .term-col1{max-width: 70%; flex: 0 0 70%; padding-right: 10px;}
.illness-acc .term-list li .term-col2{max-width: 30%; flex: 0 0 30%;}
.illness-acc .r-hd, .illness-acc .card-three{width: 450px;}
.illness-acc .price-tab{text-align: left;}
.illness-acc .card-three .btn-custom{min-width: 128px;}
.illness-acc .card-three .price-tab small{font-size: 65%;}
.illness-acc .card-three{background-color: var(--light-blue); border: 1px solid var(--white); padding: 15px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.date-txt{color: var(--black); font-weight: 600;}
.card-three .custom-check label{color: var(--black); cursor: pointer; font-weight: 600; padding-left: 30px;}
.card-three .custom-check input[type=checkbox]:not(old)+label>span{box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%); border-color: var(--blue);}
.card-three .custom-check input[type=checkbox]:not(old):checked+label>span{ border:1px solid var(--blue); }
.card-two-1.aca-info{background-color: var(--light-blue); border-radius: 5px; color: var(--black); padding: 15px 20px; position: relative; width: 350px;}
.card-two-1.aca-info::before{content: ""; border-top: 10px solid var(--light-blue); border-right: 10px solid var(--light-blue); border-left: 8px solid transparent; position: absolute; left: -10px; top: 0;}
.card-two-1.aca-info strong{font-weight: 600;}
.bronze{color: var(--green); font-weight: 600;}
.bronze:hover{color: var(--black);}
.search-ruselt-right .search-r-hd .bronze{font-size: 14px;}
.card-three.blue-sec{background-color: var(--light-blue); border-radius: 10px 0 10px 0; border: 1px solid var(--white); padding: 15px 10px; box-shadow: 0px 5px 20px 0px rgb(0 173 228 / 15%);}
.card-three.blue-sec .btn-custom{min-width: 127px; margin-bottom: 15px;}
.card-three.blue-sec .btn-custom:last-child{margin-bottom: 0;}
.illness-acc .hsp-ind.term-list li .term-col1{max-width: 40%; flex: 0 0 40%;}
.illness-acc .hsp-ind.term-list li .term-col2{max-width: 60%; flex: 0 0 60%;}
/*----Search result templates css End----*/
/*----Compare css Start----*/
.row.cmprow{margin: 0 -10px}
.compare-col{max-width: 20%; flex: 0 0 20%; padding: 0 10px;}
.compare-col.cmp-col-2{max-width: 40%; flex: 0 0 40%;}
.compare-col.cmp-col-3{max-width: 26.66%; flex: 0 0 26.66%;}
.compare-title{font-size: 1.125rem;}
.compare-title strong{background-color: var(--light-green); border: 4px solid #cbe1b8; border-radius: 50%; color: var(--green); display: inline-block; font-size: 3.125rem; line-height: 70px; margin-bottom: 15px; text-align: center; width: 78px;}
.compare-title span{display: block;}
.cmp-btn{background-color: var(--light-blue); border-radius: 0; color: var(--black); font-size: 1.125rem; padding: 10px 15px; position: relative; text-align: left; width: 100%;}
.cmp-btn::before{content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; position: absolute; right: 16px; top: 10px;}
.cmp-btn.collapsed::before{content: "\f0da";}
.row.cmprow.cmp-detail{margin: 0; border-bottom: 1px solid #c7e3ed; border-left: 1px solid #c7e3ed;}
.row.cmprow.cmp-detail .compare-col{border-right: 1px solid #c7e3ed; padding: 10px 15px;}
.cmp-hd{color: var(--black); font-weight: 600;}
.row.cmprow.cmp-detail a{color: var(--blue);}
.row.cmprow.cmp-detail a:hover{color: var(--black);}
.row.cmprow.cmp-detail .form-control{height: 36px;}
.cmp-field{margin-bottom: 2px;}
.cmp-head{background-color: var(--body-white); z-index: 10;}
/*----Compare css End----*/
/*----Purchase template css Start----*/
.btn-browse-result{background-color: var(--green); color: var(--white) !important; border-radius: 5px; color: var(--black); display: block; padding: 10px 40px 10px 15px; margin-bottom: 15px; position: relative; text-align: left;}
.btn-browse-result::before{content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; position: absolute; right: 16px; top: 10px;}
.btn-browse-result.collapsed::before{content: "\f0da";}
/*----Purchase template css End----*/