body{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;}

a:hover, a{text-decoration: none;}

.header{padding: 0px 0px 0px;  
     z-index: 9; transition: all linear 0.5s;
   /* background-image: linear-gradient(to bottom, #2ba8dd 50%, white);*/}

.index-header{position:absolute; height: 100%;}

.sticky{background:#424141; padding: 20px 0px; border: none;}

.home-image img{width: 100%; float: left;}

#home-slide-one{width: 100%; margin: 0px; padding:0px 0px 0px; float: left; position: absolute; left: 0;bottom: 0}

.slide-cl{padding-right: 0px;}

.logo-dv{margin:18px 0px 0px;}

.logo-dv img{max-width: 100%; float: left;}

.top-header{margin: 0px; padding: 0px;}

.social-header{width: 25%; text-align: right;}

.social-header ul{margin: 0px; padding: 0px; list-style: none;}

.social-header ul li{margin:0px 0px 0px 15px; padding: 0px; display: inline-block;}

.social-header ul li a{color: #fff; font-size: 17px; transition: all linear 0.5s;}

.social-header ul li a:hover{color: #303063}

.menu-dvs{margin:5px 0px 0px;}

.home-new-slide{position: relative;}

.about-experience {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 28px; position: relative;
}

.about-experience h3{
    font-weight: 700;
    color:#2ba8dd;
    font-size: 100px;
    padding-right: 15px;
    position: relative;
    padding-left: 45px;
}

.about-experience h3::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid #2ba8dd;
    border-right: 30px solid transparent;
    left: 0px;
    top: 23px;
}

.about-experience span {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
}

.slide-right-img img{width: 100%; float: left;}

.home-new-slide .col-lg-7{padding-right: 0px;}

.browse-jb-sctn a {
    padding: 8px 25px;  margin:25px auto 0px; background: #4bb348; display: inline-block; transition: all linear 0.5s;
    color: #fff; font-size: 14px; text-align: center; text-transform: uppercase;  border-radius: 5px;
}

.browse-jb-sctn a:hover{background:#fe9703;}

.servc-txt h3{margin:0px; padding: 0px; font-weight:500; color:#fff; font-size:25px;
text-transform: uppercase;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;}

.servc-slides-one:hover .servc-txt h3{-webkit-transform: scale(1.5);
transform: scale(1.5); opacity: 1;transform: scale(2) rotate(10deg);
}


.servc-slides-one:hover .servc-icns img{-webkit-transform: scale(2) rotate(10deg);
transform: scale(2) rotate(10deg);
opacity: 0.5;}



.search-jb{margin: 0px 0px 0px;}

.search-jb .srch-input{
    width: 100%;
    float: left;
    padding: 5px 15px;
    box-shadow: none;
    border: none;
    height: 55px;
    border: 1px solid #cecece;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
}

.search-jb form{width: 100%; float: left;}

.sbmt-jb{float: left; padding: 5px 35px; box-shadow: none; border:none;  border-radius:0px 10px 10px 0px;
height:55px; border:none; font-size: 14px; background:#005284 ; color: #fff;
  transition: all linear 0.5s; position: absolute; right: 0; top: 0}

.sbmt-jb:hover{background:#069cc2;}

.search-jb select:focus, .search-jb input:focus{ outline: none;}


.chkdv{padding-right:0px; margin-left: 0px;}

.chkdv input{border: none; padding: 0px; float: left;}

.chkdv  label:before{float: left; margin-top: -2px;}

.chkdv  label:after{top: .15rem;}

.frgt{margin:7px 0px 0px; float: right; color: #4bb348; font-size: 14px;}

.frgt:hover{color: #fe9703;}

.login-btn {
    padding: 12px 25px;  margin: 25px auto 0px; background: #4bb348; display: block;
    transition: all linear 0.5s; color: #fff; font-size: 16px; text-align: center;
    text-transform: uppercase; border-radius: 5px; border: none;  width: 100%;
}

.login-btn:hover, .login-btn:active, .login-lbls input:hover, .login-lbls input:active{outline: none;}

.rgst-txt{margin: 0px; padding: 0px; font-size: 14px; text-align: center;margin-top:25px; display: block;}

.rgst-txt a{font-weight: 600; color: #fe9703; }

.login-main-head h2{ 
    color: #4e4e4e; margin:0px 0px 40px; padding: 0px; font-weight: 700; font-size:30px; text-transform: uppercase;
}

.login-main-head h2:after {
    width: 100px; height: 2px; background: #4bb348; content: "";  display: block;
    margin: 15px 0px 0px;
}

.lgn-pra:first-child .login-form {padding-right: 55px; border-right: 1px solid #cecece;}

.lgn-pra:last-child .login-form {padding-left: 25px; }

.top-info{padding: 8px 0px 8px; background: #001876}

.top-info ul{margin: 0px; padding: 0px; list-style: none;}

.top-info ul li{display: inline-block; margin: 0px 20px 0px 0px;
font-size: 13px; color: #fff;}

.top-info ul li:last-child{margin: 0px;}

.top-info ul li i{color:#9ea6c6; margin-right: 5px;}

.header-top{padding-top: 5px;}

.blog-main-img img{    max-width: 100%;  margin: 0px auto;  object-fit: contain;
}

.blog-main-img{overflow: hidden; border: 1px solid #c3ccd9; padding: 0px; border-radius: 10px; text-align: center;
padding:10px; background: #fff; width: 174px; margin-right: 20px;}

.blog-detail h2{margin:0px 0px 5px; padding: 0px; color: #4e4e4e; font-size: 14px;}

.blog-detail p{margin: 0px; padding: 0px; font-size: 12px; color:#949494; line-height: 25px;}

.blog-main-bxes{
    margin-top: 0px;
    padding: 15px 15px;
    border-radius: 0px; display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #cecece;
}

.blog-main-bxes.active{background: #f8f9ff;}

.services-section{padding: 40px 0px;}

.add-dv{margin-top: 30px;}

.add-dv img{width: 100%; float: left;}

.skillmaps-nav-text {
    margin-top: 30px;
    margin-bottom: 20px;
}

.skillmaps-nav-text ul#tab-links {
    list-style-type: none;
    padding: 12px 10px 5px;
    border-radius: 50px;
    text-align: center;
    width: auto;
    margin: 0px auto;background: #eef6f8;
    display: inline-block;
    position: relative;
}

.skillmaps-nav-text ul#tab-links li {
    display: inline-block;
    padding: 10px 25px;
    position: relative;
    border-radius: 25px;
}

.skillmaps-nav-text ul#tab-links li a {
    display: block;
    text-decoration: none;
    transition: all .2s ease-in-out;
    cursor: pointer;
    color: #2C2C2C;
    float: left;
    width: 100%;
    font-weight: 600;
}

.skillmaps-nav-text ul#tab-links li.active a {
    color: #fff;
}

.skillmaps-nav-text ul#tab-links li.active, .skillmaps-nav-text ul#tab-links li:hover {
    background: #005284;
    color: #fff;
}

 .skillmaps-nav-text ul#tab-links li:hover a{color: #fff;}

.services-section section {
    display: none;
}

.services-section section.active {
    display: block;
    position: relative;
    z-index: 1;
}


.search-hd h2{margin: 0px; padding: 0px; font-weight: 600; margin-bottom: 20px;}


.icon-foot {
    width: 70px;
    height: 70px;
    background: #fff;
    text-align: center;
    margin: 0px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    float: left;
}

.icon-foot i {
    color: #164c91;
    font-size: 30px;
    line-height: 70px;
}

.cont-info {
    text-align: center;
    text-align: left;
}

.cont-info h6 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.cont-info h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.cont-info {width: 70%;}

footer{width: 100%; float: left; margin:30px 0px 0px; padding: 80px 0px 20px; background: #00285b;}

.copytext{color: #fff; font-size: 13px; margin-top: 30px; border-top: 1px solid #6c6f71; padding-top: 20px}

.footdtls{display: flex;}

.detl-dv p{font-size: 15px; font-weight: 500; line-height: 25px; font-weight: 400; margin: 0px 0px 20px 0px}

.detl-dv h5{margin:0px 0px 25px; font-size:18px;}

.detl-dv ul{margin: 0px 0px 25px; padding: 0px 0px 0px 20px; list-style: none;}

.detl-dv ul li{display: block; font-size: 15px;line-height: 25px; font-weight: 400;
margin: 3px 0px 0px; position: relative; padding-left: 15px;}

.detl-dv ul li:before{width: 5px; height: 5px; display: inline-block; background: #949494; content: "";
border-radius: 50%; position: absolute; left: 0; top: 10px;}

.detl-logo{text-align: center;}

.detl-logo img{width: 340px; max-width: 100%;}

.detls-image{margin: 20px 0px 70px;}

.detls-image img{width: 100%;}

.detls-image h5{margin:25px 0px 25px; font-size:18px;}

.detls-image h2{margin: 0px; padding: 0px; font-size: 28px;}

.detl-btn{margin-top: 20px;}

.detl-btn a{padding: 10px 60px; margin: 0px; background: #000; color: #fff; font-size: 15px; 
border-radius: 5px;}

.detl-btn a.bck-btn{background-color: #005284;}

.right-dtl{border-left: 1px solid #cecece; padding-left: 40px;}

.right-dtl .detl-btn a{padding: 10px 30px; display: block;}

.right-dtl .detl-btn a.bck-btn{ margin-bottom:10px;}

.rightinner h5{margin:0px 0px 10px; font-size:18px; border-bottom: 1px solid #cecece; padding-bottom: 10px;
color: #005284;}

.socialicns ul{margin:0px 0px 0px; padding: 0px; list-style: none;}

.socialicns ul li{display: inline-block;}

.socialicns ul li a i{display: inline-block; padding: 0px; color: #fff; background: #cecece;
width:35px; height:35px; line-height: 35px; border-radius: 5px; text-align: center;}

.rightinner{margin-top:30px;}

.socialicns ul li a .fa-facebook{background: #336699;}

.socialicns ul li a .fa-twitter{background: #00acec;}

.socialicns ul li a .fa-linkedin{background: #0877b5;}

.rightinner p{font-size: 15px; font-weight: 500; line-height: 25px; font-weight: 400; margin: 0px;}

.categories ul{margin: 0px; padding: 0px; list-style:none;}

.categories ul li {float: left; margin-right: 20px; margin-bottom: 15px; }

.categories ul li a{background: #cecece; font-size: 14px; color: #000; padding: 5px 15px; margin: 0px;border-radius: 5px;}

.contact-right ul{margin:0px 0px 0px; padding: 10px 0px 0px; list-style: none; border-bottom: 1px dashed #cecece;}

.contact-right ul li{display:block; font-size: 15px; font-weight: 400; margin-bottom:5px;}

.contact-right ul li span{color: #005284; font-weight: 500;}

.linkdv p a{word-break: break-all;}

.leftsrch{ position: -webkit-sticky;
    position: sticky;
    top: 0;}

.tabmenus  {
   /* min-height: calc(100vh - 60px);
    height: calc(100vh - 60px);*/
    overflow-y: scroll; overflow-x: hidden;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0; padding-bottom: 40px;
}

.search-section{  background: #e4eff7;  padding: 20px 0px;}

.owl-nav{width: 100%; display: flex; justify-content: flex-end; margin-top: 20px;}

.owl-nav button{background: #eef6f8 !important; width: 35px; height: 35px;border-radius: 50%; text-align: center;
margin: 0px 5px; padding: 5px; line-height: 35px;}

.owl-item.active .blog-main-bxes {
    background: #f8f9ff;
}

.owl-item .blog-main-bxes {
     border-bottom: none;
}

/**css-end**/

/**menu-css-start**/

div#overlay {
    display: none
}

a#toggle {
    position: relative;
    text-align: center;
    color: #cbd5ff; margin-top: 8px;
    display: none;
    float: right; outline: none;
    margin-right: 10px;
    z-index: 99;
    transition: all ease-out .3s
}

a#toggle i {
    font-size: 30px
}

#menu .fa-plus {
    display: none
}

a#toggle i {
    position: relative;
}

.open-menu a#toggle i {
    color: #fff
}

main#content {
    padding: 10px
}

#menu {
    text-align: left;
    transition: all ease-out .3s
}

#menu a {
    color: #000;
    text-decoration: none
}

#menu ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

#menu ul li {
    display: inline-block;
    position: relative
}

#menu ul li>a{
    display: inline-block;
    padding: 15px 15px;
    font-size: 14px;
    margin: 0px; text-transform: uppercase;
    color: #fff;
    border-radius: 35px; font-weight: 600;
    transition: all linear 0.5s;
}


#menu ul li>a>i {
    margin-right: 15px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .1s
}

#menu ul li ul {
    display: none;
    position: absolute;
    top:49px;
    width: 180px;
    background:#fff;
    text-align: left;
    z-index: 3; padding: 3px 0px;
}

#menu ul li ul li a {
    border: none
}



#menu ul li ul li a:after{display: none;}

#menu ul li ul li {
    display: block; border-bottom: 1px solid #f0f0f0;
}

#menu ul li ul li:last-child{border-bottom: none;}

#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #989696;
    font-size: 13px;
    padding: 9px 13px;
    font-weight: 400;
    margin: 0
}

#menu ul li ul li:hover>a {
    color:#4bb348;
}

#menu ul li ul li:before {
    border-left: none
}

#menu ul li:hover ul {
    display: block
}


/**menu-media**/


@media screen and (max-width:767px) {
    a#toggle {
        display: block
    }
    a#toggle:hover {
        text-decoration: none
    }
    #menu .fa-plus {
        display: block
    }
    main#content {
        margin-top: 65px;
        transition: all ease-out .3s
    }
    #menu {
        position: fixed;
        width: 220px;
        height: 100%;
        top: 0;
        right: 0;
        overflow: hidden;
        overflow-y: hidden;
        z-index: 9;
        overflow-y: auto;
        background-color:#005284;
        transform: translateX(750px)
    }
    #menu ul {
        text-align: left;
        background-color: transparent;
        padding-top:120px;
        padding-left: 30px;
        padding-bottom: 30px;
        padding-right: 30px
    }
    #menu ul li ul {
        padding-top: 0
    }
    #menu ul li {
        display: block
    }
    #menu ul li a {
        display: block; outline: none;
        color: #fff;
        padding: 16px 0px;
        margin: 0
    }
  
    #menu ul li ul {
        display: none;
        position: static;
        padding: 0;
        width: 100%
    }
    #menu ul li:hover>ul {
        display: none
    }
    #menu ul li:hover>a>i {
        transform: rotateZ(0)
    }
    .open a i::before {
        content: "\f068"
    }
    #menu ul li.open>ul {
        display: block
    }
    div#overlay {
        display: block;
        visibility: hidden;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        z-index: 1;
        opacity: 0
    }
    html.open-menu {
        overflow: hidden
    }
    html.open-menu div#overlay {
        visibility: visible;
        opacity: 1;
        width: calc(-150%);
        left: 250px
    }
    html.open-menu nav#menu {
        z-index: 22;
        transform: translateX(0)
    }
    #menu ul li>a {
        border-right: none
    }

    #menu ul li ul a {
        font-weight: 400;
        padding: 8px 0!important
    }
    #menu ul li ul li {
        border-bottom: none
    }
    #menu ul li ul {
        background: 0 0
    }
    .open-menu .fa-bars:before {
        content: "\f00d"
    }
    #menu li:last-child {
        border-bottom: none
    }
    #menu ul li::before {
        display: none
    }
    #menu ul li a.active {
        border-bottom: none
    }

    #menu ul li > a{border: none}

    #menu  .active{color: #fff;}

    #menu a.active::after{content: none !important; border: none;}
    #menu a:hover{border: none;}

    #menu ul li a:hover{border-bottom: none;}

    #menu ul li > a:hover{}

    #menu ul li > a:hover {
        color:   #b0b0b0;
    }

  #menu ul li > a:hover {
        color: #f4ece0;
    }

    #menu ul li ul li:hover > a {
    color: #61fd5d;
}

#menu ul li ul li a {
    color: #dfd7d7;}

}

/**menu-css-end**/

.detl-dv img{
    width: 100%;
}

 .sfsiplus_norm_row {
    display: none;
}

.detl-dv .icon_heading{font-size:16px; margin-top: 15px;}

.detl-dv .tag {
     margin-right: 15px;
     background: #cecece;
     padding: 5px 10px;
     color: #000;
     border-radius: 5px;
     margin-top: 10px;
     display: inline-block;
 }
 
 .detl-dv h3{word-wrap: break-word;}
 
 .logo-txt:hover{
	 color: #ffffff;
    font-size: x-large;
 }
  .logo-txt{
	 color: #ffffff;
    font-size: x-large;
 }