@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;900&display=swap');
*{box-sizing:border-box;-webkit-box-sizing:border-box;}
a, img{border:none;}
a{text-decoration:none;}
body{margin:0px;padding:0px;background:#fff;font-family:'Roboto', sans-serif; letter-spacing: .025em; line-height: 1.4; color:#333;font-size:14px;}
.fleft{float:left;}

.header { background: var(--tbo-secondary);}
.text-white{color:var(--tbo-global-color);}
.whitebtn,.languagebtn{cursor:pointer; font-size: 14px; padding:8px 16px; font-weight:700; border-radius:4px;}
.whitebtn {  border: 1px solid var(--tbo-global-color); background:var(--tbo-global-color);  color:#004693;}
.languagebtn{border: 1px solid #F3A208;background: #F8BB41; color:var(--tbo-netural); padding-inline-end:10px; position:relative; display:flex; align-items:center; gap:6px;}
.languagebtn select{background:transparent; border:0;}
span.language_icon_tab { padding: 0px 18px 0px 6px; position:relative;  color: #2b2b2b; cursor: pointer; border-radius: 3px; float: left; background: #f9ba41 }
span.language_icon_tab::after, span.language_icon_tab_inner::after { display: block; width: 5px; height: 5px; border-bottom: #444 solid 1px; border-right: #444 solid 1px; content: " "; transform: rotate(45deg); position: absolute; top: 7px; right: 7px; }
ul.list { background: #fff; border: #f1f1f1 solid 6px; position: absolute; left: 0; top: 50px; min-width: 170px; border-radius: 5px; box-shadow: 2px 2px 5px #888888; z-index: 12; padding: 0px; list-style: none; }
ul.list li { padding: 5px; color: #000; clear: both; cursor: pointer; }
ul.list li:hover { background: #f7f7f7; }
.tboinfo{border-top: 1px solid #ECE5CC; border-bottom: 1px solid #ECE5CC;background: #FFFCF0; float:left; width:100%;}
.mainheading{font-size:34px; font-weight:700; color:#000;}
.frmlbl{font-size:14px; width:100%; display:block; margin-bottom:5px;}
.textgreen{color:#4B8C4D;}
.bluebox{background:#E3F1FB; display: inline-block; padding: 20px 30px; border-radius:12px; text-align:start;}
.blueboxlist{margin:1rem; padding:0;}
.blueboxlist li{padding:3px 0;}
.registrationtabs .nav-link{background:none; border:0; color:#000; padding-block:0; padding-inline-start:0; align-items:center; display:inline-flex; gap:.5rem; position:relative;}
.activebtn{width:20px; height:20px; border:1px solid #c6c6c6; border-radius:10px; display:inline-flex; }
.registrationtabs .nav-link.active .activebtn{border:1px solid #0E63B2;}
.registrationtabs .nav-link.active .activebtn:before{width:14px; height:14px; background:#0E63B2; border-radius:10px; position:absolute; content:""; inset-inline-start:3px; top:3px;}
.videoplayer{width:100%;aspect-ratio:16/9;}
.link{color:#0E63B2}
.linkwhite{color:#fff}
.linkwhite:hover{color:#fff; text-decoration:underline;}
.line {
    height: 37px;
    background: rgb(255, 255, 255, .4);
    width: 1px;
    display: flex;
    margin-inline: 10px;
}

.infobox{background:#FFF9EC; border:1px solid #DDDBDB; padding:1rem; border-radius:12px; position:absolute; right:-330px; z-index:100; width:320px; top:0; opacity:0; display:none;}
.infobox:before{content:""; position:absolute; border-width:10px 16px; border-color: transparent  #DFC691 transparent transparent ; border-style:solid; inset-inline-start:-33px; top:50px;}
.infobox:after{content:""; position:absolute; border-width:10px 16px; border-color: transparent  #FFFCF4 transparent transparent ; border-style:solid; inset-inline-start:-32px; top:50px; z-index:20;}
.infoheading{font-size:14px; color:#000; font-weight:600; width:100%; padding-block-end:8px; justify-content:space-between; display:flex; align-items:center;}
.popclose{font-size:1.5rem; line-height:15px; background:rgba(29, 29, 29, 0.10); border-radius:8px; width:34px; height:34px; justify-content:center; align-items:center;}
.infosection{border: 1px solid #DFC691; background: #FFFCF4; padding:8px .8rem; border-radius:12px; margin-top:1rem;}
.new_formbox:focus-within .infobox,
.new_formbox:focus .infobox {
    display: block;
    opacity: 1;
}
.infoiconmobile {
    position: absolute;
    inset-inline-end: 24px;
    display: none;
}
.orng {color:#0E63B2}
.alertmsg { border-radius:12px;  border: 1px solid  #D6B675; background: #FBF8E3; padding:1rem; display:flex; gap:.8rem; color:#654F29}
input[type="checkbox"]{width:18px; height:18px;}
/*footer*/
.detailbox {
    padding: 1rem;
    flex-direction: column;
    display: flex;
    align-items: center;
}
.detailbox .count{font-size:20px; color:var(--tbo-color-secondary-1000); font-weight:700; line-height:18px; margin-block-start:8px;}


.padbot20{padding-bottom:20px;}
.mt-10{margin-top:10px;}
.redinfo{font-size:12px; color:#000; float:inline-end; text-transform:capitalize; font-weight:400;}

q{line-height:17px;}
q::before, q::after{font-family: Georgia, serif; font-size: 2em; font-style:italic; top:8px; position:relative; padding:0 5px;}
q::before {content: "\201C";}
q::after {content: "\201D";}

.green{color:#7ac142; font-size:20px; font-weight:normal;}

.keyarea, .our_footprint {float: left; width: 100%; background:#f7f8fa; padding: 0 0 20px;}
main {margin: 0px; float: left; width: 100%; border-bottom: 1px solid  #d0d0d0;}
#cookiesDiv{padding:8px;}
.rgstrbox{ padding:10px;}
.new_container{background:#fff;}
.cookiesdiv{float:left; width:100%; padding:15px; background-color: #f9ba41; text-align:center;}
.new_email, .new_getbtn{padding:13px; border-radius:5px; border:0; min-width: 300px;font-size:16px; }
.new_email{ background:#fff;}
.new_getbtn{color:#fff; background:#1A3464;}
.new_getbtn:hover{color:#f9ba41;}
.new_mainbox{width:98%; margin:0 auto 40px; max-width:1100px; border-radius:10px; border:1px solid #e9e9e9; background:#fff; box-shadow: 1px 2px 10px #e2e7f0; overflow:hidden;}
.greybg{background:#f7f8fa;}
.padtop15{padding-top:15px;}
.alert-warning {
    padding: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #D6B675;
    background: #FBF8E3;
    border-left: 4px solid #D6B675;
}
    .alert-warning .new_rgstrstep {
        color: #654F29;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
    }
    .alert-warning small {
        color: var(--Warning-Shingle-fawn-Text, #654F29);
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }
    .alert-warning hr { background-color:#CFC898;   }
    .new_heading {
        padding: 10px 10px 20px;
        margin: 0;
        font-weight: normal;
        color: #000;
        font-size: 22px;
    }
.error{color:#BA0704 !important; font-size:var(--tbo-font-size-sm);}
.new_subheading{font-size:16px; padding:15px 0;  margin:0; font-weight: normal; color: #000;}
.new_btn{padding:12px 20px; border-radius:5px; font-size:18px; cursor:pointer; border:none; display:inline-block; text-transform:uppercase;}
.new_comonbtn{background:#1b4489; color:#fff;}
.new_comonbtn:hover{background:#F9BA41;color:#fff;}
.new_demobtn{background: var(--tbo-primary-default);color:#000;min-width:200px;}
.new_demobtn:hover{background:var(--tbo-primary-hover)}
.new_regstrbtn{background:#1b4489; color:#fff; min-width:200px;}
.new_regstrbtn:hover{background:#F9BA41;}
.new_para{padding:15px; font-size:14px; color:#798298;}
.new_clientquote{display:flex; flex-wrap: wrap; background:#fff; padding:10px 15px; border-radius: 8px; min-height:160px; box-shadow: 1px 2px 7px #e6e6e6;}
.new_testimgbox {width:75px; height:75px;}
.new_testimgbox img { object-fit:cover; width: 75px; height: 75px;}
.new__usertext p{margin-top:0;}
.new__usertext{padding: 0 15px; flex:80%; display:grid; align-content: space-between;}
.new__imgbox{border-radius: 50%;}
.new__imgbox img{width:initial !important; max-width:initial;}
.new_award img{width:130px;}

.new_line{float:left; width:100%; position:relative; border:0; background:#e0e0e0; height:1px; margin:50px 0;}
.new_line em{width:30px; height:30px; text-align:center; padding:5px; background:#f7f8fa; position:absolute;left: 0; right: 0; margin: auto; margin-top:-15px; border-radius:25px; font-size:16px; color:#000;}
.owl-dots{float:left; width:100%; text-align:center; padding:0 0 20px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ color: inherit; border: none; padding: 0 !important; font: inherit; height: 10px; width: 10px; border-radius: 8px; margin: 2px;}
.owl-carousel button.owl-dot{background: #1b4489 !important;}
.owl-carousel button.owl-dot.active{background:#f9ba41 !important;}

.new_step{min-height: 700px; width: 92%; float:left; background:#daf1ff; color: #000; margin: 5px; border-radius: 8px 0 0 8px; padding:15px 0;}

.new__stoptxt{padding:15px; margin-bottom: 15px; text-align:center;}
.new_count{width: 60px; height: 60px; background:#fff; border-radius: 50%;text-align: center; padding: 10px; font-size: 26px; border: 1px solid #e6e6e6; margin:auto;}
.new_septext{}
.new_step i{font-size:35px;}
.new_step b{font-size:16px; padding:5px 0; display:block;}
.new_step p{padding:5px 0; margin:0;}

#registerbox{overflow:hidden!important; width:320px; float:left;background: #4aa7d1;}
.clickable{float:left; width:100%; padding-bottom:20px;}
.owl-pagination{float:left; width:100%;}
.new_step1 b, .new_step1 i{color:#089abf;}
.new_step2{background:#c9e7fa;}
.new_step2 b, .new_step2 i{color:#bfac08;}
.new_step3 b, .new_step3 i{color:#c0560a;}




.owl-page{background:#fff; padding: 6px; border-radius: 50%; font-size: 12px; color:#000; cursor: pointer; margin: 0 3px; display: inline-block; height: 25px; width: 25px; text-align: center;}
.owl-page.active{background:#ecaa1f; color:#fff;}

.new__stage{width:35px; height:35px; padding:5px; text-align:center; background:#096fbf; color:#fff; font-weight:bold; font-size:18px; border-radius:50px; left:-20px; position:absolute; z-index:20;}
.new_formbox{border-radius: 12px;border: 1px solid #E9E8E8;background: #FFF; width:100%; display:flex; flex-direction:column; gap:1rem; padding:1.3rem 1.5rem; margin-bottom:1rem;}
.new_formbox:hover{border: 1px solid #CACACA; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.new_formbox.selected{border-color:#F9BA41;}
.new_formbox.selected .new__stage{background:#F9BA41;}
textarea.new__inputbox{resize:none; font-family:inherit; font-size:13px;}
select.new__inputbox{height:38px; -moz-appearance: none; -webkit-appearance: none; background:#fff url(../images/selectdown.png) no-repeat 97% center; padding-right:15px;}
.new_formbox:first-child{margin-top:25px;}
.new_rgstrstep{margin:0; padding-bottom:1rem; font-size:16px; font-weight:normal; color:#000; display:flex; font-weight:600; justify-content:space-between; align-items:center;}
.new__inputbox{width:100%; float:left;border-radius: 8px;border: 1px solid #8F8E8E;background: #FFF; padding:12px 10px; min-height:48px;}

footer {width: 100%; float: left;}
footer { margin: 0px;}


.midsection { margin: 0px auto; width: 90%;}
.soclia_link b { font-size: .9em; color: #666; font-weight: normal; float: left; margin: .3em 1em 0 0;}
.padding-top-8 { padding-top: 8px !important;}
.soclia_link { float: left; width: 25%; margin-top: .5em;}

/*footer*/
.soclia_link{float:left;}
.followus{padding-top: 10px; padding-right: 15px;}
.navft{list-style:none; margin:0; padding:0;}
.navft li{padding:0; display:inline-block;}
.navft li a{padding:8px 0; color:#333; display:inline-block; font-size:13px;}
.navft li a:hover{color:#1A3464;}
.linkeffect{position:relative; }
.linkeffect:after{border-bottom: 1px solid #fcab00; content: ''; position: absolute; width:100%; left: 0; bottom:0; -webkit-transform: scale(0); transform: scale(0);-webkit-transition:.2s ease; transition:.2s ease;}
.linkeffect:hover:after{-webkit-transform: scale(1);transform: scale(1); }
.new_copyright{background:#f7f7f7; color:#666; font-size:11px; padding:3px 0 8px; text-align:center;}
.myright{text-align:right;}


.new_restrmag{padding:25px; font-size:16px; color:#000; text-align:center;width: 100%; float: left;}
.new__checkmark__circle {stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.new__checkmark {width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10; margin:30px auto; box-shadow: inset 0px 0px 0px #7ac142; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;}
.new__checkmark__check {transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}

@keyframes stroke { 100% { stroke-dashoffset: 0;}}
@keyframes scale { 0%, 100% { transform: none;} 50% { transform: scale3d(1.1, 1.1, 1);}}
@keyframes fill { 100% {  box-shadow: inset 0px 0px 0px 30px #7ac142;}}
.font-11{ font-size:11px;}
.cotpopup { position: absolute; background: #fff; padding: 1.5rem; width: 600px; left: 0; right: 0; top: 150px; border-bottom: #1b4489 solid 4px; box-shadow: 1px 2px 10px #e2e7f0; margin: 0 auto; z-index: 5; }
.ppclose{position:absolute; top:3px; right:3px; cursor:pointer;}
#feat_slide { overflow: hidden; border-radius: 8px; display: flex; }
.owl-nav { display: flex; height: 100%; padding: 8px; left: 0; right: 0; width: 100%; position: absolute; }
#feat_slide .owl-nav button.owl-next, #feat_slide .owl-nav button.owl-prev { font-size: 48px !important; background: none;  top:55px; outline: none; position:absolute; line-height:0; width:35px; height:35px; border:#ccc solid 1px; background:#fff; border-radius:50%; }
#feat_slide .owl-nav button span{ position:absolute; left:10px; top:11px;}
#feat_slide .owl-nav button.owl-next { right: 0; }
#feat_slide .owl-nav button.owl-prev { left: 0; }
#feat_slide .owl-nav:hover button.owl-next, #feat_slide .owl-nav:hover button.owl-prev { color: #f2a309; }
#feat_slide .owl-stage-outer { padding-bottom:10px; }
.greypopbg{position:fixed; background:rgba(0,0,0,.5); left:0; top:0; width:100%; height:100%; z-index:100; display:none;}

@media screen and (max-width:767px) { 
    .new_email {min-width:200px;}
    .new_clientquote{flex-direction: column; align-items: center; text-align:center;}
    .new__usertext{padding:0;}
    .new__userimgbox { display: block; text-align: center;}
    .registerbox{background:#f7f7f7;}

    .new__stage{left:16px;}
    .myright{text-align:center;}
    .cotpopup{width:100%; top:20px;}
    .new_rgstrstep{flex-direction:column; align-items:start;}
    .redinfo{padding-top:5px; font-size:12px;}
    .registrationtabs .nav-item{padding-block:5px; width:100%;}
    ul.list{left: -77px;}
   
    .registrationtabs .nav-link.active .activebtn:before {
        top: 2px;
        min-width: 14px;
        left: 2px;
    }
    .activebtn {
        position: relative;
        min-width: 20px;
    }
    .registrationtabs .nav-link {
        position: relative;
        text-align: left;
    }
    /*.new_formbox:focus-within .infobox, .new_formbox:hover > .infobox,
    .new_formbox:focus .infobox {
        display: block;
        opacity: 1;
    }*/
    .infobox {left: 0;right: 0; position: fixed; bottom: 0; z-index:110; width: 100%; top:initial;opacity: 1; max-height:80%; overflow-y:auto; border-radius: 24px 24px 0px 0px; border:0;}
    .new_formbox:focus-within .infobox,
    .new_formbox:focus .infobox {display: none; opacity:0;}
   .infoiconmobile {
        display: block;
    }
}

@media screen and (min-width:768px) and (max-width:1024px){
    .registerbox{background-position: -80px 0;}
    .infobox {left: 0;right: 0; position: fixed; bottom: 0; z-index:110; width: 100%;top:initial; max-height:80%; overflow-y:auto;border-radius: 24px 24px 0px 0px; border:0;}
     .new_formbox:focus-within .infobox,
    .new_formbox:focus .infobox {display: none; opacity:0;}
    .infoiconmobile {
        display: block;
    }
}

@media only screen and (min-width: 1824px)
{
    .header_container, .midsection, .header_container, .mid_main { width: 1500px;}
}

/*@media screen and (min-width:1024px) {
    .infobox{background:#FFF9EC; border:1px solid #DDDBDB; padding:1rem; border-radius:12px; position:absolute; right:-330px; z-index:100; width:320px; top:0; opacity:0; display:none;}
    .infobox:before{content:""; position:absolute; border-width:10px 16px; border-color: transparent  #DFC691 transparent transparent ; border-style:solid; inset-inline-start:-33px; top:50px;}
    .infobox:after{content:""; position:absolute; border-width:10px 16px; border-color: transparent  #FFFCF4 transparent transparent ; border-style:solid; inset-inline-start:-32px; top:50px; z-index:20;}
    .infoheading{font-size:14px; color:#000; font-weight:600; width:100%; padding-block:8px;}
    .infosection{border: 1px solid #DFC691; background: #FFFCF4; padding:8px .8rem; border-radius:12px; margin-top:1rem;}
}*/

.autocomplete-container {
    position: relative;
}

.autocomplete-list {
    position: absolute;
    border: 1px solid #edeeee;
    border-radius: 4px;
    z-index: 99;
    max-height: 200px;
    overflow-y: auto;
    background: #E5E7EB;
    width: 100%;
    top: 48px;
}

.autocomplete-item {
    background: #E5E7EB;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #e9e9e9;
}