@charset "utf-8";
/* CSS Document */
body {font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;font-size: 16px;}
.header-top {background: transparent;padding: 5px 0;border-bottom: 1px solid #facc75;}
.header-links li { float:left;}
.header-links li a { color:#61c8d7; font-size:16px;padding-top: 10px;padding-bottom: 10px;}
.header-links li a:hover { background: transparent; color: #facc75;}
.border-left { border-left:1px solid #ddd;}
.border-right { border-right:1px solid #ddd;}
.header-default { margin: 0px 0px 20px;font-size: 20px;}
.menu {background: #f2aa47;}
.main, .clients {padding: 30px 0px;}
.demo {    
    background-image: linear-gradient(to right, #56a9b6 0, #61c8d7 51%, #56a9b6 100%)!important;
    background-size: 200%;
    border:2px solid transparent !important;
    transition: all 0.5s;
    color: #ffff !important;
    border-radius: 30px !important;
}
.demo_1{
    background: #facc75;
}
.middle-header{
    padding: 5px 0 -1px;
}
.h-link{
    color: #006b7a !important;
    font-weight: 700;

}

.demo:hover { color: #facc75 !important; background:#fff !important;border: 2px solid #facc75 !important;}

.bd-tab{box-shadow: 0 0 10px #facc75;padding: 20px !important;border-radius: 10px;}
.demo-1 {padding: 8px 8px;border-radius: 3px;}
.demo-1:hover {text-decoration:none;}
.main .list-group-item.active, .main .panel-primary > .panel-heading {background-image: linear-gradient(to bottom, #3775DD 0px, #2A67CE 100%);border-color: #3775DD;}
.logo {width: 200px;height: 120px;}
.logo img { width:100%;}
.header ul li a {padding: 12px 9px;font-weight: 600;}
.margin { margin-left:-5px; margin-right:-5px;}
.padding { padding-left:5px; padding-right:5px;}
.circle {float: left;width: 70px;height: 70px;border: 2px solid #3775DD;border-radius: 50%;text-align: center;line-height: 70px; cursor:pointer;}
.circle .fa { font-size:30px;}
.service-name { display:block; padding:10px 0px; color:#333; font-weight:600;text-transform: uppercase;font-size: 17px;}
.omr-bg { background:#fff; padding:40px 0px;}
.omr-sheet { color:#333; display:block; text-align:center; font-weight:600; padding:10px 0px;}
.omr { margin-bottom:10px;}
.omr img {height: 208px;width: 100%;border: 1px solid #FFF;border-radius: 5px;overflow: hidden;box-shadow: 2px 2px 3px #333;}
.omr-sheet-1 {color: #333;display:block;text-align:center;font-weight:600;padding:10px 0px;font-size:13px;}
.clients { background:#facc75;}
.review {padding-bottom: 50px;}
.tsm {    
    background: lightblue;
    padding: 20px;
    box-shadow: inset 1px 1px 7px #eceae6;
    border-radius: 10px;
}
.nav-link.demo{
    color: #111 !important;
}
.nav-link.demo:hover{
    background: #facc75 !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    border-radius: 10px;
}
.news-icon {float: left;z-index: 999;background: #61c8d7;padding: 10px 16px;color: #111;font-weight: 600;border-radius: 15px 0 15px 0;}
.news p {margin-bottom: 0;line-height:41px; color:#111; font-size:17px; font-weight:600; }
.news p span { margin-left:50px;}
.clients-logo {
    border-radius: 4px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 10px 10px 10px #00000038, -10px -10px 10px #0000000d;
    margin: 10px;
}
.news{
    background: #f2aa47;
    /* margin-top: 10px; */
}
.offcanvas{
    overflow: scroll;
}
.offcanvas #cssmenu ul {
    display: block !important;
}
.panel-body strong a{
    color: #111;
    font-size: 15px;
}
.clients-logo img {
    width: 100%;
    height: 110px;
}
ul.scanner { list-style:none;padding-left: 0px;}
ul.scanner li {}
.scanner-des { margin-bottom:0px;}
.scanner-type { font-weight:600; font-size:18px;}
.scanner-pad { padding-left:0px; padding-right:0px;}
.footer-top { background:#61c8d7;  padding:50px 0px 30px 0px;}
.footer-top a { color:#fff;}
.footer-top .fa { font-size:30px;}
.footer-top h4 { font-weight:600;}
.tsm-content {padding: 30px 20px 30px 0px;}
.footer-link a {display: block;float: left;padding: 0px 10px;color: #fff; font-weight: 500;}
.footer-bottom { background:#61c8d7!important; border-top:1px solid #2a333f;}
.footer-bottom p {margin-bottom: 0px;}
.footer-bottom a { color:#fff;padding: 0px 10px;}
.footer-bottom a:hover { color:#3775DD}
.line { width:100%; height:1px; background:#000000; float:left;}
.line-1 {border-left: 1px solid #000000;}
.clients h5, .main h5 { line-height:25px;font-weight: 500;font-size: 16px;}
.clients { padding-bottom:30px; margin-bottom: 50px;}
.services p {font-size: 16px;line-height: 20px;}
.list-group-item, p{
    font-size: 16px;
}
.footer-link{
    /* display: flex; */
    /* justify-content: center; */
    margin: 0;
    /* column-gap: 10px; */
}
.footer-bottom i{
    color: #111;
}
.footer_img{
    padding: 10px;
    border-radius: 10px;
}
.footer-ar a{
    color: #111;
}
a{
    text-decoration: none !important;
}
.services:hover .circle { background:#3775DD; color:#fff;}
.omr:hover .omr-sheet,.services:hover .service-name { color:#3775DD;}

.demo2{
    font-weight: 500;
    color: #fff !important;
    background: #f2aa47 ;
    font-size: 15px !important;
    padding: 5px 25px !important;
    animation: blink 1s linear infinite;
}
.heig_img{
    width: 100%;
}
@keyframes blink {
    0% {
        background: #ffd935 ;
    }
    50% {
        background: #584b0f ;
    }
    100% {
        background: #ffd935 ;
    }
}
.mob-view_banner{
    display: none;
}
.content_div{
    position: absolute;
    top: 20px;
    left: 10px;
}
.content_div h1{
    font-size: 23px;
    font-family: math;
    word-spacing: 3px;
    font-weight: 600;
}
.list_data{
    width: 46%;
}
.list_data li{
    font-size: 12px;
    font-weight: 600;
}
.clr{
    color: #ed8220;
    text-shadow: 2px 1px #fff;
}
.banner_txt{
    position: absolute;
    top: 6px;
    left: 60px;
}
.banner_txt h1{
    font-size: 60px;
    /* font-family: math; */
    word-spacing: 3px;
    font-weight: bolder;
    width: 65%;
}
.banner_list_data{
    font-size: 20px;
    font-weight: 600;
}
/*free demo*/
/*feedback_form_area*/
        .blog-carousel1 p.m-b0 {
            height: 125px;
            overflow: hidden;
        }
    .feedback-form {
        position:fixed;
        top:22%;
        /* left:0; */
        right: 0;
        z-index:99999;
        min-height:450px;
    }
    .feed-btn{
        color: #fff!important;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .feedback-form-show{
        left:0 !important;
    }
    .feedback_form_area{
        position:relative;
        display:none;
        overflow: hidden;
        background:#000;
    }   
    .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 4rem !important;
        height: 4rem !important;
        background: #facc75;
        border-radius: 5px;
        padding: 11px;
    }
    .carousel-control-next, .carousel-control-next, .carousel-control-prev, .carousel-control-prev{
        opacity: 0.2 !important;
    }
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
       opacity: 1 !important;
    }
    iframe[title="chat widget"]{
        z-index: -11111 !important;
    }
    .carousel-indicators{
        margin-left: 21% !important;
    }
    .feedback_form_area_inner{
        width:350px;
        min-height:450px;
        color:#fff;
        padding:20px;
    }
    .feedback_form_area h3{
        margin-top:0;
    }
    .btn_how{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 89px;
        margin: auto;
    }
    .feedback-form-btn{
        position: absolute;
        left:-83px;
        color: #fff;
        transform: rotate(90deg);
        top: 40%;
        border-radius:0!important;
        white-space: nowrap;
    }
    .services-card{
        box-shadow: 0 0 7px #61c8d7;
        margin: 5px;
        padding: 10px 10px 15px;
        border-radius: 20px;
        position: relative;
        background: #61c8d7;
    }
    .icon-div{
        margin-top: -49px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon_f{
        position: fixed;
        right: 0px;
        background: #f2aa47;
        width: 42px;
        bottom: 152px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        z-index: 999;
        animation: blink 0.6s linear infinite;
    }
    .icon-div_1 span{
        font-size: 45px;
    background: #fff;
    padding: 18px;
    border-radius: 50%;
    color: #facc75 !important;
    text-shadow: 2px 2px 3px #61c8d7;
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px #61c8d7;
    margin: auto;
    }
    .icon_f i{
        font-size: 18px;
        color: #fff;
    }
    .col-md-7.col-xs-7 .header-links .nav.pull-left a{
        color: #006b7a !important;
        font-weight: 600;
    }
    .i_top{
        bottom: 205px;
    }
    .hom_h{
        bottom: 86px;
    }
    .hom_h2{
        bottom: 153px;
    }
    .icon-div i{
        font-size: 45px;
        background: #fff;
        padding: 18px;
        border-radius: 50%;
        color:#facc75;
        text-shadow: 2px 2px 3px #61c8d7;
        width: 85px;
        height: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 10px #61c8d7;
    }
    .services_title{
        padding: 8px 0;
    }
    .read_more_btn a{
        font-size: 17px;
        color: #111;
        font-weight: 500;
    }
    .read_more_btn a:hover{
        color: #fff;
    }
    .services-card:hover{
        box-shadow: 0 0 7px #facc75;
        background: #facc75;
    }
    .services-card:hover .icon_i{
        color: #61c8d7;
        text-shadow: 2px 2px 3px #facc75;
        box-shadow: 0 0 10px #facc75;
    }
    .our-services .row{
        row-gap: 50px;
        justify-content: center;
    }
    .custom-h2{
        font-size: 35px;
    }
    .div-line{
        width: 220px;
        height: 4px;
        background:#facc75;
        margin: auto;
    }
    .custom-h3{
        font-size: 24px;
    }
    .panel-primary{
        border-color: #61c8d7 !important;
    }
    .panel-primary>.panel-heading{
        background: #61c8d7 !important;
    }
    .panel{
        box-shadow: 0 0px 4px rgb(97 200 215) !important;
    }
    .tab_position{
        position: sticky;
        top: 120px !important;
    }
    .list-group-item.demo.text-center{
        color: #111 !important;
        font-weight: 500;
    }
    .list-group-item.demo.text-center:hover{
        background: #facc75 !important;
    }
    .listing{
        font-size: 16px !important;
    }
    .custom-bg{
        background: #61c8d7 !important;
        text-align: center;
        padding: 14px 0 !important;
        font-size: 25px;
    }
    .inner-div .table tr th{
        font-size: 18px;
    }
    .inner-div .table tr td, .scanner li{
        font-size: 16px;
    }
    .input-group-addon {
        padding: 6px 19px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #000000;
        text-align: center;
        background-color: #facc75;
        border: 1px solid #facc75;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .form-control{
        font-size: 15px !important;
    }
    .list-group-item.active{
        text-shadow: none !important;
        border: 0 !important;
    }
	@media only screen and (max-width: 768px) {
		.feedback_form_area_inner{
		width:312px;
	}
    .logo {height: auto !important;}
	.demo{
		margin-bottom: 0.5rem;
	}
    .b-sm{
        background: #5ec0ce;
        width: 50px;
        border-radius: 10px;
        
    }
    .b-sm a{
        color: #fff !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .header-links{
        padding: 5px 0;
    }
    .mob_pull{
        float: none !important;
        justify-content: space-between;
    }
    .mob-view{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-link{
        flex-wrap: wrap;
    }
    .text-sm-center{
        text-align: center !important;
    }
    .custom-h2{
        font-size: 25px;
    }
    .custom-h3{
        font-size: 18px;
    }
    .list-group-item, p{
        font-size: 15px;
    }
    .div-line {
        width: 149px;
        height: 2px;
        background: #facc75;
        margin: auto;
    }
    .nbs-flexisel-item{
        width: 205px !important;
    }
    .tsm{
        text-align: center;
    }
    .main.omr-bg .row.margin{
        flex-direction: column-reverse;
    }
    .inner-div{
        margin-bottom: 30px;
    }
	}

    @media only screen and (max-width: 320px) {
        .feedback_form_area_inner{
            width:260px;
            min-height:450px;
            color:#fff;
            padding:15px;
        }
    }
    .feedback_form_area .input-group {
        margin-bottom: 10px;
    }

    .input-group {
        position: relative;
        /* display: flex; */
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }
    .btn {
        padding: 12px 35px;
        display: inline-block;
        font-weight: 500;
    }
  .btn-primary:active:focus{
        outline:none;
        outline-offset:0;
    }
    .navbar{
        margin-bottom:0;
    }
    .border-0 {
        border: 0 !important;
    }
    .php-email-form .form-control{
        padding: 10px 20px;
        height: 45px;
        border-top-right-radius: 20px!important;
        border-bottom-right-radius: 20px!important; 
        border-top-left-radius: 20px!important;
        border-bottom-left-radius: 20px!important;
        background: transparent;
        border-color: #66afe9;
        border: 2px solid #66afe9;
        color: #fff;
    }
    .feedback_form_area_inner .form-control::placeholder {
        color: #fff;
        opacity: 1;
        font-weight:bold;
    }
    .feedback_form_area_inner h4{
        margin-bottom: 18px;
        font-size: 24px;
    }
    #no_Of_Candidates{
        height: 60px;
    }
    .list-inline {
       list-style: disc;
    }
    .accordion-button, .accordion-item:first-of-type .accordion-button{
        font-size: 1.7rem !important;
        box-shadow: 0 0 10px lightblue;
    background: no-repeat !important;
    
    }
    .accordion{
        --bs-accordion-border-width: 0 !important;
    }
    .accordion-item{
        margin-bottom: 20px;
    }
.accordion-body{
    box-shadow: 0 0 10px lightblue;
}

@media only screen and (max-width: 1380px) and (min-width: 1252px) {
    .icon_f{
        width: 39px;
        height: 39px;
        bottom: 40px;
    }
    .i_top {
        bottom: 90px;
    }
    .dev_s{
        display: none;
    }
}
@media only screen and (max-width: 1250px) {
    .icon_f{
        width: 39px;
        height: 39px;
        bottom: 40px;
    }
    .i_top {
        bottom: 90px;
    }
    .dev_s{
        display: none;
    }
    .sm-scr{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .icon_f{
        width: 39px;
        height: 39px;
        bottom: 101px;
    }
    .icon_f i{
        font-size: 20px;
    }
    .i_top{
        bottom: 55px
    }
    .hom_h2{
        bottom: 130px;
    }
    
    .hom_h{
        bottom: 85px;
    }
    .tawk-min-container .tawk-button-circle.tawk-button-large{
        width: 40px;
        height: 40px;
    }
    .row.margin{
        flex-direction: column-reverse;
    }
}
    @media only screen and (max-width: 450px) {
        .mob_view_sl{
            display: none;
        }
        .custom-h3{
            font-weight: 700;
        }
        .mob-view_banner{
            display: block;
        }
        .banner_list_data{
            width: 76%;
        }
        .banner_list_data li{
            font-size: 13px;
        }
        .content_div{
            top: 10px;
        }
    }