@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body{font-family: 'Open Sans', sans-serif!important; font-size:14px;;margin:0 auto;padding:0!important;color:#000; -webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;background-color:#fafbfc!important;
}
.navbar-brand>img {
    height: 48px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#menu-bar{transition:top .5s ease 0;-webkit-transition:top .5s ease 0;-moz-transition:top .5s ease 0;-o-transition:top .5s ease 0}
.affix{background:#fff;left:0;right:0;z-index:9999}
.navbar-devider{margin-bottom:0!important;margin-left:15%;margin-top:3px!important;padding-right:2%}
.header-section .navbar-collapse .nav.navbar-nav li.active a{ background: none!important; color:#d509a3!important}
ul.navbar-r li.header_button.header_button_left{    padding-left: 75px!important;}
.user-img-nav{display:none;}
.btn-space{margin-top:5px;padding:8px 25px!important;    margin-right: 10px;}
.job-seeker-icons{width:20%;float:left;margin-right:11px}
.header_button.header_margin-left { margin-left: 75px;}
.navbar-r{margin-left:4%!important; margin-top: 4px!important;margin-bottom:0!important; margin-right: 0px!important;}
.banner-section{float:left;width:100%}
.banner-img{position:relative;float:left;width:100%}
.banner-img img{width:100%}
.img-over-relay{position:absolute;top:31%;left:0;right:0}
.main-wrapper{width:980px;margin:0 auto;padding-left:10px;padding-right:10px; margin-top:0%;}
.main-wrapper h2{color:#333!important; margin-bottom: 15px!important;}
.panel-v{float:left;width:100%;margin:3% 0}
.evalate-test,.howit-work,.recrute-batetr,.bottom-testimonial,h2{color:#4d4d4d}
.test-btn{color:#fff;float:left;font-weight:700;margin-top:5%;text-align:center;width:100%;text-decoration:none}
.test-btn:hover{color:#fff;text-decoration:none}
.devide-section{border:solid 1px #ccc;float:left;padding:8px}
.banner-contant{text-align:center;float:left;width:100%}
.banner-contant {text-align: center;float: right; width: 51%!important; margin: 0 auto!important;}
.banner-contant h1{ color: #444 }
@media (min-width:320px)  and  (max-width:640px) {
.social-icon {width: 35px;height: 35px;margin-right: 3px;margin-left: 8px;line-height: 35px;margin-top: 22%;}
.start-trial.feature_button {float: none; margin: 0 auto;width: 50%;}
.banner-contant.banner-unic h1{color: #666!important;text-align: center!important;}
.banner-contant.banner-unic h4{color: #666!important; text-align: center!important; padding-top: 20px; padding-bottom: 15px;}
.banner-contant.banner-unic p.text-left{ text-align: center!important}
.banner-logo-strip {padding-top: 14%;}
.header_button {width: 60%;margin: 0 auto}
.text-primary.text-coustom{ color: #8954ba!important}
.img-over-relay{position:static;}
.start-trial a{ font-size: 14px; }
.scheduledemo{ width:50%; }
.scheduledemo a{ font-size: 14px; }
.img-place:first-child { padding-left: 5%; padding-top: 7px; width: 100%!important;}
.img-place h4{ font-size: 16px!important;     text-align: center;}
.img-place { width: 50%!important; margin-bottom: 15px!important;}
.img-place:last-child{ width: 100%!important; padding-left: 0px}
.banner-contant h1{line-height: 35px!important;font-size: 28px!important;margin-bottom: 0;text-align: center!important;}
.banner-contant h4 {font-size: 24px!important;line-height: 30px;font-weight: 400!important;}
.banner-bottom .banner-logo-strip{ padding-bottom: 0px!important;display: none; }
.banner-contant{ width: 100%!important }
.campus_wrap p {font-size: 1.5em!important;}
.letr_industries ul li{    padding: 6px 12px; margin-bottom: 10px;font-size:9px;    margin-right: 7px;}
.ats_first_top, .ats_heading{float:left;width:100%}	
.ats_heading h2 {font-size: 18px!important;}
.main-wrapper .banner-contant.banner-unic.ats_banner h1{ width:100%!important}
.main-wrapper .banner-contant.banner-unic.ats_banner{ width:100%!important}
.ats_heading h2{line-height: 27px;}
.ats_track{margin-top: 0px!important}
.ats_track h2{font-size: 22px!important;}
}
.col-md-4.col-sm-6.col-xs-12.first{padding-right:0}
.col-md-4.col-sm-6.col-xs-12.second{padding-left:0}
.banner-logo-strip{background:#f1f1f1 none repeat scroll 0 0;float:left;padding:10px 0;width:100%;margin-bottom:2%; display: flex; justify-content: center;}
.banner-contant h1{color:#fff;font-size:40px;font-weight:300;text-transform:uppercase}
.banner-contant h4{color:#fff;font-size:20px;font-weight:200}
.banner-bottom{border-bottom:1px solid #f4f4f4;float:left;width:100%;padding-bottom:20px}
.company-logo{text-align: center;width: 74%;margin: 0 auto;}
.assessment-tools{float: left; width: 100%; margin-top: 5%;}
.assessment-tools h2{color:#4d4d4d;text-transform:uppercase;font-size:25px;font-weight:600;margin-bottom:0;line-height:30px}
.bdder-btm{border-top:solid 2px #fff;width:70px;float:left}
.coding-block{background: #fff none repeat scroll 0 0;cursor: pointer;float: left;padding: 8px;width: 100%;padding-top: 20px;min-height: 185px;margin-bottom: 30px!important;}
.coding-block:hover{box-shadow:0 0 35px 1px #ccc;transition:all .3s ease-in 0;padding-top: 20px}
.coding-block:last-child{margin-bottom:0}
.icon-img{margin-right:4px;width:8%}
.colding-contant{float:left;width:100%;text-align:center}
.colding-contant h3{color:#4d4d4d;font-size:15px;font-weight:600!important;margin-bottom:5px;margin-top:0;text-transform:uppercase}
.colding-contant p{color:#4d4d4d;margin-bottom:0;font-size:16px;    padding-top: 10px;}
.evalate-test,.howit-work{float:left;width:100%;border-bottom:solid 1px #f2f2f2;padding:3% 0}
.evolate-ul{float:left;width:100%}
.evolate-ul ul{list-style:none;padding:0}
.evolate-ul ul li{background:url(../images/bullet.png) no-repeat left;padding-left:15px;text-transform:uppercase;font-weight:600!important;margin-bottom:10px;font-size:16px}
.main-section-inner{margin-bottom:3%;float:left;width:100%}
.main-section-inner p{color:#4d4d4d!important}
.recrute-batetr{float:left;width:100%;margin:2% 0;border-bottom:1px solid #f4f4f4}
.recruit-img{float:left;width:9%;margin-right:10px}
.recruit-right{float:left;margin-bottom:5%}
.company-logo > img{ width: 100%;padding-top:10px; filter: gray;-webkit-filter: grayscale(1); filter: grayscale(1); height: 42px; object-fit: cover;}
.text-primary.text-coustom{color:#333;text-decoration:none;font-weight:400}
.text-primary.text-coustom a:hover{color:#ff591c!important;text-decoration:none}
.recruit-right h4{font-weight:500}
.recruit-right h5{color:#ff591c;margin:0;font-size:16px;font-weight:500}
.recruit-right p{color:#333!important;padding-top:13px}
.recruit-main{margin-top:5%}
.bottom-strip{background:#232c3b;float:left;width:100%;padding:2% 0}
.strip-inner p{color:#fff;font-size:16px;font-weight:400}
.bottom-testimonial{float:left;width:100%;margin:5% 0}
.video-section iframe{width:100%;height:270px}
.nav.nav-justified > li > a{position:relative}
.nav.nav-justified > li > a:hover,.nav.nav-justified > li > a:focus{background-color:transparent}
.nav.nav-justified > li > a > .quote{position:absolute;right:43px;bottom:0;opacity:0;width:30px;height:30px;padding:5px;background-color:#ff591c;border-radius:15px;color:#fff;top:-12px}
.nav.nav-justified > li.active > a > .quote{opacity:1}
.nav.nav-justified > li > a > img{box-shadow:0 0 0 5px #ff591c;max-width:100%;opacity:.3;-webkit-transform:scale(.8,.8);transform:scale(.8,.8);-webkit-transition:all .3s 0 cubic-bezier(0.175,0.885,0.32,1.275);transition:all .3s 0 cubic-bezier(0.175,0.885,0.32,1.275)}
.nav.nav-justified > li.active > a > img,.nav.nav-justified > li:hover > a > img,.nav.nav-justified > li:focus > a > img{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:all .3s 0 cubic-bezier(0.175,0.885,0.32,1.275);transition:all .3s 0 cubic-bezier(0.175,0.885,0.32,1.275)}
.tab-pane .tab-inner{padding:30px 0 20px;background:#f1f1f1}
.lead{font-size:18px!important}
.footer{float:left;width:100%;background:#000;padding:10px 0}
.footer-menu{float:left;width:100%}
.footer-menu ul{list-style:none;padding:0}
.footer-menu ul li{color:#fff;float:left;padding:5px;clear:both;}
.footer-menu ul li a{color:#fff;text-decoration:none}
.social-icon-right{float:left;width:100%;margin-top:30%;}
.social-icon{color:#fff;border-radius:50px;border:solid 1px #fff;float:left;width:40px;height:40px;margin-right:13px;margin-left:13px;text-align:center;line-height:40px;}
.social-icon a{color:#fff;text-decoration:none}
.social-icon a:hover{color:#7171fa;text-decoration:none}
.copyright{background:#3a3a3a;color:#fff;float:left;padding:8px 0;text-align:center;width:100%}
.social-icon:last-child{margin-right:0}
.modal-open .modal{z-index:99999}
.closeit{top:10%!important}
.devide-section h3{font-size:15px}
.colding-img{float:left;width:100%;text-align:center;margin-top:5%}
.colding-img img{width:100%}
.coding-strip{background:#e6e6e6;padding:13px;text-align:center;margin-bottom:15px}
.coding02{float:left;width:100%;padding-bottom:5%}
.coding01{float:left;width:100%}
.psy-img{text-align:center;margin-top:12%}
.psy01{float:left;width:100%;margin-top:3%;margin-bottom:3%}
.psy02{float:left;width:100%;margin-top:8%;margin-bottom:5%}
.psy02 h4{color:#ff591c}
.aptitude01{float:left;margin-top:2%;width:100%}
.aptitude02{border:1px solid #ccc;margin-bottom:15px;margin-top:15px;min-height:214px;padding:21px}
.aptitude03{float:left;width:100%}
.aptitude03 h2{color:#4d4d4d}
.aptitude04 h4{color:#606060;font-size:14px;margin-bottom:15px;min-height:54px;float:left;width:100%}
.aptitude-icon{text-align:center}
.aptitude-icon > img{width:25%}
.aptitude04{float:left;margin-top:5%;width:100%}
.technical01{min-height:155px}
.signup{width:100%;min-height:539px;float:left;}
.signup-form{float: left; width: 100%; position: relative; padding-bottom: 3%; display: flex; justify-content: center; }
.signup-form.signup-form-partner{height: calc(98vh - 40px); overflow-y: scroll;    overflow-x: hidden;}
.sign-inner{background:#fff;padding:10px 21px;position:relative; min-height: 270px;}
.signup h2{color:#fff;text-align:center;margin-top:0%;margin-bottom:0%}
.sign-inner h3{color:#4d4d4d;margin-bottom:5%;margin-top:0;}
.form-group.over-btn{bottom:-31px;left:30%;position:absolute}
.aptitude02.aptitude002{min-height:100%}
.aptitude02.aptitude002:hover{-webkit-box-shadow:0 -1px 66px -14px rgba(204,204,204,1);-moz-box-shadow:0 -1px 66px -14px rgba(204,204,204,1);box-shadow:0 -1px 66px -14px rgba(204,204,204,1)}
.aptitude002 span{color:#ff591c;font-size:21px;line-height:36px}
.col-md-4.col-sm-4.col-xs-12.div-right{float:right}
.feture-img{text-align:center}
.feture-img img{width:60%}
.feature02{float:left;margin-bottom:5%;width:100%;}
.feature01{float:left;width:100%;}
.feature03{background:#f4f4f4 none repeat scroll 0 0;float:left;width:100%;padding:22px 0px;margin-bottom:3%;}
.img-place:first-child{    padding-left: 1%;
padding-top: 7px;    width: 12.3%;}
.img-place{float:left;width: 12.3%;}
.img-place:last-child{ float: right;width: 11.5%;text-align: center;padding-top: 7px;margin-right: 10px;}
.col-md-3.col-sm-6.col-xs-12.bordr-right{border-right:1px solid #ccc}
.privacy{float:left;margin:3% 0;width:100%;}
.privacy ol{padding:0px;float:left;width:100%;padding:0 0 0 15px;}
.privacy ol li{font-size:16px;padding-bottom:10px;float:left;width:100%;}
.signin-page{padding-top:9%;}
.campus{float:left;margin-top:5%;text-align:center;width:100%;}
.feature04 > img{width:26%;}
#left_bar > li{margin-bottom:1px;font-size:16px;position:relative;padding-left:11px;padding-bottom:8px;padding-top:8px;padding-right:11px;}
#left_bar li a{color:#535353;width:100%;}
#left_bar li a:hover, #left_bar li a:active, #left_bar li a:focus{color:#9a1e23;text-decoration:none;}
.unstyled li a{font-size:14px;}
#left_bar > li > a:after{content:attr(alt);color:#000;position:absolute;right:10px;top:7px;}
.left_mune_active{color:#9a1e23 !important;text-decoration:none;}
.sidebar_detail:after{content:'+';color:#000;position:absolute;right:0;top:0;padding:5px 10px;}
a.sidebar_detail:active:after, a.sidebar_detail:focus:after{content:'-';}
.panel{margin:0;border:0px;box-shadow:0 1px 1px rgba(0,0,0,.0);}
.left-panel-top{background:#ff591c;padding:1px 10px;}
.text-library{padding:15px 0px;float:left;width:100%;}
.text-library h4{color:#fff;font-weight:400;}
.left-panel{float:left;width:100%;-webkit-box-shadow:0px 2px 15px 1px rgba(232,225,232,1);-moz-box-shadow:0px 2px 15px 1px rgba(232,225,232,1);box-shadow:0px 2px 15px 1px rgba(232,225,232,1);}
.a-block{background-color:#ffffff;color:#000;border:1px solid #ddd;position:relative;padding:10px 20px 0px 10px!important;margin-bottom:20px!important;font-weight:400;height:120px;word-break:break-all;word-break:break-word;text-align:center;}
.premium1{height:160px;position:relative;}
.btn.btn-lg{margin-bottom:30px;}
.footerbtn .btn.btn-lg{margin-bottom:0px!important;}
.footerbtn button{border-radius: 50px!important;background: #d342e4!important;border-color: #d342e4!important;}
.a-block:hover{border-color:#ff591c;-webkit-box-shadow:0 -1px 66px -14px rgba(204,204,204,1);-moz-box-shadow:0 -1px 66px -14px rgba(204,204,204,1);box-shadow:0 -1px 66px -14px rgba(204,204,204,1)}
.a-block .label{position:absolute;bottom:10px;left:6px;}
.a-block .triangle-top-left{width:0;height:0;border-top:40px solid #37b1da;border-left:40px solid transparent;position:absolute;right:0;top:0;}
.a-block .top-left-icon i{position:absolute;top:7px;left:3px;}
.pbt-list{margin:0;}
.a-block .triangle-top-left .tick{position:relative;top:-33px;left:3px;}
.a-block .pbt-icon{max-width:70%;height:50px;}
.name{float:left;padding-top:13%;vertical-align:middle;width:100%;}
.library-btn{border-top:1px solid #ccc;bottom:0;float:left;margin-left:6px;margin-top:8px;position:absolute;width:100%;}
.library-btn > a{border-right:1px solid #ccc;float:left;width:50%;padding:8px;}
.library-btn > a{color:#333;text-decoration:none;display:block;}
.library-btn > a:last-child{border-right:0px;}
.text-info{color:#ff591c!important;text-decoration:none;}
.logo-center{background:#fff;float:left;width:100%;z-index:999;padding-bottom:15px; padding-top: 15px;}
.bootm-logo-strip{position:fixed;width:100%;left:0;right:0;bottom:0;}
.alert.alert-danger.alert-text{font-size:12px!important;padding:5px!important;margin-bottom:5px!important;}
.assessment-cart{width:30px;margin-top:10px;}
.assessment-cart span{font-size:30px;color:#ff591c;}
.add-cart-no{position:absolute;top:-32px;right:0px;color:#fff;font-size:12px;font-weight:600;left:2px;text-align:center;}
.nav.navbar-nav.navbar-right.right-user{margin-top:0px;}
.add-library{float:left;position:relative;margin:10px;border:solid 1px #ddd;}
.closed-btn{position:absolute;right:-5px;top:-7px;font-size:13px;color:#fff;background:#ff0000;border-radius:50px;width:19px;text-align:center;padding:0;}
.closed-btn a{color:#fff;text-decoration:none;}.addmytat-assessment{margin-top:10%;}
.addmytat-assessment h3{margin-top:10%;font-size:18px;text-align:center;}
.add-library h4{font-size:16px;color:#333;padding:4px;font-weight:300;}.hidden{display:none;}
.add-more-assessment{float:left;width:100%;margin-top:17%;}
.add-more-assessment h3{font-size:22px;margin-bottom:20px;}.add-more-assessment p{padding-bottom:20px}
.left-devider{border-left:solid 1px #ddd;min-height:260px !important;}
.add-assessment-btn{text-align:center;}.add-assessment-section{float:left;width:100%;}
.add-assessment-section h3{font-size:22px;margin-bottom:10px;margin-top:0;}
.assessment-section{border:solid 1px #ddd;padding:5px;float:left;width:100%;position:relative;margin-bottom:10px;}
.closed-btn{position:absolute;right:-5px;top:-7px;font-size:15px;color:#fff;background:#ff0000;border-radius:50px;width:20px;text-align:center;}
.closed-btn a{color:#fff;text-decoration:none;}
.assessment-option h4{color:#0650b4;padding-bottom:0;margin-bottom:4px;font-size:16px;}
.assessment-option p{color:#515151;font-size:12px;font-weight:400;margin-bottom:0px;}
.addmytat-assessment{margin-top:10%;}
.addmytat-assessment h3{font-size:18px;text-align:center;}
/*.alert.alert-danger{ background:none; padding: 0px;margin-bottom: 6px; border:none;}*/
.start-trial { float: left;background: #edb918;padding: 7px 15px;border-radius: 4px;font-size: 16px; margin-right: 15px;width: 36%;margin-top: 25px;color: #fff!important;border-radius: 50px;}
.start-trial a{text-decoration: none!important;display: block;  color: #fff!important; padding: 3px 0px}
.start-trial:hover{ color:#fff; text-decoration: none; display: block; background: #c14a98!important}
.start-trial a:focus{ color:#fff; outline:none}
.scheduledemo { float: left;  padding: 10px 15px; border: solid 1px #ee4d12; border-radius: 4px; font-size: 16px; color:#fff;width: 36%;margin-top: 25px;}
.scheduledemo a{ color:#fff; text-decoration: none;display: block;}
.scheduledemo a:hover{ color:#fff; text-decoration: none;display: block;}
.freebg{ background: url(../images/login-bg.png)repeat center; float:left; width: 100%; min-height: 600px;
height: 1000%;}
.scheduledemo a:focus{ color:#fff;}
.card-body{min-height: 140px;border: 3px solid #2c6e98;filter: none;box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;margin-top: 12px;border-radius: 11px;padding: 25px 10px;background-image: none;background-color:#0b517d;background-position: 0% 0%;background-repeat: no-repeat;width: 100%;}
label.lable-f {font-weight: 400;color: #ffff;}
.right-form .form-group{ margin-bottom: 10px;}
.ms-parent {display: inline-block;position: relative;vertical-align: middle;}
.ms-choice {display: block;width: 100%;height: 26px;padding: 0;overflow: hidden;cursor: pointer;border: 1px solid #aaa;text-align: left;white-space: nowrap;line-height: 26px;color: #444;text-decoration: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;}
.ms-choice.disabled {background-color: #f4f4f4;background-image: none;border: 1px solid #ddd;cursor: default;}
.ms-choice > span {position: absolute;top: 6px;left: 0;right: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 8px;}
.ms-choice > span.placeholder {color: #999;}
.ms-choice > div {position: absolute;top: 4px;right: 5px;width: 20px;height: 25px;background: url('../images/multiple-select.png') left top no-repeat;}
.ms-choice > div.open {background: url('../images/multiple-select.png') right top no-repeat;}
.ms-drop {width: 100%;overflow: hidden;display: none;margin-top: -1px;padding: 0;position: absolute;z-index: 1000;background: #fff;color: #000;border: 1px solid #aaa;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ms-drop.bottom {top: 100%;-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);box-shadow: 0 4px 5px rgba(0, 0, 0, .15);}
.ms-drop.top {bottom: 100%;-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);}
.ms-search {display: inline-block;margin: 0;min-height: 26px;padding: 4px;position: relative;white-space: nowrap;width: 100%;z-index: 10000;}
.ms-search input {width: 100%;height: auto !important;min-height: 24px;padding: 0 20px 0 5px;margin: 0;outline: 0;font-family: sans-serif;font-size: 1em;border: 1px solid #aaa;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #fff url('multiple-select.png') no-repeat 100% -22px;background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);}
.ms-search, .ms-search input {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.ms-drop ul {overflow: auto;margin: 0;padding: 5px 8px;}
.ms-drop ul > li {list-style: none;display: list-item;background-image: none;position: static;}
.ms-drop ul > li .disabled {opacity: .35;filter: Alpha(Opacity=35);}
.ms-drop ul > li.multiple {display: block;float: left;}
.ms-drop ul > li.group {clear: both;}
.ms-drop ul > li.multiple label {width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ms-drop ul > li label {font-weight: normal;display: block;white-space: nowrap;}
.ms-drop ul > li label.optgroup {font-weight: bold;}
.ms-drop input[type="checkbox"] {vertical-align: middle;margin-top: 0;margin-right: 10px;}
.ms-drop .ms-no-results {display: none;}
button.ms-choice {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
li.ms-select-all {display: none!important;}
.trial-demo-content {float: left;width: 100%;margin-top: 5%;background:rgba(247, 199, 61, 0.2);padding-left: 15px;}
ul.demo-text-container {list-style: none;padding: 0;}
ul.demo-text-container li{ font-size:16px; text-align: left; font-weight: 400; padding-bottom: 15px;}
ul.demo-text-container li:before{content: '\f00c';font-family: FontAwesome;margin-right: 15px;background: #ff591c;width: 10px;height: 10px;border-radius: 50px;padding: 5px;color: #ffff;font-size: 7px;}
.mx-auto2{background-color: #353333; border-color: #4e4d4d;}
.trial-demo-content h3{ padding-bottom: 25px;}
.logo-center img{width:25%}
.sign-inner .form-horizontal{    margin-bottom: 17%;}
.bootm-logo-strip{display:none;}
.signup_header {float: left;width: 100%;    border-bottom: solid 1px #f1f1f1;}
.signup_header .logo {width: 9%;float: left;padding-top: 8px;padding-bottom: 8px;}
.signup_header .logo img{ width:100%}
.signup_right_section {float: right; margin-top: 9px;}
.signup_right_section a{border-radius: 4px;border: solid 1px #20419A;padding: 3px 12px;margin-left: 10px;}
li.getstarted {background: #129a9f;border-radius: 4px;margin-top: 5px;}
li.getstarted a{padding-top: 8px!important;padding-bottom: 7px!important; color:#fff!important;}
.mytat_banner_h {float: left;width: 85%;margin-top: 18%;}
.mytat_banner_h h1{ font-weight:600; color:#0e386d;margin-top: 0;}
.mytat_banner_h p {font-size: 14px;color: #444;width: 77%;padding-bottom: 3%;font-weight: 400;font-style: normal;}
.col-lg-6.col-md-6.col-sm-6.login_right_mobile.mobile-display {display: none!important;}
.mytat_banner_section {float: left;width: 100%;margin-bottom: 5%;}
.mytat_btn_group {float: left;width: 100%;margin-top: 12%;}.mytat_banner_bg {float: right;}
.mytat_btn_group a.btn.btn-info{color: #fff;background-color: #129a9f;border-color: #129a9f;padding: 10px 38px;font-size: 16px;margin-right:3%;}.mytat_btn_group a.btn.btn-default{padding: 10px 38px;font-size: 16px;margin-right: 10%;}
.mytat_banner_right {float: left;margin-top: 10%;position: relative;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_01 {width: 45%;}
.mytat_user_01 {float: right;position: absolute;right: -24px;width: 53%;background: #fff;box-shadow: -1px 0px 5px #ddd;-webkit-box-shadow:-1px 0px 5px #ddd;-moz-box-shadow:-1px 0px 5px #ddd;border-radius: 3px;margin-top: 18%;}
.mytat_user-01_header {float: left;width: 100%;}
.mytat_user_left_01 {float: left;width: 50%;margin-top: 8px;padding-left: 5px;}
.mytat_user_right_01 {float: left;width: 50%;padding-left: 8px;margin-top: 13px;}
.mytat_user_icon {float: left;background: #f1f1f1;border-radius: 50px;width: 30px;height: 30px;font-size: 19px;text-align: center;line-height: 30px;}
.mytat_user_name {float: left;padding-left: 8px;font-size: 10px;padding-top: 5px;font-weight: 400; color:#0e386d;}
.mytat_user_right_01 ul{float:left;width:100%;list-style:none; padding:0px}
li.btn.btn-info.btn-ocen-green {font-size: 10px;padding: 1px 8px;float: right;margin-right:10px;}
li.btn.btn-info.btn-ocen-green a{color:#fff;}
.mytat_user_right_01 ul li {float: left;font-size: 11px;}
.mytat_user_record {float: left;width: 100%;padding: 0px 8px;margin-bottom: 10px;}
.mytat_user_record ul{ list-style:none; padding:0px;}
.mytat_user_record ul li {float: left;width:39.33%;font-size: 9px;}
.mytat_user_record ul li:first-child{ width:20%}
.mytat_user_record ul li .mytat_taxt{ color: #333;font-size: 12px;padding-top: 10px;padding-bottom: 5px;}
.mytat_user_record ul li .mytat_rank{font-size: 10px;font-weight: 300;}
.mytat_user_record ul li .mytat_rank span{color: #129a9f;font-size: 16px;font-weight: bold;}
.mytat_user_01.mytat_user_02 {bottom: 8%;width: 58%;}
.mytat_user_01.mytat_user_02 .mytat_user_left_01{ width:100%}
.mytat_user_left_01 h4 {font-size: 14px;margin: 0px;line-height: 20px; color:#0e386d; font-weight:600;}
.mytat_user_record p{font-size: 9px;color: #444;margin-bottom: 0;font-weight: 300;}
.mytat_user_record p strong{ font-weight:400;}
.mytat_user_record p span {font-size: 14px;font-weight: bold;color: #129a9f;}
.company_logo_partner{ float:left; width:100%; background:#f1f1f1; margin-bottom:5%;}
.trasted_by {float: left;color: #129a9f;font-size: 18px;font-weight: 600;line-height: 80px; margin-right:20px; width: 8%;}
.mytat_company_parter {float: left;width:90%;margin-top: 20px;}
.mytat_company_parter ul{list-style:none; padding:0px; float:left; width:100%}
.mytat_company_parter ul li{ float:left; width:20%;text-align: center;}
.mytat_company_parter ul li img{ width: 65%;}
.solution h2{ font-weight:600; margin-bottom:1%;}
.solution_box {float: left;width: 100%;text-align: center;}
.solution_heading h2{color: #0e386d;font-size: 20px;}
.solution_p p {font-size: 14px;color: #444;line-height: 29px;font-weight: 400;font-style: normal;}
.myatt_read_more {float: left;width: 100%;text-align: center;}
.myatt_read_more a{color: #129a9f;text-decoration: none;font-size: 14px;margin-bottom: 8%;float: left;width: 100%;font-weight: 600;}
.myatt_read_more a:hover{ color:#0e386d; text-decoration:none;}
.solution_p {min-height: 134px;}
.secrste_souse{ background:#f8fbff; float:left; width:100%; margin-top: 4%;margin-bottom: 4%;padding: 30px 0px;}
.secrste_souse h2{ color:#444; text-align:center; font-weight:600; padding-bottom:3%; font-size: 36px;}
.box_souce {float: left;width: 100%;}.souce_img {float: left;width: 24%;margin-right:10px;}
.souce_img img{ width:100%;}.souce_name {float: left;}.souce_name h3{ color:#0e386d;font-weight: 600; font-size:20px}
.souce_p {float: right;width: 72%;font-size: 14px;color: #444;padding-bottom: 10%;min-height: 114px;line-height: 29px;font-weight: 400;}
h2.text-center.h2_custom {font-size: 36px;width:50%;margin: 0 auto;padding-bottom: 20px;color: #444;font-weight: bold;}
.solution_box_last .solution_p{ width:83%;margin: 0 auto; min-height:79px;}
.solution_list{float:left; width:100%;}
.solution_logo img {width: 20%;}
.solution_box_last .solution_logo img{    width: 30%}
.footer {float: left;width: 100%;background: #f5f6f7!important;}
.footer-menu {float: left;width: 100%;margin-top: 3%;margin-bottom: 3%;}
.animate {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.one {-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s;animation-delay: 0.5s;}
.two {-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;animation-delay: 1.5s;}
.three {-webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;animation-delay: 2.5s;}
.four {-webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s;animation-delay: 3.5s;}
.five {-webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s;animation-delay: 4.5s;}
.six {-webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s;animation-delay: 5.5s;}
.seven {-webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s;animation-delay: 6.5s;}
.eight {-webkit-animation-delay: 7.5s; -moz-animation-delay: 7.5s;animation-delay: 7.5s;}
.iti.iti--allow-dropdown{ float:left; width:100%}

@-webkit-keyframes fadeInUp {
from {
opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
to {
opacity: 1; -webkit-transform: none;transform: none;}
}
@keyframes fadeInUp {
from {
opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;-webkit-transform: none;transform: none;
}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
}
/*=== FADE IN DOWN ===*/
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);
}
100% {opacity: 1;-webkit-transform: none;transform: none;
}
}
@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;-webkit-transform: none;transform: none;
}
}
/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;-webkit-transform: none;transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;-webkit-transform: none;transform: none;
}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;
}
/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
from {
opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;-webkit-transform: none;transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;-webkit-transform: none;transform: none;
}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;
}
/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
/*=== FADE IN UP Big ===*/
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);
}
100% {opacity: 1;-webkit-transform: none;transform: none;
}
}
@keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);
}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);
}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);
}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.mytat_main_heading {float: left;width: 100%;}.mytat_main_heading h1 .h1-icon img{ width:20%}
.mytat_main_heading h1 {font-weight: 600;line-height: 60px;font-size: 28px;}
.mytat_main_heading h1 .h1-icon img {width: 4%;margin-top: -1%;margin-right: 10px;}
.mytat_h2-h {float: left;width: 100%;text-align: center;}
.mytat_h2-h h2 {font-size: 40px;font-weight: 600;color: #444;width: 47%;margin: 0 auto;padding-top: 4%;}
.mytat_be-confident {float: left;width: 100%;background: url(../images/Layer-138.png) no-repeat top center;min-height: 683px;position: relative;background-size: contain;}
.case-study-video {float: left;width: 100%;text-align: center;}
.case-study-video video{width:78%;}
.beconfident_box {position: absolute;width: 30%;text-align: center;}
.beconfident_box:first-child{left: 6%;top:24%;}
.beconfident_box:nth-child(2){left:38%;top: 15%;}
.beconfident_box:nth-child(3){ top: 72%;left:21%;}
.beconfident_box:last-child{ right:15%;top: 60%;}
.beconfident_box h3{color:#c14998; font-weight:600}
.beconfident_box p{ color: #444;font-size: 14px;line-height: 29px;font-weight: 400;}
.request_a_demo {float: left;width: 100%;text-align: center;}
.request_a_demo a.custom_request{background: #c14998; padding: 10px 34px; font-size: 16px;text-transform: uppercase; border-color: #c14998;}
.mytat_c0ntent_list_main {float: left;width: 100%;}
.mytat_content_left_list {float: left;width: 100%;}
.content_list_icon {float: left;width: 22%;background: url(../images/bg-c.png) no-repeat bottom center;min-height: 150px;background-size: contain; text-align: center;}
.content_list_icon img{width: 55%;margin: 0 auto;}.mytat_content_list_text {float: left;width: 66%;margin-left: 20px;}
.mytat_content_list_text{ width: 54%;margin-left: 5%;}.mytat_content_list_text h3{ font-weight:600; font-size:2rem; color:#c14998; margin-top:0px}
.mytat_content_list_text p {float: left;font-size: 16px;color: #444;line-height: 29px;}
.mytat_content_right_list {float: left;width: 100%;}.content_list_icon.content_list_icon_right {float: right;}
.mytat_content_list_text.mytat_content_list_text_left {margin-left: 18%;}
.mytat_content_right_list {float: left;width: 100%;margin-top: 3%;margin-bottom: 3%;}
.identifing_mytat_box {float: left;width: 100%;margin-bottom:4%;}
.indentyfy_grid {float: left;width: 100%;margin-top: 8%;margin-bottom: 0%;position: relative;}
.mytat_idetify_icon {text-align: center;}.mytat_idetify_h4 {text-align: center;float: left;width: 100%;}
.mytat_idetify_h4 h4{font-size: 2rem;font-weight: 800;}
.mytat_idetify_p {float: left;width: 100%;text-align: center;font-size: 16px;line-height: 29px;color: #444;}
.box-shashed {border-top: dashed 2px #2D1DBB;float: left;width: 16%;position: absolute;left: 17%;top: 13%;}
.box-shashed1 {border-top: dashed 2px #2D1DBB;float: left;width: 16%;position: absolute;left:42%;top: 13%;}
.box-shashed2 {border-top: dashed 2px #2D1DBB;float: left;width: 16%;position: absolute;left:67%;top: 13%;}
.mytat_sutable_for {float: left;width: 100%;}
.mytat_sutable_for h3{ text-align:center; font-size:28px; font-weight:600; color:#444;}
.mytat_sutable_for_box {float: left;width: 16.6%;text-align: center;margin-bottom: 2%;margin-top: 4%;}
.sutable_for_logo{ width: 50%;margin: 0 auto;}.sutable_for_logo img {width: 50%;}
.mytat_sutable_for_box h4{ color: #113671;font-weight: 500;}
.mytat_img_poster {float: left;width: 100%;text-align: center; margin-bottom:3%;}
.mytat_img_poster img{width:45%;}
.govrnment-wrap{ float: left;width: 100%;background: #f8fbff;padding-top: 3%;padding-bottom: 3%; margin-top:3%;}
.wrap_img {float: left;width: 25%;}.wrap_img img{width:100%}.govt_wrap {float: left;width: 70%; min-height: 175px;}
.govt_wrap h2 {font-size: 20px;font-weight: bold;color:#c14998;}
.case_study_link a{ color: #8954ba; text-decoration: none}
.govt_wrap h4 {font-weight: 300; margin-bottom:5px;font-size: 16px;}
.govt_wrap p{ font-size:16px; line-height:29px; color:#666}
.wrap_img {float: left;width: 16%;padding-top: 13px;margin-right: 10px;}
.mytat_content_list_text_left .myatt_read_more, .mytat_content_list_text .myatt_read_more{float: left;width: auto;margin-bottom: 3%;}
.analytics_wrap {float:left; width:100%;}
.analytics_wrap h2{color:#129a9f; font-size:25px}
.analyatic_m1 {float: left;width: 100%;border: solid 1px #ddd;margin-top: 2%;margin-bottom: 3%;}
.analyatic_m1 ul{ list-style:none; padding:0px;}
.analyatic_m1 ul li {float: left;width: 25%;text-align: center;border-right: solid 1px #ddd;padding: 10px;}
.analyatic_m1 ul li span{font-size: 22px;font-weight: bold;}
.analyatic_m1 ul li p{ font-size:18px; color:#666; line-height:28px}
a.btn_analytics {background: #129a9f;padding: 7px 30px;font-size: 16px;border-radius: 5px;}
.mytat_se_de {float: left;width: 100%;text-align: center;margin-bottom: 8%;margin-top: 10%;}
.mytat_se_de h2{font-size:20px}.mytat_se_de p{width:70%; margin:0 auto}
.mytat_se_de p {width: 58%;margin: 0 auto;font-size: 16px;padding-bottom: 30px;color: #666;}
.box-shashed.box-shashed-3 {left: 22%;width: 23%;}
.box-shashed1.box-shashed-4 {left: 55%;width: 23%;}
.sutable-icon {float: left;width: 100%;text-align: center}
.sutable-icon img{width:30%;}
.sutable_for h4{ text-align:center; font-weight:600; padding-top:20px; padding-bottom:20px;float:left;width:100%}
.mytat_proctoring {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.mytat_proctoring_m1, .mytat_proctoring_icon {float: left;width: 100%;}
.mytat_proctoring_icon img{width: 15%;}
.mytat_proctoring_m1 h3 {font-size: 20px;font-weight: 600;color: #0e386d;padding-top: 10px;float: left;width: 100%;margin-top: 0;}
.mytat_proctoring_m1 p{ font-size:16px; color:#444}
.mytat_proctoring_m1 {margin-bottom: 20px;height: 145px;}
.security_sec {float: left;width: 100%;text-align: center;}
.my_security_hdr img{width: 12%;}
.my_security_hdr h2{font-weight: 700; color: #444;}
.my_security_hdr {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.security_main {float: left;width: 100%;height: 232px;}
.mytat_security_icon img{width:14%}
.security_main h3 {font-weight: bold;}
.security_main p{ font-size:16px;line-height:28px; color:#666;}
.mytat_content_strip{float: left;width: 100%;background: #0f396e; background: #0f396e;padding-top: 15px;padding-bottom: 15px;}
.mytat_content_strip p{ color:#fff; font-size:18px; line-height:28px;}
.mytat_bottom_content {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.maytett_security_note {float: left;width: 100%;margin-top: 3%;margin-bottom: 3%;text-align: center;}
.maytett_security_note p {font-size: 24px;color: #888;}
.maytett_security_note p span{font-weight: 700;font-size: 37px;color: #0f396e;}
.gdpr_content {float: left;width: 100%;margin-bottom: 4%;}
.gdpr_content h2 {font-weight: 500;font-size: 25px;color:#444;}
.gdpr_content p{ font-size:16px; line-height:28px; color:#666}
.gdpr_content ul li{font-size:16px; line-height:28px; color:#666}
.dropbtn {color: white;padding: 16px;border: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #fff;min-width:232px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 7px 23px;text-decoration: none;display: block;border-bottom: solid 1px #f1f1f1;font-size: 14px;}
.dropdown-content a:hover { background-color: #fff;color: #C14998;text-decoration: none; }
.dropdown:hover .dropdown-content {display: block; color:#113671; text-decoration:none;    right: 0;}
.case_study_link {float: right;font-size: 18px;color: #0e386d;}
.case_study_link i{ color:#FF0000;font-size: 25px; margin-right:10px;}
.mytat_sidebar {height: calc(100% - 100%);width: calc(30% - 100px);float: left;border: solid 1px #ddd;min-height: 600px;}
.mytat_right_sidebar {height: calc(100% - 100%);width: calc(85% - 100px);float: left;padding-left: 20px;}
.sidebar_inner h3{ margin-top:0px;}
.sidebar_inner {float: left;width: 100%;}
.sidebar_inner h3 {margin-top: 0px;text-align: center;font-weight: 600;padding-bottom: 10px;padding-top: 20px;}
.mytat_sidebar_contaienr{ float:left; width:100%;}
.mytat_sidebar_contaienr ul{ padding:0px; list-style:none;}
.mytat_sidebar_contaienr ul li{ float:left; width:100%;}
.mytat_sidebar_contaienr ul li a{ float: left;width: 100%;line-height: 40px;font-size: 16px;padding-left: 10px;color: #444;text-decoration: none;}
.mytat_sidebar_contaienr ul li a.active{ background:#129a9f; color:#fff;}
.mytat_sidebar_contaienr ul li a.active:hover{color:#fff;}
.mytat_sidebar_contaienr ul li a:hover{color:#129a9f;}
.course_box {float: left;width: 24%;border: solid 1px #ddd;text-align: center;min-height: 126px;padding-top: 3%;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;}
.course_box h3 a{ font-size:18px; color:#777; text-decoration:none}
.mytat_corse_seach {float: right;width: 28%;margin-top: 3%;}
.mytat_right_sidebar a.a-block.thumbnail.premium1{height: 120px;padding-top: 19%!important;font-size: 16px;color: #666; text-decoration:none;text-align: center;}
.mytat_right_sidebar h3{margin-top: 0px;}
.course_score {float: left;width: 40%;margin-top: 2%;}
.copyright{float: left;width: 100%;background:#e5e7e8!important;text-align: center;padding-bottom: 5px;padding-top: 5px; color:#444;font-weight: 600;}
.course_score ul{ padding:0; list-style:none;}
.course_score ul li {width: 47%;float: left;border: solid 1px #ddd;padding: 10px 9px;margin-left: 10px;text-align: center;font-size: 16px;font-weight: 600;}.course_mid_container {float: left;width: 100%;}
.course_bx {float: left;width: 100%;margin-bottom: 4%;}
.course_bs_icon {float: left;width: 12%;margin-right: 10px;}
.course_bs_icon img {width:100%}
.course_bs_text {float: left;width: 86%;}
.course_bs_text h4 {font-size: 22px;font-weight: 600;color: #444;}
.course_bs_text p{ font-size:16px; line-height:28px;}
.mytat_discription {float: left;width: 100%;margin-top: 4%;}
.mytat_discription {float: left;width: 100%;margin-top: 4%;}
.instruction_bottom {position: fixed;bottom: 0;left: 0;right: 0;background: #0ca9af;padding: 10px;}
.video_recording {float: left;width: 100%;text-align: center;margin-bottom: 7%;}
.instruction_bottom {text-align: center;}
.instruction_bottom a {background: #00439d;padding: 8px 33px;border-radius: 50px;font-size: 18px;font-weight: bold;color: #fff;text-decoration: none;}
.instruction_bottom a:hover{color:#fff; text-decoration:none}
.mytat_sidebar_contaienr .sub-menu li{ padding-left:15px; border-top:solid 1px #f1f1f1}
.mytat_sidebar_contaienr .sub-menu li a{ color:#888}
.mytat_sidebar_contaienr .sub-menu a .right{ float:right; padding: 10px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 70%;margin: auto;}
.header-section .navbar-inverse {border-bottom: solid 1px #ddd;border-radius: 0;border-left: white;border-right: white;margin-bottom:0px;border-top:0px;background-color:white!important; z-index: 9999;}
.header-section .navbar-inverse .navbar-nav>li>a {color: #444;font-size: 14px;font-weight: 400;padding: 13px 8px !important;}
.header-section .navbar-inverse .navbar-nav>li::before{border-left: solid 1px #ddd;content: "";height: 15px;position: absolute;top: 29%;}
.header-section .navbar-inverse .navbar-nav>li:first-child::before{border:none}
.header-section .navbar-inverse .navbar-nav>li>a:focus, .header-section .navbar-inverse .navbar-nav>li>a:hover{color: #444;}
.mytat_banner_section .carousel-control.left, .mytat_banner_section .carousel-control.right{background: none;    color: #444;}
.mytat_banner_h h2 {font-weight: 600;color: #0e386d; margin-top: 0px;}
.mytat_banner_h h4{font-weight: 400;font-size: 15px;color: #444;}
.mytat_banner_section .carousel-inner {height: 400px;}
.solution_p strong{color: #0e386d;font-size: 20px;}
.mytat_banner_section .right{right:-7%!important;top: 45%;font-size: 5rem!important;color: #ddd;}
.mytat_banner_section .left {left: -10%;top: 45%;font-size: 5rem!important;color: #ddd;}
.mytat_banner_h h3 {margin-top: 0;font-size: 16px;}
.solution {float: left;width: 100%;}
.solution_list{margin-top: 5%;}
.breadcrumb_list{float: left;width: 100%;}
.breadcrumb_list ul{ list-style:none;padding:0px}
.breadcrumb_list ul li{ float:left; padding-right:10px; padding-top:15px;    color: #888; font-size:16px}
.breadcrumb_list ul li:after{content:"\203A"; padding-left:10px;}
.breadcrumb_list ul li:last-child:after{content:""; padding-left:10px;}
.case-study {float: left;width: 100%;margin-bottom: 5%;}
.case-study_h2 h2 {font-weight: 600;color: #444;font-size: 25px;}
.case-study_h4 {float: left;width: 100%;}
.case-study_h4 {float: left;width: 100%;border-left: solid 4px #ddd;padding-left: 33px;}
.case-study_h4 h4 {font-size:20px;line-height: 30px;color: #888;}
.mytat_content_list_text ul{ float:left; width:100%;  padding:0px;}
.mytat_content_list_text ul li{float: left; font-size: 16px;color: #444;line-height: 29px; width: 100%;}
.how_do_container{ float:left; width:100%}
.how_do_container h3{text-align: center;font-size: 3rem;font-weight: 600; margin-bottom:4%}
.how_do_box h3{font-size: 16px;min-height: 60px;color: #666;}
.how_d0_logo {width: 50%;margin: 0 auto;}
.how_d0_logo img{ width:100%}
.how_to_pdf {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.footer-menu ul li {color: rgb(255, 255, 255);float: left;clear: both;padding: 5px;}
.footer-menu ul {list-style: none;padding: 0px;}
.footer-menu ul li a {color:#444;text-decoration: none;}
.social-icon-right {float: left;width: 100%;margin-top: 30%;}
.social-icon {background:#0d6efd;float: left;width: 40px;height: 40px;margin-right: 13px; margin-right: 4px;text-align: center;line-height: 40px;border-radius: 50px;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial;}
.social-icon a {color: rgb(255, 255, 255);text-decoration: none;    font-size: 20px;}
.social-icon a:hover {color: rgb(113, 113, 250);text-decoration: none;}
.main-wrapper {width: 77%;padding-left: 10px;padding-right: 10px;margin: 0% auto 0px;}
.how_do {float: left;width: 100%;padding-top: 15px;padding-bottom: 15px;}
.how_do h2{margin-top: 10px;}
.link_screen {float: left;width: 38px;margin-right: 10px;}
.link_screen img{width:100%; }
.m-banner {display: none;}
.dropdown-content.dropdown-content-last {min-width:190px;}
.video-software_heading h2 {font-size: 2.5em;text-align: center;font-weight: 600;}
.video-software_heading p{ font-size: 1.4em;text-align: center;padding-bottom: 5%;}
.video_interview_box {float: left;width: 100%;text-align: center;}
.video_interview_box h3 {font-size: 1.4em;color: #656565;}
.video_featuer {float: left;width: 100%;text-align: center;margin-top: 4%;margin-bottom: 4%;}
.video_featuer h2 {font-size: 2.5em;font-weight: 600;}
.video_featuer p {font-size: 1.4em;}
.feature_contant {float: left;width: 100%;text-align: left;margin-top: 5%;}
.featurer_image {margin-top: 5%;float: left;width: 100%;}
.feature_contant h4 {font-size: 2.2em;font-weight: 600;line-height: 36px;}
.feature_contant p{ color:#656565}
.video-interviweing {float: left;width: 100%;background:#9378c7;padding: 30px 0px;}
.video-interviweing_wrap h2 {color: #fff;text-align: center;padding-bottom: 5%;}
.video-interviweing_wrap h4 {color: #fff;}
.video-interviweing_wrap p {color: #fff;font-size: 1.1em;padding-bottom: 40px;}
.video_feature_wrap {float: left;width: 100%;margin-bottom: 8%;}
.lerning_bottom_grid {float: left;width: 100%;margin-top: 4%;}
.lerning_bottom_box {width: 100%;text-align: center;margin: 0 auto;}
.lerning_bottom_box h2{font-size: 20px;font-weight: 600; margin-bottom: 6px;}
.lerning_bottom_box h3 {font-size: 16px;text-align: center; color: #656565;    margin-top: 0px;}
.lerner_featuer {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}.lerner_text h2 {font-size: 4em;font-weight: 600;margin-top: 25%;}
.lerner_skills, .lerner_graph { float: left; width: 100%; background: #F5F6FA; text-align: center; padding: 1% 0;  margin-bottom: 0;}
.lerner_skills h2 {font-size: 28px;font-weight: 600;padding-bottom: 0%; margin-bottom: 0px}
.lerner_skills p {    font-size: 1.8rem;line-height: 44px;}.lerner_step{ float: left; width: 100%}
.lerner_step1 {background: url(../images/lern-red.svg) no-repeat top;float: left;min-width: 261px;min-height: 404px;padding: 36px;background-size: contain;}
.lerner_step2 {background: url(../images/lern-yellow.svg) no-repeat top;float: left;min-width: 261px;min-height: 480px;padding: 36px;background-size: contain;}
.lerner_step3 {background: url(../images/lern-green.svg) no-repeat top;float: left;min-width: 261px;min-height:395px;padding: 36px;background-size: contain;}
.lerner_step4 {background: url(../images/lern-blue.svg) no-repeat top;float: left;min-width: 261px;min-height:395px;padding: 36px;background-size: contain;}.step_icon{ width: 65%; margin: 0 auto}.step_icon img{width: 100%}.lerner_step h3{font-size: 16px;font-weight: 600;min-height: 54px;}.lerner_step p{font-size: 16px;}.lerner_graph_text {float: left;width: 79%;padding-top: 4%;}
.lerner_graph_text h2{ float: left; width: 100%; text-align: left; font-size: 43px; font-weight: 600}
.lerner_graph_text p {font-size: 20px;text-align: left;}
.lerner_started {float: left;width: 100%;padding: 4% 0;text-align: center;}
.lerner_started h2{ font-size: 4em; font-weight: 600;}.lerner_started p{ font-size: 2.5em; }
.lerner_started_btn a{background: #c14998;color: #fff;font-size: 20px;padding: 10px 40px;border-color: #b42081;}
.campus_heading{ float:left; width: 100%;}.campus_heading h2{ font-weight: 600}.campus_heading p{font-size: 1.6em;padding-bottom: 3%;}
.lerning_bottom_box h4{width: 100%;text-align: center;margin: 0 auto;font-size: 1.7em;font-weight: 600;color: #8954BA;padding-bottom: 3%}
.campus_wrap {float: left;width: 100%;background: #F5F6FA;padding: 3%;}
.campus_wrap h2 {font-weight: 600;font-size:2.8em;text-align: center;}
.campus_wrap h3 {text-align: center;font-size: 2em;}
.campus_wrap p {font-size: 1.5em;text-align: center;}
.campus_grid {float: left;width: 100%;margin-top: 2%;}
.campus_grid h2{color:#C14998}
.lerner_wrap_step {float: left;width: 100%;margin-top: 2%;margin-bottom: 3%;}
.lerner_wrap_step h2 {font-size: 3em;font-weight: 600;}
.campus_step h3 {font-weight: 600;text-align: center;color: #8954BA;font-size: 1.5em;}
.campus_step p {font-size: 19px;text-align: center;}
.letr_heading h2, .letr_industries h2 {font-weight: 600;font-size: 2.5em;margin-top: 4%; text-align: center}
.letr_heading p{font-size: 1.8em}
.letr_heading {float: left;width: 100%;padding-bottom: 3%;}
.letr_bottom_box {float: left;width: 100%;text-align: center;}
.letr_bottom_box h3{ color:#707070}
.letr_card {float: left;width: 100%;background: #C14998;margin-bottom: 30px;border-radius: 4px;padding: 30px 30px;}
.letr_card p{font-size: 18px; color:#fff; text-align: center}
.ltr_grid {float: left;width: 100%;margin-top: 3%;}
.letr_industries {float: left;width: 100%;text-align: center;}
.letr_industries ul{float: left;width: 100%;list-style: none;padding: 0px;margin-top: 3%;margin-bottom: 3%;}
.letr_industries ul li{float: left;background: #EEEEEE;border-radius: 4px;margin-right: 10px;padding: 6px 14px;margin-bottom: 10px;}
@media (min-width:320px)  and  (max-width:767px) {

body{ font-size:16px}
.m-banner {display: block;margin-bottom: 20px;}
.m-banner img{display: block!important}
.company-logo{width: 100%}
.navbar-devider{ padding-left: 2%!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #ddd!important;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_01 {width: 100%;}
.mytat_banner_h{ padding-left: 15px; padding-right: 15px; width:100%;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_02{ display:none;}
.mytat_banner_h h2{ font-size:25px}
.mytat_banner_h h1{ font-size:25px;}
.mytat_banner_section .left { left: 0%; top: 33%;}
.mytat_banner_h p{ width:100%;font-size: 18px;}
.col-md-5.mobile-col { display: none;}
.mytat_btn_group a.btn.btn-info{padding: 10px 16px; font-size: 16px; margin-right: 0%;float: right;}
.trasted_by{font-size: 14px;line-height: 28px; margin-right: 0;    width: 100%;    display: none;}
.mytat_company_parter{ width: 100%; margin-top: 0;}
.mytat_banner_section .carousel-inner{height:auto;padding-bottom:0px;}
.mytat_btn_group a.btn.btn-default{padding: 10px 20px; font-size: 16px; margin-right: 0;}
.mytat_company_parter ul{ margin-bottom:0px}
.main-wrapper {
width: 100%;}
p{font-size:16px!important}
.mytat_banner_section .right{ right: 0%!important; top:33%;}
h2.text-center.h2_custom{font-size: 25px; padding-top: 50px; padding-bottom:30px;float:left; width:100%;    line-height: 34px;}
.header-section .navbar-collapse.in { position: absolute;background: #fff;left: 0; right: 0; z-index: 999;    padding-bottom: 26px;}
.dropdown-content{ position:inherit; box-shadow: none;}
.mytat_main_heading h1 {line-height: 33px;font-size: 25px;}
.mytat_h2-h{margin-top: 5%; margin-bottom:12%;}
.mytat_banner_h h4{ margin-bottom:0px}
.mytat_banner_h{ margin-top: 12%;}
.company_logo_partner{padding-top: 10px; padding-bottom: 10px;}
.mytat_main_heading h1 .h1-icon img { width:73%!important;}
.mytat_main_heading h1 .h1-icon { float: left; width: 14%; height: 80px;}
.mytat_company_parter ul li img { width: 92%;}
.mytat_h2-h h2 {font-size: 25px;width: 100%!important;}
.mytat_be-confident{ background:none;}
.beconfident_box { position: inherit; width: 100%; text-align: center; left: 0!important;margin-bottom: 5%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding-top: 15px; padding-bottom: 15px;padding-left: 10px;padding-right: 10px;}
.content_list_icon img { width: 45%;}
.content_list_icon{ width: 80%!important; margin: 0 auto;float: none!important;}
.mytat_content_list_text { width: 100%; margin-left: 0; margin-top:8%!important; margin-bottom: 5%;}
.mytat_banner_section{margin-bottom: 0;}
.carousel-inner>.item{ background:#e7fafb;padding-bottom: 30px;}
.mytat_content_list_text.mytat_content_list_text_left { margin-left: 0;}
.box-shashed, .box-shashed1, .box-shashed2{ display:none}
.mytat_idetify_p{ margin-bottom:9%}
.mytat_sutable_for_box {float: left; width: 50%; margin-bottom: 2%; margin-top: 7%; min-height: 100px;}
.mytat_img_poster{ margin-top:3%}
.mytat_img_poster img{ width:100%!important}
.solution_p { min-height: auto!important;}
.souce_p{ min-height: auto; padding-bottom:4%}
.analyatic_m1 ul li{width: 50%; min-height: 166px; border-bottom: solid 1px #ddd;}.analyatic_m1 ul li span {font-size: 35px;}
.view_report_mytat{float: left; width: 100%; padding: 10px;}.analytics_wrap h2{font-size: 16px;text-align: center;}.my_security_hdr img { width: 43%;}.mytat_security_icon img { width: 32%;}.security_main{ height:auto; margin-bottom: 10%;}.mytat_content_list_text h3{text-align: center;}
.col-lg-6.col-md-6.col-sm-6.mytat_manege_02 {display: none;}.case_study_link{ margin-top:15px;}
.mytat_right_sidebar{width: 100%;height: auto; padding-left:0px}.mytat_sidebar{min-height: 323px;margin-bottom: 30px; width: 100%;}
.mytat_corse_seach {width: 81%;}.mytat_main_heading{width:100%!important}.course_score {width: 100%;}
.course_score ul li {width: 44%;margin-left: 15px;}
.course_score ul li:first-child{ margin-left:0px}
.course_bx{ text-align:center;}
.course_bs_icon {float: none;width: 25%;margin: 0 auto;}
.video_recording{width: 100%;text-align: center;margin-bottom: 20%;margin-top: 30px;}
.video_recording img{width:96%!important}
.case-study_h2 .h1-icon {width: 55px;float: left; margin-right:10px;}
.case-study_h2 .h1-icon img{ width:100%;}.mytat_content_list_text ul {list-style: disc inside;}
.mytat_content_list_text ul li {font-size: 16px;}
.navbar-inverse .navbar-toggle {background:#c14998!important; border-color: #c14998!important}
.col-lg-6.col-md-6.login_right_mobile{position:inherit!important;right:0!important;background: #c149a3!important;top:0!important;bottom: 0%!important;float: left;width: 100%;}
.sign-inner_container .button.btn.btn-primary.btn-block{ background: #c149a3!important}
.signup_header .logo {width: 18%;}
.banner-contant.fluency-contant h1, .banner-contant.fluency-contant h4, .banner-contant.banner-unic h1, .banner-contant.banner-unic h4{color:#444!important; text-align: center!important}
.banner-img img { display: none}.img-over-relay{position: inherit}
.banner-contant.fluency-contant, .banner-contant.banner-unic{ width:100%!important}
.start-trial{float: none; margin: 0 auto!important}
.lerner_text h2 {font-size: 2em;margin-top: 7%;text-align: center;}
.lerning_bottom_box h3 {font-size: 20px;}.lerner_skills h2 {font-size: 3em;}
.lerner_step1, .lerner_step2, .lerner_step3, .lerner_step4{ background-size: contain;margin-bottom: 40px;min-height: 604px;padding: 45px!important;}
.lerner_step h3 {font-size: 22px;min-height: 34px;line-height: 33px;text-align: center;}
.lerner_step p {font-size: 21px!important;text-align: center;}
.lerner_graph_img {text-align: center;width: 97%;}
.lerner_graph_text{width: 100%;}.lerner_graph_text h2{text-align: center;font-size: 32px;} .lerner_graph_text p, .lerner_started p {font-size: 25px!important;text-align: center;}
.lerner_started h2 {font-size: 3em;}.lerner_wrap_step h2, .campus_wrap h2 {font-size: 2em;}}
@media (min-width:320px) and  (max-width:767px) {
.col-lg-6.col-md-6.login_right_mobile{margin-left: 15px;margin-right: 15px;width: 91.3%;}
.sign-inner_container{ background: none;}
.login_right_mobile_bx{margin-top: 11%!important;margin-bottom: 11%;}.login_right_mobile_bx h2{font-size: 22px;
line-height: 35px;}
.letr_heading  h2{font-size: 2em;margin-top: 8%;margin-bottom: 8%;}
.candidate_login_side {position: static!important;left: 0;height: 100vh;background: #7d39bc;bottom: 0;float: left;width: 100%!important;}
.form_bg_container{ width: 100%!important}
.candidate_login_inner{ background: #7d39bc; height: 100%;}.candidate_header_heading {width: 100%!important;}.candidaet_login_right_text{width: 82%!important;    }
.form-section_iframe{padding-left: 10px; width: 100%!important; margin-left: 0px!important}
.intern_breadcumb{margin-top: 15px;}
.start-trial.feature_button.project_detail_btn {float: left; padding: 8px 25px; text-align: center; width: auto;}
.internofferd_by { width: 45%!important;padding-left: 0px!important;margin-top: 15px;}
.internofferd_by img { width: 90%!important;}
.sub_nav .nav-bar ul { overflow: auto; white-space: nowrap; float: left;  width: 100%; margin: 0; padding-left: 8px; padding-right: 8px;}
.job_right_list{padding-right: 0px!important}
.intern_offrd_right {float: left; padding-left: 15px; padding-right: 15px;}
.instroctor{ padding-left:15px; padding-right:15px}	
.faq_section .panel-group{ padding: 0px}
.course_left_no { width: 100%; text-align: center;}
.course_sr_no{padding-left: 0!important; width: 100%; text-align: center!important;}	
.dash_padding:nth-child(even), .dash_padding:nth-child(odd){ padding-right:15px!important;}
.col-lg-1.col-md-1.custom_left_padding, .sidebar_help{display: none!important;}
.help_main{ margin-left: 0px!important;  margin-top: 16%!important;}
.readim_points{float: left!important; width: 100%!important; margin-left: 0!important;}
.readim_points img { width: 9%!important;}
.progress_career .progress{ width: 87%!important;}
.progress_trphy{width: 9%!important;}
.col-lesson-detail .panel-group{padding: 0px}
.banner-contant .start-trial, .video_interview_grid .start-trial{width: 50%!important }
}
.banner-contant .start-trial, .video_interview_grid .start-trial{ background:#c14998!important; border-radius: 8px }
.start-trial.feature_button.project_detail_btn { width: auto; font-weight: bold;}

@media (min-width: 768px) and  (max-width:980px) {
.navbar-devider{ padding-left: 2%!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{    border-color: #ddd!important;}
.navbar-brand {padding: 4px 0px!important;}
.dropdown-content a{font-size: 10px;}
.header-section .navbar-inverse .navbar-nav>li>a{    font-size: 8px;padding: 15px 11px;}
.mytat_banner_h h2, .mytat_banner_h h1{ font-size:25px;}
.mytat_btn_group a.btn.btn-default {padding: 10px 10px;font-size: 16px;}
.mytat_btn_group a.btn.btn-info{padding: 10px 15px;margin-right:0px;}
.mytat_user_01.mytat_user_02 {bottom: 0%;width: 100%;bottom: -21%;}
.mytat_user_01{ width: 85%;right: 12px;}
.mytat_banner_section .carousel-inner {height: 331px;}
.trasted_by{width: 9%;font-size: 12px;}
.mytat_company_parter {width: 88%;margin-top: 26px;}
.security_main{ margin-top:14%;}
.mytat_h2-h h2{ width: 66%;}
.beconfident_box:first-child {left: 3%;top: 5%;}
.beconfident_box {width: 32%;}
.beconfident_box p {font-size: 14px;line-height: 24px;}
.beconfident_box:nth-child(2) {left: 38%;top: 3%;}
.beconfident_box:nth-child(3) {top: 62%;left: 21%;}
.beconfident_box:last-child {right: 13%;top: 54%;}
.mytat_idetify_p{min-height: 135px;}
.box-shashed1, .box-shashed, .box-shashed2{ display:none}
.mytat_be-confident{min-height: 520px;}
.mytat_sutable_for_box h4 {font-size: 16px;min-height: 35px;}
.mytat_content_list_text {width: 72%;margin-top: 0px!important;}
.mytat_content_list_text.mytat_content_list_text_left {margin-left: 0%;width: 75%;}
.mytat_content_list_text p {font-size: 16px;line-height: 23px;}
.content_list_icon{min-height: 102px;    width: 22%!important;}
.mytat_content_list_text h3{font-size: 2rem!important;}
.souce_p{ padding-bottom:0px;min-height: 79px;}
.solution_p {min-height: 104px;}
.course_score{width: 100%;}
.mytat_sidebar {width: calc(42% - 100px);}
.mytat_right_sidebar{width: calc(83% - 100px);}
.main-wrapper {width: 100%;}
.navbar-inverse .navbar-toggle {background:#0e386d!important;}
}
@media (min-width:1366px){
.mytat_right_sidebar{    width: calc(82% - 100px);}
	
}

@media (max-width: 767px) {
.modal-fullscreen-xs-down {padding: 0 !important;}
.modal-fullscreen-xs-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-xs-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
@media (max-width: 991px) {
.modal-fullscreen-sm-down {padding: 0 !important;}
.modal-fullscreen-sm-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-sm-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
@media (max-width: 1199px) {
.modal-fullscreen-md-down {padding: 0 !important;}
.modal-fullscreen-md-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-md-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
.modal-fullscreen {padding: 0 !important;}
.modal-fullscreen .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
.main-wrappersign{float: left;width: 100%;overflow: hidden;}
.beconfident_box.beconfident_box-sign:first-child{    top: 14%;}
.beconfident_box.beconfident_box-sign h3{ font-size:18px;}
.beconfident_box.beconfident_box-sign:nth-child(2){left: 38%;top: 6%;}
.beconfident_box.beconfident_box-sign:nth-child(3) {top: 75%;left: 21%;}
.beconfident_box.beconfident_box-sign:nth-child(4) {right: 15%;top: 63%;}
.company_achive {float: left;width: 100%;text-align: center;font-size: 22px;font-weight: 600; margin-bottom: 20px;}
.img-plac1e {float: left;width: 100%;margin-top: 18px;}
.img-plac1e ul{ list-style:none; padding:0; float:left; width:100%}
.img-plac1e ul li{ float:left; width:20%;    text-align: center;}
.img-plac1e ul li img{width:76%;filter: grayscale(100%);opacity: 0.3;}
.beconfident_box.beconfident_box-sign p{    line-height: 23px;}
.cuntry_code {float: left;width: 19%;text-align: center;border: solid 1px #ddd;border-radius: 4px;padding: 6px 9px;color: #555;}
input.form-control.form-right {float: right;width: 78%;}
.sign-inner input, .sign-inner select{box-shadow:none!important; }
.sign-inner_container {background: #fff;width: 100%;padding: 10px 15px;min-height: 293px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;   overflow: hidden;}
.col-lg-6.col-md-6.login_right_mobile {position: absolute;right: 2%;background:#c14998;top: 0%;bottom: 7%;}
.login_right_mobile_bx {float: left;width: 100%;margin-top: 31%;}
.login_right_mobile_bx h2{color: #fff!important;}
.sign-inner_container .btn-primary:hover{ background:#0e386d!important; border-color:#0e386d!important}
.beconfident_box.beconfident_box-sign ul{list-style: none; float: left;padding: 0;width:100%;}
.beconfident_box.beconfident_box-sign ul li{  float: left;width:100%;  text-align: left;}
.beconfident_box.beconfident_box-sign ul li i{font-size: 9px;}
button.btn.btn.btn-primary.btn-space:hover{  background: #0e386d!important; border-color: #0e386d!important;}
button.btn.btn.btn-primary.btn-space:focus{  background: #0e386d!important; border-color: #0e386d!important;}
button.btn.btn-primary.btn-block:focus{ background: #0e386d!important; border-color: #0e386d!important;}
.login-divider {width: 85%;text-align: center;border-bottom: 1px solid rgba(127, 143, 164, 0.5);line-height: 0.1em;margin: 35px auto;}
.login-divider span {background:#f6f6f6;padding: 0 10px;color: #7F8FA4;}
.btn-custom-grren{color: #fff;background-color: #129a9f;border-color: #129a9f;padding: 10px 38px!important;}
.btn-custom-grren:hover{ color: #fff!important;}
@media screen and (min-width: 1400px) {
.mytat_be-confident{background-position-y: -67px;background-size: 100%;}}
@media screen and (min-width: 1440px) {
.mytat_be-confident{ background-position-y:-54px;background-size: 100%;}}
@media (min-width:1600px){
.mytat_be-confident {background-position-y: -82px;}}
@media (min-width:1680px){
.mytat_be-confident {background-position-y: -84px;}}
@media (min-width:1800px){
.mytat_be-confident {background-position-y:-127px;}}
/***signup & login page css**/
.panel-login {border-color: #ccc;-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);}
.panel-login>.panel-heading {color: #00415d;background-color: #fff;border-color: #fff;text-align:center;}
.panel-login>.panel-heading a{flex: 1;padding: 0;background: #f9fbfb;color: #000;text-align: center;line-height: 60px;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;transition: all 0.1s linear;width: 50%;text-align: center; float: left;text-decoration: none;}
.panel-login>.panel-heading a.active{box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);position: relative;z-index: 1;background: #fff;color: #0e141e;float: left;}
.panel-login>.panel-heading a:first-child.active{ box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.2);}
.panel-login>.panel-heading hr{margin-top: 10px;margin-bottom: 0px;clear: both;border: 0;height: 1px;background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {height: 45px;border: 1px solid #ddd;font-size: 16px;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;transition: all 0.1s linear;}
.panel-login input:hover, .panel-login input:focus {outline:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-color: #ccc;text-decoration: none;}
.btn-login {background-color: #59B2E0;outline: none;color: #fff;font-size: 14px;height: auto;font-weight: normal;padding: 14px 0;text-transform: uppercase;border-color: #59B2E6;}
.btn-login:hover, .btn-login:focus {color: #fff;background-color: #53A3CD;border-color: #53A3CD;}
.forgot-password {text-decoration: underline;color: #888;}
.forgot-password:hover, .forgot-password:focus {text-decoration: underline;color: #666;text-decoration: none;}
.btn-register {background-color: #1CB94E;outline: none;color: #fff;font-size: 14px;height: auto;font-weight: normal;padding: 14px 0;text-transform: uppercase;border-color: #1CB94A;}
.btn-register:hover, .btn-register:focus {color: #fff;background-color: #1CA347;border-color: #1CA347;text-decoration: none;}
.form_bg_container{background: #fff;box-shadow: 0 6px 16px 0 rgb(0 0 0 / 20%);float: none;padding-top: 20px;padding-bottom: 20px;width: 80%;margin: 0 auto;overflow: hidden;margin-bottom: 20px!important;}
.tab-item-link.tab-item{flex: 1;padding: 0;background: #f9fbfb;
color: #738f93;text-align: center;line-height: 60px;}
.tab-item-link {display: block;color: inherit;font-weight: 700;font-size: 18px;text-decoration: none;}
.new_sign-inner_container .form_box .form-group{ float: left; width: 100%; position: relative}
.new_sign-inner_container .form_box .form-group input[type="text"], .new_sign-inner_container .form_box .form-group input[type="password"], .new_sign-inner_container .form_box .form-group input[type="email"]{text-indent: 20px;border-top: none;border-left: none;border-right: none;border-radius: 0;box-shadow: none;}
.form_icon {position: absolute;top: 21%;left: 5%;font-size: 20px;color: #ccc;}
.social-login-label {float: left;width: 100%;position: relative;}
.social-login-label:before {position: absolute;top: 50%;left: 0;margin-top: -.5px;width: 100%;border-top: 1px solid #b7c9cc;content: "";}
.label-text{position: relative;z-index: 1;display: inline-block;padding: 0 30px;background: #fff;}
.social_login {float: left;width: 100%;margin-top: 20px;}
.fb_iframe_widget{ display: none}
.social_login .fb_iframe_widget{ display:block!important}
.social_login ul{ list-style: none; padding: 0px}
.social_login ul li{ float:left; width: 25%; text-align:center}
.social_login ul li img{ width: 40px; height: 40px}
.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}
.reqest-demo-bg {float: left;width: 100%;background: #fff; min-height: 93vh;overflow: hidden}
a.btn-text {background: none;border: 0;padding-top:16%;float: left;font-size: 16px; cursor: pointer!important;}
.or_wrap {float: left;padding: 15px;position: relative;}
.or_wrap:before{ position: absolute; border-top:solid 1px #ddd; }
.or_inner {border-radius: 50px;border: solid 1px #ddd;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.form_bg_container label{ color:#666; font-weight: 400; }
.header_drop_box {float: left;width: 100%;margin-top: -3%;background: #fff;padding:8px 5px;-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.35);-moz-box-shadow:0px 2px 8px 0px rgba(50, 50, 50, 0.35);box-shadow:0px 2px 8px 0px rgba(50, 50, 50, 0.35);}
.job_list_strip{ float: left;width: 100%; height: 50px;background: #7645b8; }
.job_list_container {float: left;width: 100%;margin-top: 3%;}
.job_list_wrap{float: left;width: 100%;-webkit-box-shadow: 0px 2px 8px 0px rgb(50 50 50 / 12%);-moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.12);box-shadow: 0px 2px 8px 0px rgb(50 50 50 / 12%); background: #Fff;height: 150px;overflow: hidden;margin-bottom: 30px;background: #Fff;    height: 150px;overflow: hidden; margin-bottom: 15px;}
.job_right_list {float: right;width: 75%;padding-left: 8px;}
.job_list_logo {float: left;width: 24%;background: #7432a6;height: 100vh;text-align: center;font-size: 38px;color: #fff;padding-top: 10%;}
.job_right_list h2 {margin: 0;font-size: 13px;padding-top: 10px;font-weight: 600;padding-bottom: 10px;color: #333;}
.job_right_list h4, .job_location_mark, .job_location_{margin-top: 0px;font-size: 13px;line-height: 20px;color: #777;}
.job_icon {float: left;width: 13px;margin-right: 6px;padding-top: 3px;}
.job_icon img{ width: 100% }
.candidate_sidebar {float: left;width: 100%;}
.candidate_sidebar h1 {font-size: 22px;font-weight: 600;}
.candidate_sidebar ul {list-style: none;padding: 0;margin-top: 16%;}
.candidate_sidebar ul li {color: #777;float: left;width: 100%;border-bottom: solid 1px #ddd;padding-top: 10px;padding-bottom: 10px;}
.job-detail_container{    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.35);-moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.35);box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.35);background: #Fff;    padding: 30px 15px;}
.job-detail_container ul{padding-left: 15px;}
.job-detail_container ul li{color: #606464}
.job-detail_container  p{ color: #606464 }
.job-detail_container  h2{ color: #444; font-size: 18px; font-weight: 600 }
/***signup & login page css end**/
/**Internship page css start here**/
.internship_banner {float: left;width: 100%;background: #bc80f3;padding: 40px 15px;margin-top: 3.5%;}.intern_breadcumb{ float:left; width:100%}
.intern_breadcumb ul{list-style: none; padding: 0px}
.intern_breadcumb ul li{ float: left;}
.intern_breadcumb ul li a{color:#fff; font-size: 16px;}
.intern_breadcumb ul li:after {content: '\1433';padding-left: 10px;padding-right: 10px;color: #fff;}
.intern_breadcumb ul li:last-child:after{content: none}.intern_heading h1{ color: #f1f1f1;font-size: 20px;font-weight: 600;}
.intern_heading p{color: #f1f1f1; font-size: 16px;}
.user_intern {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.intern_img {float: left;width: 13%;}.intern_img img{border-radius: 50px}
.intern_name {float: left;font-size: 1.2em;color: #fff;padding-top: 2%;padding-left: 20px;}
.internofferd_by {float: left;width: 100%;padding-left: 14%;}
.internofferd_by p{color:#fff; font-size: 16px;}.internofferd_by img {width: 22%;}
.nav-bar { z-index: 99;width: 100%;height: 8vh;background-color: rgba(34, 49, 63, 0.5);}
.sub_nav nav ul {margin:0 11vh 0 0;list-style:none;padding:0;float:left;height:8vh;}
.sub_nav nav ul li{display:inline-block;color: #656565;font-size:1.2em;font-weight:500;padding:0px 0.5vw 0px 0.5vw;text-align:center;height: 8vh;line-height:8vh;-webkit-transition:  color 0.2s linear, background-color 0.2s linear;-moz-transition: color 0.2s linear, background-color 0.2s linear;-ms-transition: color 0.2s linear, background-color 0.2s linear;-o-transition: color 0.2s linear, background-color 0.2s linear;transition: color 0.2s linear, background-color 0.2s linear;}
.sub_nav nav ul li:hover{cursor:pointer;color:#333;}.sub_nav nav ul li a{text-decoration:none;color:#656565;}
.sub_nav nav ul li:hover a{color: #656565;} .sub_nav nav ul li.active a{ color: #c14998!important}
/*-------------------- END OF NAV ---------------*/
/*-------------------- PAGES ----------------------*/
#index{padding-top: 5%;float: left;width: 100%;}
#page1{padding-top: 2%;float: left;width: 100%;}
#page2{padding-top: 2%;float: left;width: 100%;}
#page3{padding-top: 2%;float: left;width: 100%;}
#page4{padding-top: 2%;float: left;width: 100%;}
#page5{padding-top: 2%;float: left;width: 100%;}
.sub_nav {float: left;width: 100%;}
.sub_nav .nav-bar.affix {top: 7%;background: #fff;box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);border-bottom: 1px solid #e3e4e5;}
.sub_nav .nav-bar.affix-top{ background:#fff; box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); border-bottom: 1px solid #e3e4e5;}
.intern_li_box1, .intern_li_box2 {float: left;width: 100%;border: 1px solid #e3e4e5;padding: 15px; font-size: 14px; line-height: 22px}
.intern_li_box1 ul li:before{ content: "\2713";float: left;width: 30px;height: 8vh;color: green;}
.intern_li_box1 h2, .intern_li_box2 h2{margin: 0px; font-size: 20px; color: #606060; font-weight: 600;}
.intern_li_box1 ul, .intern_li_box2 ul{ list-style: none; padding: 0px; margin-top: 30px}
.intern_li_box1 ul li {width: 50%;float: left;font-size: 16px;line-height: 27px;color: #656565;}
.intern_li_box1 ul li h2{font-size: 16px;}
.intern_li_box2 ul li{float: left;align-items: center;padding: 0.1875rem 1.125rem;border: none;color: rgb(31, 31, 31);height: 2.5rem;border-radius: 1.875rem;line-height: 2rem;font-size: 0.987em;background-color: #EBECED;margin-right: 8px;margin-bottom: 8px;}
.intern_about {float: left;width: 100%;}
.intern_about h3{ font-weight: 600; color: #606060}
.intern_about p{ font-size:14px; color: #656565}
.intrn_content h3{ font-weight: 600;}
.intrn_content p{ font-size: 1.2em; color: #656565}
.intern_images img {object-fit: fill;float: left;width: 100%;}
.intrn_how_to h2{ font-weight: 600}
.course_detail_right h2{ margin-top: 0px;font-weight: 600;font-size: 18px;padding-bottom: 0px!important;}
.course_detail_right p, .rating_intern{ font-size:14px}
.rating_intern span{color: orange;letter-spacing: 3;}
.rating_intern{ padding-bottom: 10px}
.course_left_no h4{color:#606060; font-weight: 600; text-transform: uppercase}
.course_sr_no {text-align: left;font-size: 4em;color: #606060;font-weight: 400;padding-left: 12%;}
.course_detail_right {float: left;width: 100%;border-bottom: solid 1px #ddd;padding-bottom: 15px;}
.intern_courses h2{ font-weight: 600; padding-bottom: 30px;}
.intern_courses h2 a{ color: #444; text-decoration: none}
.intern_courses h2 a:hover{ color:#c4529d;}
.coursed_container{ float: left; width:100%; margin-bottom: 40px}
.instrctor_img {width: 15%;float: left;margin-right: 10px;}
.instrctor_img img{ border-radius: 50px; border:solid 1px #ddd}
.instroctor_details {float: left;}
.instroctor_details p{ margin-bottom: 3px}
.offerd_by {float: left;width: 100%;margin-top: 4%;}
.intern_offrd_logo {float: left;width: 13%;height: 100px;margin-right: 30px;}
.intern_offrd_logo img {background-size: contain;float: left;}
.instroctor h2, .offerd_by h3{ font-weight: 600; padding-bottom: 30px}
.intern_offrd_right h4{font-weight: 600;}
.intern_offrd_right p{ font-size: 16px; color: #656565}
.intrn_certificat_content h2{ font-weight: 600; margin-top: 0px}
.intrn_certificat_content ul{padding: 0px; list-style: none}
.intrn_certificat_content ul li{ float: left; width: 100%; font-size: 1.2em}
.intrn_certificat_content ul li:before{  content: "\2713";float: left;width: 30px;height: 4vh;color: green;}
.intern_btn {float: left;margin-top: 4%;}
.intern_btn a{ padding:10px 30px}
.intrn_cerficate {width: 85%;}
.intrn_how_to h3{font-size: 18px;font-weight: 600;}
.intrn_cerficate p{ padding-top: 10px}
.template_faq {background: #edf3fe none repeat scroll 0 0;}
.panel-group {background: #fff none repeat scroll 0 0;border-radius: 3px;box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);margin-bottom: 0;padding: 30px;}
#accordion .panel {border: medium none;border-radius: 0;box-shadow: none;margin: 0 0 15px 10px;}
#accordion .panel-heading {border-radius: 30px;padding: 0;}
#accordion .panel-title a {background: #3F51B5 none repeat scroll 0 0;border: 1px solid transparent;border-radius: 30px;color: #fff;display: block;font-size: 16px;font-weight: 400;padding: 12px 20px 12px 50px;position: relative;transition: all 0.3s ease 0s;text-decoration: none;}
#accordion .panel-title a.collapsed {background: #fff none repeat scroll 0 0;border: 1px solid #ddd;color: #333; text-decoration: none;}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {background: #3F51B5 none repeat scroll 0 0;border: 1px solid transparent;border-radius: 50%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);color: #fff;content: "\f077";font-family: fontawesome;font-size: 16px;height: 35px;left: -12px;line-height: 35px;position: absolute;text-align: center;top: 4px;transition: all 0.3s ease 0s;width: 35px;}
#accordion .panel-title a.collapsed::after {background: #fff none repeat scroll 0 0;border: 1px solid #ddd;box-shadow: none;color: #333;content: "\f078";}
#accordion .panel-body {background: transparent none repeat scroll 0 0;border-top: medium none;padding: 20px 25px 10px 9px;position: relative;}
#accordion .panel-body p {border-left: 1px dashed #8c8c8c;padding-left: 25px;}
.faq_section {float: left;width: 100%;background-color: #f5f7fa;padding-top: 3%;}
.Video_interviweing-icon img{    width: 10%;}
.video_interview_box.fluency_interview_box h2 {font-size: 1.1em;font-weight: 600;}
.naps_ask_row ul li, .naps_ask_row p{font-size:16px; padding-bottom: 10px}
.video_interview_box.fluency_interview_box h3{font-size: 1em;line-height: 20px;}
.video_interview_grid {float: left;width: 100%;}
.video-software-bottom {float: left;width: 100%;}
/**Internship page css end here**/
.readim_points {float: left;width: 12%;margin-left: 8%;text-align: center;margin-top: 0.8%;color: #b83da9;line-height: 22px;font-weight: bold;}
.readim_points img{width: 17%;}
.readim_points span{line-height: 30px;padding-left: 4px;}
.on-going-left-dash h4 a{ color: #000;text-decoration: none;height: 45px;float: left;line-height: 24px;text-align: center;width: 100%;}
.assemnet-main.assemnet-main-dash { width: 100%;margin: 0 auto; float: none;overflow: hidden; margin-bottom: 70px;}
.heplcontainer {float: left;width: 100%;margin-bottom: 20px;}
.heplcontainer .search-container {float: right;}
.heplcontainer input[type=text] {padding: 6px;margin-top: 8px;font-size: 15px;border: none; border:solid 1px #ddd;}
.heplcontainer .search-container button {float: right;padding: 9px 10px;margin-top: 8px;background: #ddd;font-size: 17px;border: none;cursor: pointer;}
.dash_padding:nth-child(odd){ padding-right:0px;}
.dash_padding:nth-child(even){ padding-right:0px;}
.on-going-left-dash h4{ text-align: center; margin-bottom: 0;font-size: 20px; overflow: hidden;}
.sidebar_help_inner { float: left;  width: 100%;  margin-top: 15%;}
.sidebar_help { position:fixed; left: 4.5%;  top: 0%;  bottom: 0; background: #8954ba;  width: 348px;  border-right: solid 1px #ddd;overflow-y: scroll;	min-height: 100%;}
.help_main{ margin-top:5%; position: relative;background: #fff;overflow: hidden;}
.closed_sidbar_btn {float: right;margin-top: 20px; margin-right: 15px; background: #fff;width: 20px; height: 20px; text-align: center; line-height: 20px;font-size: 18px;border-radius: 3px;}
.sidebar_help_inner { float: left;  width: 100%;  margin-top: 15%;}
.menu-clinical-materials {    float: left; width: 100%; padding: 10px;}
.menu-clinical-materials ul{list-style: none}
.content_top { float: left; font-size: 18px; padding-left: 10px; margin-top: 5%; font-weight: 600;color:#fff;}
.menu-clinical-materials ul{ float:left; width: 100%}
.menu-clinical-materials ul li{ font-weight: normal;  font-size: 16px; float: left;  width: 100%;}
.menu-clinical-materials ul li a{ color: #444;  text-decoration: none;font-size: 14px; font-weight: 600;padding-right: 5px; cursor: pointer; color:#fff;}
.menu-item-has-children ul.sub-menu li.menu-item-has-children1 a{ font-size: 14px!important; font-weight: 400!important;}
.menu-item-has-children1{ padding-left:0px}
.Expander { float: left;  font-weight: bold; font-size: 24px;line-height: 30px; padding-right: 5px; cursor: pointer; color:#fff;}
.Expanded{ float: left; font-weight: bold; font-size: 22px;line-height: 30px; padding-right: 5px; cursor: pointer; color:#fff;}
ul.sub-menu1{ padding-left: 15px}
.main_help_wrapper.affix-top { position: relative;height: 580px; overflow: auto;top: 0;}
.main_help_wrapper.affix { position: fixed; width: 66%;left: 33%;}
.menu-clinical-materials ul li ul{ padding-left:15px;}
.menu-clinical-materials ul li.menu-item-has-children{line-height: 30px;}
.help_main h1{ font-size: 2.8rem; color: #1D5AAB; font-weight: 600;}
.help_main h2 { font-size: 18px;
font-weight: 600; padding-bottom: 2%;float: left; width: 100%;}
.help_main h2 span{ color: #9999; font-size: 30px;}
.help_main h3{ font-size:2.3rem;}
.main_help_wrapper h1 span{ color: #9999; font-size: 30px;}
.sidevar_search{float: left; width: 100%;padding: 0px 15px;}
.help_video { float: none;
width: 100%;margin-bottom: 15px;margin: 0 auto;padding-bottom: 2%;}
.help_video video{ width:100%;}
.help_video ol{ float: left;width: 100%;margin-top: 2%;margin-bottom: 2%;}
.help_video ol li{ font-size:16px; line-height:22px}
.video_help p{font-size:16px; line-height:22px}
.video_help ol{ float: left;width: 100%;margin-top: 2%;margin-bottom: 2%;}
.video_help ol li{ font-size:16px; line-height:22px}
.sideactive {margin-left: 0px;}
.dashboard_left_menu {position: fixed;left: 0;top: 0;bottom: 0; background:#6c389b;height: 100%;width: 4.5%;  box-shadow:2px 0 3px -2px #a7a2a2; }
.dashoard_new_menu {float: left; width: 100%;margin-top: 79px;}
.dashoard_new_menu ul{ list-style: none; padding: 0; margin: 0;}
.dashoard_new_menu ul li{  float: left; width: 100%; text-align: center; padding-top: 8px; margin-bottom: 8px; padding-bottom:8px;font-size: 22px;position: relative;}
.assemnet-main-dash{ border-color: #ddd; border-radius: 4px;}
.assemnet-main { float: left; width: 100%; border: solid 1px #ddd; padding: 10px; margin-bottom: 10px;background: #fff; position: relative;}
.assemnet-main:hover{-webkit-box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);}
.assemnet-main:hover a { text-decoration: none}
.assemnet-main:hover i {color: #0c469a!important}
.assemnet-main-left {float: left; width: 60%;}
.assemnet-main-center { float: left; width: 30%; padding-left: 20px; padding-right: 20px;  border-right: solid 1px #ddd;}
.dashoard_new_menu ul li a{ color:#fff; text-decoration: none; }
.dashoard_new_menu ul li img{ width:53%}
.dashoard_new_menu ul li:nth-child(6) img{ width:50%!important}
.inmedia_wrap {float: left;width: 100%;margin-top: 3%;}
.inmedia_inner {float: left;width: 100%;margin-top: 8%;border: solid 1px #ddd;padding: 10px;min-height: 307px;}
.inmedia_img {float: left;width: 100%;text-align: center;min-height: 92px;}
.inmedia_img img{background-size: cover;height: 100%;width: 77%!important;margin: 0 auto; }
.inmedia_h h2{ font-size: 22px;text-align: center; }
.inmedia_p p{font-size: 16px;text-align: center;}
.btn-media{background: #c14998;color: #fff;padding: 8px 21px!important;margin-top: 5px;margin-right: 10px;font-size: 16px!important;}
.inmedia_p {min-height: 98px;}
.form_box label{ font-weight:600;}
.login_left_menu {float: left;width: 48%;border: solid 1px #ddd;padding: 15px;min-height: 108px;margin-right: 10px;margin-bottom: 10px;}
.login_left_bar {float: left;width: 100%;}
.login_left_img{ float: left; width: 100%; text-align: center}
.login_left_img img{ width:20%;}
.login_right_content {float: left;width: 100%;text-align: center;padding-top: 10px;}
.login_left_menu:last-child .login_left_img img{ width:18%}
.login_left_menu:hover{ background: #fff}
.login_left_menu a .login_right_content{color: #444;font-size: 16px;}
.login_left_menu a:hover .login_right_content{color:#FF9A00;}
.login_left_menu:nth-child(even){margin-right:0px;}
.candidate_login_side {position:absolute;left: 0;height: 100vh;width: 33%;background:#7d39bc;bottom: 0;}
.candidate_login_inner {float: left;width: 100%;padding: 45px 35px;padding-bottom: 0px}
.candidate_header_heading h2{color: #fff!important;font-weight: 800;line-height: 40px;padding-bottom: 10%;}
.candidate_login_box {float: left;width: 100%;margin-bottom: 8%;}
.candidate_login_img {float: left;width: 11%;margin-right: 20px;}
.candidate_login_img img{ width:100%}
.candidaet_login_right_text {float: left;width: 84%;padding-top: 10px;}
.candidaet_login_right_text h5{font-size: 18px;color: #fff;font-weight: 700;margin-top: 0;margin-bottom: 15px;}
.candidaet_login_right_text p{color: #fff;font-size: 16px;margin-bottom: 20px;}
.candidate_header_heading {width: 80%;margin: 0 auto;}
.iframe_company_logo {float: none;width: 43%;text-align: center;margin: 0 auto;padding-bottom: 11%;}
.iframe_company_logo img{ width:100%}
.form-section_iframe {float: left;width: 39%;margin-left: 52%;}
.header_drop_tab {margin-top: -6%;}
button.btn.ch-data {border-radius: 50px;background: none;color: white;border: solid 1px #f6993b;padding-left: 20px;padding-right: 20px;    border-radius: 50px!important;}
button.btn.ch-data.ch-data-active {border-radius: 50px;background: #f6993b;color: white;}
button.btn.ch-data:focus, button.btn.ch-data.ch-data-active:focus{outline: 0px!important;}
.practice.form-control {border-top: 0;border-right: 0;border-left: 0;box-shadow: none;border-radius: 0px;}
.checkbox-sidebar h4 {font-weight: 600;}
.checkbox-sidebar label.form-check-label{font-size: 14px;float: left;width: 100%;font-weight: 500;cursor: pointer;}
.checkbox-sidebar label.form-check-label input.form-check-input.category_check{height: 17px;float: left;margin-right: 9px;}
.checkbox-sidebar label.form-check-label input.form-check-input.category_check_my{height: 17px;float: left;margin-right: 9px;}
.checkbox-sidebar h4{ font-weight: 600; }
.job_right_list .stars{ padding-top:0px; padding-bottom:8px}
.assment_mark span{font-weight: 700;color: #f6993b;}
.assessment_bottom_btn a{border-radius: 50px!important;background: 0;color: #c34f9b;padding-top: 4px;padding-bottom: 4px;border-color: #c3519c;}
.assessment_bottom_btn a:focus {outline: none!important;background: none;color: #c34f9b;border-color: #c34f9b;}
.assessment_bottom_btn a:hover{color: #fff; background:#c34f9b }
.assessment_bottom_btn .practiceass:hover{color: #fff!important; background:#c34f9b!important; border-color:#c34f9b!important}
.assessment_bottom_btn a.practice_assess{border-color: #f6993b!important;color: #f6993b!important;border-radius: 50px!important;}
.assessment_bottom_btn .practice_assess:hover{color: #fff!important; background:#f6993b!important; border-color:#f6993b!important}
.assessment_bottom_btn a.btn-last-score{border-color: #7645b8!important;color: #7645b8!important;    margin-left: 5px;}
.assessment_bottom_btn .btn-last-score:hover{color: #fff!important; background:#7645b8!important; border-color:#7645b8!important}
.btn-primary-queck {color: #c34f9b;border-radius: 50px!important;border: solid 1px #c34f9b!important;background: none!important;}
.btn-primary-queck:hover{color: #fff!important; background:#c34f9b!important}
.btn-success-allreadey{color: #fff;border-radius: 50px!important; border: solid 1px #0cb419!important; background: #0cb419;}
.btn-success-allreadey:hover{color: #fff!important;border-radius: 50px!important;border: solid 1px #8954ba!important; background:#8954ba!important;}
.btn-save{color: #c34f9b;border-radius: 50px!important;border: solid 1px #c34f9b!important;background: none!important;}
.btn-save:hover{color: #fff!important; background:#c34f9b!important }
.btn-save:focus{outline:none!important}
.assessment_bottom_btn .attempted_assess{border-radius: 50px;background: 0;color: #5cb85c;padding-top: 4px;padding-bottom: 4px;border-color: #5cb85c;}
.assessment_bottom_btn .attempted_assess:hover{ background: #5cb85c; color:#fff;}
/** mobile sidebar **/
.sidebar_mobile {height: calc(100vh - 0px);width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color:#7645b8;overflow-x: hidden;transition: 0.5s;padding-top: 60px; z-index: 9999;box-shadow: 3px 0 5px -2px #ddd;}
.sidebar_mobile a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #fff;display: block;transition: 0.3s;}
.sidebar_mobile a:hover {color: #f1f1f1; background: none;}
.sidebar_mobile .closebtn {position: absolute;top: -12px;right: -2px;font-size: 36px;margin-left: 50px;    z-index: 99999;}
.openbtn {font-size: 20px;cursor: pointer;background: transparent;color: white;padding: 10px 15px;border: none;}
.openbtn:hover {background-color: #444;}
.breadcrumb{ background-color:transparent!important}
.breadcrumb li:last-child a{ color:#333!important}
.breadcrumb>li a{color:#666!important; text-decoration: none}
.breadcrumb>li a:hover{color:#8954ba!important;}
.dropdown .fa-caret-down{ padding-left:6px;}
.mobile_header_login, .mobile_nav, .mobile_bar{display: none}

@media (min-width:320px)  and  (max-width:767px) {
.desktop_header{display: none}
.header_drop_box{margin-top: -11%;}
.header_drop_box .form-group1{ border-right: 0px!important}
.mobile_header_login { display: block; float: right;}
.m_user_image a img {width: 32px; margin-top: 10px;  margin-right: 15px;}
.header-section .navbar-header .navbar-brand{width: 40%; padding-left: 8px; float: left; padding-top: 8px!important;}
.m_user_image .dropdown-content{position: absolute;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%)!important; z-index: 9999}
.header_drop_tab { margin-top: -12%;}
.mobile_nav { float: left; width: 40px; display: block;}
.form-group1.mobile_search {float: left; width: 87%;}
.mobile_nav .openbtn{background: #ddd; color: #ea6e6e;    padding: 0;border-radius: 50px; width: 40px; height: 40px;}
.reqest-demo-bg #all_assessments{ margin-left:0px!important}
.checkbox-sidebar { display: none;}
.sidebar_mobile .checkbox-sidebar { display: block!important;position: relative; height: 100vh;}
.sidebar_mobile .checkbox-sidebar .form-check-label{ color: #fff;}
.sidebar_mobile .checkbox-sidebar .form-check { border-bottom: solid 1px #8d3ad9; float: left; width: 100%; padding-top: 4px; padding-bottom: 4px;}
.mobile_top_menu { float: left; width: 100%;}
.mobile_ul_menu li { display: inline-block; color: white; text-align: center; padding: 9px 14px; text-decoration: none;}
.mobile_ul_menu{ padding-left:15px}
.mobile_bar {float: left;font-size: 22px; padding: 15px; display: block}
.mobile_bar a{ color:#e436ef; padding: 0; font-size: 25px;}
.mobile_ul_menu li { float: left; width: 100%; text-align: left;}
.mobile_ul_menu li  a { font-size: 18px; padding: 0;}
.mobile_ul_menu li i{ float:right;}
.mobile_ul_menu li .dropdown-content{background: transparent; padding-left: 15px;}
.mobile_ul_menu li .dropdown-content a{ border-bottom: 0; padding-top: 6px; padding-bottom: 6px;}
.sidebar_mobile .checkbox-sidebar h4{ font-weight: 600; margin-top: -14%;font-size: 21px; margin-bottom: 10%; width: 100%;}
.sidebar_mobile .dropdown-backdrop{display: none}
.mobile_assets { width: 30px; float: left;margin-right: 11px;}
.mobile_assets img{width: 100%}
.sub_nav nav ul li{ padding: 0px 3vw 0px 3vw;}
.intern_about{ padding-left:15px; padding-right:15px}
.profile_h3{ font-size:18px;}
.modal-dialog.change-password_pop { margin-top: 50%!important;}
.form_bg_container .form-group{ float:left; width: 100%}
.course_detail_right{padding-left: 15px;; padding-right: 15px}

/****scroll css*/
.mobile_top_menu_scroll{display:block!important; overflow: auto; white-space: nowrap; float: left; width: 100%; background:#c3519c;padding-top: 4px; padding-bottom: 4px;}
.dropdown-content a {color: black;padding: 12px 23px!important;}
.mobile_ul_menu_scroll{ list-style: none;  padding: 0px 10px;margin-bottom: 0;}
.mobile_ul_menu_scroll li{ display: inline-block; text-align: center; padding: 9px 14px; text-decoration: none;}
.mobile_ul_menu_scroll li a { color:#fff;font-weight: 600; font-size: 16px;}
.filter_option { float: left; width: 80%; background: #fff; bottom: 0; position: fixed; left: 0;}
.clear_all { float: left; margin-top: 5px;margin-bottom: 5px}
.clear_all a{border-radius: 50px; background: #f6993b!important; color: white; border: solid 1px #f6993b; padding: 4px 15px; font-size: 16px;}
.filter_apply{float:right;  margin-top:5px; margin-bottom: 5px}
.filter_apply a{border-radius: 50px; background: #c3519c!important; color: white; border: solid 1px #c3519c; padding: 4px 15px; font-size: 16px;}
.mobile_ul_menu_scroll li a::after{content: ""; border-right: solid 1px #902d6e; padding-left: 16px;}
.form_bg_container select#skills { height: 38px !important; width: 100%;}
.chosen-container-multi .chosen-choices{ background:none!important}
.mobile_bar.home_mobile_bar{float: left; font-size: 22px; padding: 15px; display: block; line-height: 22px;}
.nav-mobile { list-style: none; padding: 0;}
ul.nav-mobile  li .dropdown-container{background: #8052bf;}
ul.nav-mobile  li a{ font-size:18px!important; text-decoration: none}
ul.nav-mobile  li .dropdown-container a{font-size: 14px!important;padding: 8px 8px 8px 45px;}
ul.nav-mobile  li a .caret{ float: right;margin-top: 8px;border-top: 6px dashed; border-top: 6px solid\9; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.mobile_login {float: right;margin-right: 10px;margin-top:18px; display: block!important;}
.mobile_login_view .dropdown-container{ position: absolute;top: 85%; right: 0; width: 175px; padding: 10px; background: #fff; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);}
.mobile_login_view .dropdown-btn{ background:#edb918; padding: 7px 20px;  border-radius: 50px; color: #fff;}
.mobile_login_view .dropdown-container a { color: black; padding: 15px 23px; text-decoration: none; display: block; border-bottom: solid 1px #f1f1f1; font-size: 16px;}
.form-group1.projact-title-abc {border-bottom: solid 1px #999;}
.form-group1.project-title-abc {border-bottom: solid 1px #999;}
.mobile_ul_menu_scroll li.active a{ color:#f0cb43 }
.assess_info .assessment_calender, .assess_info .assessment_clock{font-size: 10px!important;}
}

.mobile_top_menu_scroll, .mobile_login{display:none}
.assess_info { float: left; width: 100%; margin-top: 20px;}
.assess_info .assessment_calender{float:left;  font-size: 12px; color: #888;}
.assess_info .assessment_clock{float:right; font-size: 12px; padding-right: 10px; color: #888;}
.login_btn_custom{background: #8954ba!important; border-color: #8954ba!important; padding: 8px!important; color: #fff;font-size: 18px!important;}
.login_btn_custom:hover{ background:#e68c31!important; border-color:#e68c31!important;color: #fff!important;}
.login_btn_custom:focus{outline:none!important; color: #fff!important}
.btn{ border-radius:8px!important;}
.sign_up_right_lestest  { float: left; width: 100%; background: #fff; border: solid 1px #ddd; padding: 15px; margin-top: 11%;    border-radius: 10px;}
.form_boder_less input{ border-top:0px!important; border-right: 0px!important; border-left: 0px!important; border-radius: 0px;font-size: 16px;}
.make-unic { float: left; width: 100%; text-align: center; padding-top: 3%; background: #f6f7fb; padding-bottom: 3%;}
.make-unic h2{ font-size:25px; font-weight:600;padding-bottom: 3%;}
.unique_wrap h5{font-size:20px; font-weight:500}
.unique_wrap { float: left; width: 100%; padding-bottom: 13%;}
.tarining_sec { float: left; width: 100%; margin-top: 5%; margin-bottom: 5%;}
.training_inner ul{ list-style:none; padding:0px}
.training_inner ul li{float: left; font-size: 15px; width: 33.33%; text-align: center; padding: 15px; min-height: 108px;}
.training_inner ul li span{ float:left; width:100%; color:#C04898; font-size: 20px}
.training_inner h4{font-size:25px; font-weight:500; padding-bottom:25px}
.tarining_sec img { width: 56%; margin: 0 auto;}
.profile_sect {background: #e9cef8; float: left; width: 100%; padding-top: 3%; padding-bottom: 3%;}
.profile_grid { float: left; width: 100%; margin-top: 9%;}
.profile_cont ul{ list-style:none; padding:0px;}
.profile_cont ul li { font-size: 16px; padding-bottom: 33%;}
.profile_sect1 { float:left; width:100%; margin-top:3%; margin-bottom:3%}
.profile_sect1 h4 { font-size: 25px; font-weight: 500; padding-bottom: 3%;}
.partner_logo { float: left; width: 100%; text-align: center;}
.profile-logo { width: 25%; float: left; padding: 10px;}
.sth_form h2 { padding-bottom: 8%;}
.banner-img.sth_banner{background: rgb(193,73,152);background: linear-gradient(90deg, rgba(193,73,152,1) 0%, rgba(117,43,184,1) 100%);min-height: 450px;}
.sth_banner_icon { position: absolute; right: 10%; top: -34%;  width: 200px; display: none;}
.sth_img { margin-top: 22%;}
@media (min-width:320px)  and  (max-width:640px) {
.training_inner ul li{width: 49.33%;}
.profile_cont ul li{    font-size: 18px; padding-bottom: 6%; text-align: center;}
.profile_sec { width: 54%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.profile-logo {width: 33%;}
.sth_img {float: left; width: 100%; margin-bottom: 15%;}
}

.hiring_logo { float: left; width: 100%;}
.logo_grid { float: left; width: 27.33%; margin-right: 10px;}
.logo_grid img{width:100%}

/**ATS Page Css**/
.ats_heading h2{font-size:28px; line-height: 35px; font-weight: 700;}
.ats_second_top { float: left; width: 100%; background: #F6F6F6;margin-top: 2%; margin-bottom: 2%;padding-top: 25px;padding-bottom:25px;}
.ats_track { float: left; width: 100%; margin-top:13%;}
.ats_track h2{ font-weight:700;font-size: 28px;}
.ats_track p, .ats_track ul li{font-size: 16px;}
.ats_third_top{ float:left; width:100%; background:#F2F8FE;    margin-top: 2%; margin-bottom: 2%; padding-top: 25px; padding-bottom: 25px;}
.ats-collabrate h2{width: 69%;margin: 0 auto;}
.ats-collabrate .ats_top_img { float: left; width: 100%; margin-top: 5%;}
.ats-collabrate{ float:left; width:100%; margin-top:2%; margin-bottom:2%}
.banner-contant.banner-unic.ats_banner{ width:64%!important}
.home_enquiry_form { float: left; width: 100%; background: #fff;padding: 15px;}
.home_enquiry_form input, .home_enquiry_form select, .home_enquiry_form textarea{border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-radius: 0; padding-left:0px}
.home_enquiry_form label{font-weight: 600!important}
.home_enquiry_form .form-control:focus{box-shadow:none!important;}

/** shedule demo new page css**/
.request_main_col{position: relative; background: #e68c31; width: 100%;overflow: hidden; height: calc(92.8vh - 0px); display: flex; flex-wrap: wrap;}
.view-circle{background-color: #fff; color: white; transform: translate(-42%, -50%); padding-top: 100%; position: absolute; top: 50%; left: 0; width: 100%; min-width: 0px; min-height: 0px;}
.shedule_demo_side_content { float: left; width: 100%;}
.shedule_content_left { width: 83%; margin: 0 auto;padding-top:7%;}
.shedule_demo_logo { float: left; width: 100%; margin-top:30px; text-align: center;}
.shedule_content_left h1{font-size: 2.5rem; font-weight: 700;color: #8954ba;}
.shedule_content_left h4{font-size: 16px; font-weight: 600;}
.shedule_content_left ul{ list-style: none; padding-left: 0; position: relative;}
.shedule_content_left ul li{ float: left; width: 100%; padding-bottom: 9px; padding-left: 20px; font-size: 16px;}
.shedule_content_left ul li::before{ content: ""; background: #333; width: 8px; height: 8px; position: absolute; left: 0; border-radius: 50%;margin-top: 8px;}
.partner_company_logo { float: left; width: 100%;}
.partner_company_logo h2{font-size: 20px; font-weight: 700;color: #8954ba;}
.partner_container { float: left; width: 100%;}
.company_logo { float: left; width: 25.33%;}
.company_logo img{width: 100%;padding: 15px; height: 69px; object-fit: cover;}
.request_demo_form { width: 83%; margin: 0 auto;padding-top:12%;}
.request_demo_header h3{color: #fff;font-weight: 700;letter-spacing: normal; padding-bottom: 30px;}
.request_demo_container input, .request_demo_container select{ border-top: 0px; border-left: 0px;border-right: 0px; border-radius: 0px; box-shadow: none;    height: 41px;font-size: 16px;}
.request_demo_container p{color:#fff; font-size: 16px}
.shedule_a_demo_btn { float: left; width: 100%; margin-top: 20px;}
.shedule_a_demo_btn button{background:#e62da7; color: #fff; padding: 10px 25px; border-radius: 5px; font-size: 16px; border:0px}
.shedule_a_demo_btn button:hover{background:#8954ba; color: #fff; text-decoration: none}
.request_demo_form .shedule_demo_logo{display: none}
.request_demo_container iframe{ height: 480px!important;}
.request_demo_container iframe h1{padding: 0px!important}

@media (min-width:320px)  and  (max-width:720px) {
.request_main_col{display: flex; flex-flow: column; background-color: transparent; height:auto!important}
.swap-col-1{order:2}
.swap-col-1{order:1}
.request_demo_form{width: 96%; padding-top: 6%; padding-bottom: 12%;}
.shedule_content_left {width: 98%;padding-top: 6%;}
.company_logo{width: 33.33%;}
.request_demo_container p{font-size: 12px!important;}
.signup-form.medicomm_form{margin-top: 2%!important;display: block!important; min-height: auto!important; width: 99%;}
.signup-form.medicomm_form .col-lg-6.col-md-6.col-sm-6.medicomm_mobile{float: left; padding-top: 40px;}
.medicomm_container{width: 95%!important; padding-left: 24px!important;min-height: 430px;padding-top: 22px!important;}
.medicomm_mobile .login_right_mobile_bx {  padding-left: 15px!important; padding-right: 15px!important; margin-top: 15px!important; margin-bottom: 4%!important;}
.medicomm_container .logo-center{display: block!important}
.powered_by{margin-bottom: 15px!important;}
.medicomm_mobile .logo-center{display: none}
.powered_logo img {width: 26%!important;}
.unic_tab { margin-top: 20px;}
.ceg_bg{padding: 28px 0px!important; }
  /**naps Page mobile css**/  
.naps_container_grid, .naps_program_flex{ flex-wrap:wrap; }
.client_grid h3 { font-size: 27px!important; line-height: 39px!important;}
.naps_banner h1{width:100%!important;font-size: 26px;text-align: center;}
.naps_content_grid h2{ font-size: 3rem!important;text-align: center; width:100%!important} 
.enquiry_now_btn{text-align: center;}
.naps_side_image{display:none;}
.client_naps_container{flex-wrap: wrap;}
.client_grid{ width: 100%!important;}
.client_grid ul{padding: 0px; margin: 0px}
.naps_calculator input{ width:63% }
.naps_about_company{ background-size:cover; }
.naps_about_content {width: 100% !important; padding: 48px 10px !important; text-align: center;}
.payroll_wrap{row-gap:20px}
.naps_ask_question .panel-group{ padding:10px!important }
.payroll-grid{ width: 100%!important; margin-bottom: 0px!important; margin: 0!important;}
.canidate_verification, .naps_why_wrap .naps_why-grid{width: 100%!important;margin: 0px 0px 0px 0px!important;}
.naps_app_link, .app_button a{flex-wrap: wrap;}
.naps_verification_wrap, .naps_why_wrap{row-gap: 20px;}
.app_button{width: 85%;}
.third-party_payroll, .naps_why, .naps_download_app{ margin-top:30px }
.naps_calc_wrap, .naps_show_total ul{flex-wrap: wrap; padding: 0; margin-top: 10px;}
.naps_show_total, .naps_show_total ul li{width:100%!important}
.naps_show_total ul{row-gap:15px}
.naps_show_total ul li{text-align: center;}
.naps_content_grid{width:100%!important}
.banner_form { width: 100%!important;}
    .form_two { width: 100%!important;}
}

@media (min-width:980px)  and  (max-width:1024px) {
ul.nav.navbar-nav.navbar-right.navbar-r{ width: 78%;}
.header-section .navbar-inverse .navbar-nav>li>a{font-size: 12px;padding: 5px 4px !important;line-height: 21px!important;}
ul.navbar-r li.header_button.header_button_left { padding-left: 0!important;}
.header_button { padding-right: 6px!important;}
}
@media (min-width:1100px)  and  (max-width:1279px) {
.header_button.header_margin-left { margin-left: 5px;}
	.navbar-r .header_button { padding-right: 14px!important;}
	.beconfident_box.beconfident_box-sign:first-child { top: 7%;}
	.beconfident_box.beconfident_box-sign:nth-child(3) {top: 68%;}
	.beconfident_box.beconfident_box-sign:nth-child(4) {top: 59%;}
}
@media (min-width:1280px)  and  (max-width:1400px) {
	.request_demo_form{padding-top: 4%;}
	.request_demo_container iframe { height: 480px!important;}
	.social-icon{ margin-right:0px;margin-left: 9px;}
	.navbar-r .header_button { padding-right: 14px!important;}
	.header_button.header_margin-left { margin-left: 5px;}
}


/** madcomm login page css**/
.medicomm_container .logo-center{display: none}
.signup-form.medicomm_form { -webkit-box-shadow: 0px 0px 18px 0px rgb(171 164 171); -moz-box-shadow: 0px 0px 18px 0px rgba(171,164,171,1); box-shadow: 0px 0px 18px 0px rgb(171 164 171);  margin-top: 7%;    display: flex;    padding-bottom: 0; min-height: 420px;}
.medicomm_container { float: left; width: 83%; padding-left: 69px; padding-top: 71px; }
.col-lg-6.col-md-6.col-sm-6.medicomm_mobile{  justify-content: stretch; background: #57c9bf;}
.medicomm_mobile .login_right_mobile_bx{padding-left:40px;padding-right: 40px;}
.medicomm_mobile .login_right_mobile_bx p{color: #fff!important; font-weight: 400; line-height: 25px;}
.powered_by { float: left; width: 100%;  text-align: center; margin-top:9px;}
.powered_by h4{font-weight: 700; color: #c14998; margin-top: 0px}
.powered_logo img { width: 20%;}
.intro_img {float: left;width: 100%;text-align: center;    margin-top: 9%;}
.login_user h1{font-size: 28px;color: #1d2124;font-weight: 800; padding-bottom: 20px;float: left;width: 100%;}
.combined_box h2 {font-size: 18px; font-weight: 700; text-align: center; color:#c14998; line-height: 40px;}
.combined_box p{ font-size:16px; text-align:center}
.combined_box h4{font-weight: 600;text-align: center;padding-top: 15px;float: left;width: 100%;}
.form-control.border_less_input {border-top: 0; border-left: 0; border-right: 0;box-shadow: none; background-color: transparent; text-indent: 10px; border-color: #ccc; border-radius: 0;}
.form-control.border_less_input:focus{box-shadow:none!important}
.company_login_icon { position: absolute; top: 7px; left:16px;}
.toggle-password-signup { position: absolute; right: 30px; top: 10px;}
.unic_tab { float: left; width: 100%;background: #f1f1f1;margin-bottom: 4%;}
.coding_tab{ overflow: auto; white-space: nowrap; float: left; width: 100%;}
.coding_tab ul{ display: flex; list-style: none; margin-bottom: 0px;padding-left: 0;}
.coding_tab ul li { display: inline-block;  text-align: center; padding: 9px 14px; text-decoration: none; border-right: solid 1px #ccc;}
.coding_tab ul li.active{ background-color: #8954ba;}
.coding_tab ul li.active a{color:#fff!important}
.coding_tab ul li a{color:#333; text-decoration: none}
.ceg_bg { float: left; width: 100%; padding: 133px 0px;}
.ceg_bg p{font-size: 20px;}

/**NAPS Page css here**/
.naps_banner{ background:#f6fafd; float:left; width:100% }
.naps_container_grid { display: flex; justify-content: space-between;}
.naps_banner h1{font-weight: 700;
    color: #000;
    width: 95%;
    font-size: 23px;line-height: 33px;}
.naps_content_grid h2{     font-size: 4rem;
    width: 95%;
    font-weight: 800;
    color: #1332c7;
    line-height: 48px;} 
.naps_content_grid {float: left; margin-top: 11%; margin-bottom: 10%;    width: 62%;}
.banner_form {
      width: 37%;
    float: left;
    background:#5f74e8;
    padding: 0px 20px;
}
.form_two_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}
.form_two {
    width: 49%;
}
.banner_form h3 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #fff;
    padding-top: 20px;
}
.form_two .form-control{    height: 42px;}
.enquiry_now_btn {float: left;width: 100%;margin-top: 20px;}
.btn_enquiry {background: #FF9800;border-radius: 5px;padding: 10px 25px;font-size: 18px;color: #fff; text-decoration: none;}
.btn_enquiry:hover{text-decoration:none; color:#fff}
.naps_side_image {margin-top: 10px;}
.naps_client {float: left;width: 100%;}
.client_naps_container {float: left;width: 100%;display: flex;}
.client_grid {float: left;width: 50%;}
.client_grid h3 {font-size: 35px;font-weight: 700;line-height: 49px;}
.client_grid:first-child{padding-top: 20px}
.client_grid .SlickCarousel1 .slick-list{padding-top: 20px}
.client_grid .SlickCarousel1 .slick-list .slick-slide img{ width:100%; height:80px; object-fit:contain; border:solid 1px #ddd;  padding: 8px;}
.naps-heading h2{font-weight:600;padding-bottom: 0;}
.naps_ul ul{ list-style: disc outside;padding-left: 15px;}
.naps-heading p {font-size: 16px;}
.naps_calculator input {border-bottom-left-radius: 50px;border: solid 1px #ddd;padding: 12px 30px;border-top-left-radius: 50px;font-size: 18px;}
.naps_calculator button {background: #333;padding: 11px 25px;color: #fff;font-size: 18px;margin-left: -10px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.naps_about_company {float: left;width: 100%;margin: 30px 0px;background: url(/assets/images/naps_bg.jpg) no-repeat top center;}
.naps_about_content {float: right;
    width: 52%;
    background-color: rgb(51 51 51 / 80%);
    padding: 70px 25px;}
.naps_about_content h2{ color:#fff; padding-bottom:15px; font-weight: 700;}
.naps_about_content p{ font-size:18px; color:#fff;  }
.naps_program {float: left;width: 100%; margin-bottom: 40px;}
.naps_program h3{ font-weight:600; padding-bottom: 30px; }
.naps_program_grid {padding: 25px 40px;border-radius: 20px;}
.naps_program_flex {display: flex;justify-content: space-around;gap: 20px;}
.naps_program_grid p{ font-size:16px; font-weight:600 }
.hide_naps_calculator {float: left;width: 100%;margin-top: 20px;}
.payroll-grid{box-shadow:1px 6px 10px 0px rgb(206 198 198 / 24%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin: 32px 16px 0px 0px;padding: 32px 32px 32px 32px;width: 31%;margin-bottom: 0px;border-radius: 5px;min-height: 188px;}
.payroll-grid p{font-size:16px}
.payroll_wrap {display: flex;justify-content: space-between;float: left;width: 100%;flex-wrap: wrap;}
.third-party_payroll, .naps_why {float: left;width: 100%;}
.payroll-grid h3{font-weight: 700;font-size: 18px;}
.naps_verification {float: left;width: 100%; margin-bottom: 40px;}
.naps_verification_wrap, .naps_why_wrap {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.canidate_verification{ box-shadow: 0px 24px 80px -24px rgba(0, 0, 0, 0.24);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin: 0px 16px 0px 0px;padding: 0px 32px 32px 32px;width: 48%;margin-bottom: 49px;border-radius: 5px;}
.canidate_verification h3{font-weight: 700;font-size: 16px;float: left;width: 100%;text-align: center;}
.canidate_verification ul {list-style: none;padding: 0; margin: 0;}
.canidate_verification ul li{ padding-bottom:15px; margin: 0; font-size:16px;}
.naps_why_wrap .naps_why-grid{width:31%}
.naps_why_wrap .canidate_verification ul li{list-style: disc;}
.naps_download_app_wrap h2{color:#fff; font-weight: 600}
.naps_download_app_wrap p{color:#fff;}
.naps_download_app {float: left;width: 100%;background: #3F51B5;padding: 80px 0px;}
.naps-heading {padding-bottom: 36px;}
.naps_app_link, .app_button a{ float:left; width:100%; display:flex; justify-content:center; gap: 15px; }
.app_button {background: #333;padding: 10px 30px;border-radius: 10px;}
.app_store_icon {width:36px;float: left;}
.naps-icon {margin-top:30px;float: left;width: 100%;text-align: center;}
.nap_download {float: left;width: 100%;text-align: center;padding-top: 15px;padding-bottom: 15px;}
.nap_download a {background: #333;padding: 10px 20px;color: #fff;border-radius: 5px;}
.nap_download a:hover{ color:#fff; text-decoration:none; }
.naps-icon img{width:80px}
.app_button a{color:#fff; text-decoration: none;}
.app_button a:hover{color:#fff}
.app_store_icon img{width:100%}
.app_content {padding-left: 8px;float: left;}
.naps_ask_question {float: left;width: 100%;margin-top: 40px;margin-bottom: 40px;}
.app_content h6{margin: 0px;font-size: 23px;font-weight: 600;}
.naps_download_app_wrap{float:left; width:100%; padding-bottom: 20px}
.naps_why_wrap .canidate_verification ul{padding-left: 14px;}
.naps_form_container {float: left;width: 100%;background: #fff;margin-top:0%;margin-bottom: 10%;border-radius: 10px;padding: 15px 30px;box-shadow: 0px 24px 80px -24px rgba(0, 0, 0, 0.24);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.naps_ask_container { float:left; width:100%; }
.naps_ask_container h3{font-size:30px; font-weight: 600}
.naps_calc_wrap {display: flex;justify-content: space-between;float: left;width: 100%;}
.naps_show_total {float: right;width: 60%;}
.naps_show_total ul {list-style: none;display: flex;justify-content: space-between;}
.naps_show_total ul li {padding: 16px 25px;border-radius: 2px;color: #000;}