:root {
    --main-bg-color: #FECC00;
    --stng-bg-color: rgb(236, 200, 55);
    --main1-bg-color: #062F4A;
    --main2-bg-color: #1591CD;
    --subsubmain-bg-color: rgb(207, 195, 147);
}
/* .container
{

} */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Section Title
# Service
# Event
# Recent Blog
# Testimonial
# Profile card
# Counter
# Portfolio
# Accordion
color: #FECC00 !important;
*/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
  }
  @font-face {
    font-family: 'OpenSans-bold';
    src: url(../fonts/Open_Sans/OpenSans-Bold.ttf);
  }

* {
    /* font-family: 'OpenSans-Regular'; */
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;

}

a,
a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}
li.list-inline-item a:hover {
    color: #0056b3 !important;
}
img {
    border: 0px;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
  }

body {
    font-family: 'OpenSans-Regular';
    overflow-x: hidden !important;
}

p {
    color: rgb(77, 75, 75);
}

b{
    font-weight: bold !important;
    font-family: 'Open Sans', sans-serif;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
}
blockquote {
    font-size: 1em;
    margin: 30px auto;
    font-style: italic;
    color: #555555;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 8px solid;
    line-height: 1.6;
    position: relative;
    background: #f1f1f1;
}

blockquote::before {
    content: "\201C";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px;
}

blockquote::after {
    content: '';
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
}

.empty-space {
    overflow: hidden;
}

/*-------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.main-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
    background-color: #fff;
    text-align: center;
}

.main-preloader .main-preloader-inner {
    position: absolute;
    top: 50%;
    width: 100%;
}

.main-preloader .preloader-percentage {
    font-weight: bolder;
    font-size: 48px;
    margin: 0;
}

.main-preloader .preloader-percentage span {
    display: inline-block;
    font-size: 50px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.custom-logo-link
{
    margin-top: 3px;
}
.navbar {
    padding: 0px 0;
    background: transparent;
    z-index: 999;
    transition: 0.4s;
    /* margin: 20px 40px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19);
    box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19); */
}
.navbar-collapse.collapse.show
{
    background-color: white;

}
.navbar-collapse.collapse.show ul li a
{
    color: #000 !important;
}
.custom-logo
{
    width:200px !important;
}
.navbar a img1 {
    width: 230px;
    height: auto;
}

.navbar .menu-item {
    padding: 0 10px;
}

.navbar .menu-item > .active {}
li.menu-item a.nav-link.active {
    color: #FECC00 !important;
}
.nav-link {
    font-family: 'OpenSans-bold';
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    /* color: #1d1a1a; */
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    
}

.navbar-toggler,
.navbar-toggler:hover {
    padding: 0;
    border: none;
    outline: none;
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 18px 0 0;
    border-radius: 0;
    border: 1px solid #fff;
    border-radius: 6px;
    overflow: hidden;
}

.navbar .dropdown-menu .dropdown-item {
    padding: 10px 15px;
    font-size: 13px;
    text-transform: uppercase;
}

/*parallax-banner*/
.parallax-banner {
    position: relative;

}

.parallax-banner-overlay {
    color: #fff;
    background: rgba(0,0,0,0.3);
    /* height: 850px; */
    height: 660px;
}

.parallax-banner-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.banner-box p
{
    color:#ffffff !important;
}
.banner-box-b p
{
    color:#ffffff !important;
}
.parallax-banner-content p
{
    position: relative;
    width: 70%;
    margin: auto;
    text-align: center;
    line-height: 1.5em;
    overflow:hidden;
    border-radius: 10px;
    padding: 5px;
}

  /* @supports(mix-blend-mode: lighten) { */

    .parallax-banner-content p {
        background: rgba(54,41,162,0.6);
        background: -moz-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,41,162,0.6)), color-stop(100%, rgba(0,206,255,0.6)));
        background: -webkit-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
        background: -o-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
        background: -ms-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
        background: linear-gradient(to right, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3629a2', endColorstr='#00ceff', GradientType=1 );        
        mix-blend-mode: lighten;
    }

.banner-box.banner-box-contact
{
    margin-top: 11% !important;    
}
.banner-box
{
    /* background-color: rgba(255,255,255,0.5);
    border-radius: 20px; */
    margin-top: 15%;
    padding:20px;
    color:#ffffff;
    /* position: absolute !important;
    z-index:999999999 !important */
}
.banner-box-b
{
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px;
    margin-top: 15%;
    padding:20px;
    color:#ffffff;
}
.parallax-banner h1 {
    font-weight: bold;
    font-size: 52px;
    margin-bottom: 10px;

}

.parallax-banner p {
    font-size: 22px;
    margin-bottom: 60px;
    font-weight: 100;
    color: #fff;
}
.parallax-banner ul {
    margin-top: 50px;
}
.parallax-banner ul li i {
    font-size: 62px;
    color: #fff;
}
.parallax-banner ul li a {
    padding: 0 10px;
}

/*section title*/
.section-title {
    text-align: center;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
    margin: 0;
    padding: 0;
}
.section-title .title h2{ }
.section-title .title {
    position: relative;
    margin-bottom: 80px;
}

.section-title.key-dig-video .title:before {
    top: 85px;
}
.section-title.key-dig-video .title:after {
    top: 100px;
}
.section-title .title:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 250px;
    right: 0;
    left: 0;
    top: 75px;
    border-radius: 10px;
    margin: 0 auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.section-title .title:before {
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    border-radius: 50%;
    right: 0;
    left: 0;
    top: 60px;
    margin: 0 auto;
    z-index: 1;
}


.section-titlea .title:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 250px;
    right: 0;
    left: 0;
    top: 95px;
    border-radius: 10px;
    margin: 0 auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.section-titlea .title:before {
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    border-radius: 50%;
    right: 0;
    left: 0;
    top: 80px;
    margin: 0 auto;
    z-index: 1;
}

.section-title .sub-title p {
    line-height: 25px;
    margin-bottom: 0;
    color: #9c9c9c;
}
/* .sub-title-a
{
    font-size: 20px;
    font-weight: bold;
} */
.sub-title-a
{

}
.sub-title-a p.width-80
{
    width:80%;
    margin: 10px auto 10px auto;
}
.e-skil-head-box img{width: 80px;margin-left: 20px;border-radius: 5px;text-align: center;}
.e-skil-head-box p{color:#00A3DD !important;font-weight: 600;font-size:20px;line-height: 25px;margin: 0px 0px 0px 0px;}
.e-skil-head-box{
    margin-top: 15px;
    font-size: 30px;
    font-weight: normal;
    color:#00A3DD !important;
    text-align: left;
    padding: 8px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 1px rgba(255, 255, 255, 1);
    cursor: pointer;
    background: #1B242D;
    
}
.sub-title-a p
{
    margin-top: 10px;
    font-size: 20px;
    font-weight: normal;
    background: rgba(37,129,210,1);
    background: -moz-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,129,210,1)), color-stop(100%, rgba(39,71,178,1)));
    background: -webkit-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -o-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -ms-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: linear-gradient(to right, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2581d2', endColorstr='#2747b2', GradientType=1 );
    color:#fff !important;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.sub-title-b p
{
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    background-color: #111343;
    color:#fff !important;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
}
.sub-title-c p
{
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    background-color: #a7a7a8;
    color:#000 !important;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.section-title:hover .title:after {
    width: 270px;
}

/*readmore*/
.readmore a {
    border-radius: 6px;
    padding: 5px 30px;
    color: #fff;
}

/*about*/
.about-section
{
    padding: 65px 0 65px 0;

}

.about-border {
    position: relative;
}


.about-border:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    margin: -15px 35px;
    border-radius: 50px;
}

.about-border img {
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);
    -ms-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);
    -o-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);
    margin-top: 20px;
}
.about-content p {font-size: 14px; font-weight: 550}
.abt-srv-list p {font-size: 12px; }
.about-content ul {
    display: inline-block;
    list-style: none;
    padding-left: 0;
}

.about-content h2 {
    margin-bottom: 15px;
    font-size: 28px;
}

.about-content ul li i {
    /* float: left; */
    width: 50px;
    height: 50px;
    padding: 18px 15px;
    border-radius: 50%;
    color: #fff;
    /* overflow: hidden; */
}

.abt-srv-list {
    display: inline-block;
    float: left;
    margin-right: 1.5em;
}

/*info area*/

.contact-info-bg {
    padding: 57px 0;
    position: relative;
    width: 78%;
    margin: 0;
}

.contact-info-bg:before {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
}

.contact-info-bg:after {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(18.5deg);
    -ms-transform: skew(18.5deg);
    transform: skew(18.5deg);
    width: 1000%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.contact-info-item:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 92px;
    background: rgba(255, 255, 255, .2);
    top: -26px;
    right: 36px;
}

.contact-info-item {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.contact-info-icon {
    display: inline-block;
    vertical-align: middle;
}

.contact-info-icon i {
    color: #fff;
    font-size: 26px;
}

.contact-info-text {
    display: inline-block;
    margin-right: 16px;
    padding-left: 10px;
    padding-right: 40px;
    vertical-align: middle;
}

.contact-info-text > p,
.contact-info-text > p a {
    font-size: 14px;
    font-weight: bold !important;
    line-height: 22px;
    margin: 0;
    color: #fff;
}

li.contact-info-item:last-child::after {
    background: none;
}
.contact-info-text p, .contact-info-text p a
{
    font-weight: 900 !important;
color: #013368;
}
/*single-service-wrapper*/
.service ul,
.service ul,
.service ol,
.service ol {
    overflow: hidden;
}

.service-item {
    padding: 40px 30px;
    border-radius: 6px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    margin-bottom: 50px;
    transition: all .55s ease;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
    /*-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .5);*/
    -webkit-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -ms-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -o-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
}

.service-item:hover {
    cursor: pointer;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .5);
    -ms-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .5);
    -o-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .5);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .5);
}

.service-item .service-icon a {
    height: 100px;
    width: 100px;
    padding: 24px 20px 20px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 30px;
}

.service-item .service-icon a i {
    color: #fff;
    font-size: 50px;
}

.service-item .service-item-content {
    text-align: center;
}

.service-item .service-item-content h4 {
    font-size:19px;
    font-weight: 600;
    color: #252525;
}

.service-item .service-item-content p {
    font-size:14px;
    padding: 10px 0;
}

.service-item .service-readmore a {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

.service-item-2 {
    margin-bottom: 50px;
}
.service-item-2 .service-icon {
    float: left;
    margin-bottom: 50px;
    margin-right: 25px;
}
.service-item-2 .service-icon a i {
    color: #666;
    font-size: 25px;
}
.service-item-2:hover .service-icon a i {
    color: #fff;
}
.service-item-2 .service-icon a {
    height: 60px;
    width: 60px;
    padding: 17px 14px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: 8px 6px 20px 1px rgba(99, 105, 231, 0.34);
}

.service-item-2 .service-item-content p {
    font-size: 15px;
}
.service-item-2 .service-item-content h4 {
    font-weight: 600;
    color: #252525;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
}
.service-item-2 .service-item-content h4:after{
    position: absolute;
    content: '';
    height: 1.5px;
    width: 100px;
    left: 85px;
    top: 33px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service-item-2:hover .service-item-content h4:after {
    width: 150px;
}
.service-item-2  .service-readmore a {
    display: none;
}

/*event item content*/
.event-item {
    /* display: inline-block;
    position: relative; */
    margin-bottom: 50px;
    border-radius: 6px;
    overflow: hidden;
    /* border: 1px solid #f1f1f1; */
    box-shadow: 1px 1px 10px 0px rgb(194, 194, 191);
}

.event-single-date {
    -webkit-transform: rotate(-90deg) translateY(100%);
    -ms-transform: rotate(-90deg) translateY(100%);
    transform: rotate(-90deg) translateY(100%);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 5px 30px 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-radius: 0 0 40px 40px;
}

.event-single-date i {
    margin-right: 10px;
}

.event-item-thumbnail {
    float: left;
    width: 100%;
}

.event-item-content {
    float: left;
    width: 100%;
    padding: 10px;
}

.event-item-content a {
    color: #333;
}

.event-item-content h5 {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 10px;
    font-weight: bold;
}

.event-item-content ul {
    color: #969696;
    padding: 0;
    list-style: none;
    margin: 10px 0;
}

.event-item-content ul li {
    line-height: 30px;
}

.event-item-content ul li i {
    margin-right: 10px;
}

/*recent_blog*/
.recent_blog {
    padding: 0px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 10px 1px rgba(179, 179, 179, 0.6);
}

.recent_blog .blog_img {
    margin-bottom: 20px;
    position: relative;
}

.recent_blog .blog_img img {
    border-radius: 6px;
    overflow: hidden !important;
    width:auto;
    height: 240px !important;

}

.post-date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 5px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
}

.blog_title h5 {
    color: #333;
}

.blog_title h5 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    /* white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;  */
}
.morecontent span {
display: none;
}
.morelink:hover, .less:hover, .morelink:active, .morelink:focus {
text-decoration: none;
color: #007BFF;
}
.morelink,.morelink:active, .less {
text-decoration: none;
color: #007BFF;
}


.recent_blog span {
    /* font-size: 12px; */
    font-weight: bold;
}

.recent_blog ul {
    padding: 10px 15px 0;
    border-top: 2px solid #fafafa;
}

.recent_blog ul li:not(:last-child) {
    border-right: 2px solid #fafafa;
    padding-right: 15px;
    color: #ccc;
}

.recent_blog ul li a {
    color: #333;
}

.recent_blog i {
    margin-right: 10px;
}
.blog_title
{
    height:140px;
    overflow-x: hidden;
    overflow-y: auto;
}


.blog_title,
.blog_text {padding: 0 15px;}
.blog_text {font-size: 15px;
    /* white-space: nowrap;  */
    /* width: 300px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;  */
}

.blog_title::-webkit-scrollbar
{
width: 1px;
height: 5px;
}
.blog_title::-webkit-scrollbar-track
{
box-shadow: inset 0 0 5px grey;
border-radius: 0px;
}
.blog_title::-webkit-scrollbar-thumb
{
background: #FECC00;
border-radius: 10px;
}
.blog_title::-webkit-scrollbar-thumb:hover
{
background: rgb(236, 200, 55);
}


.recent_blog li.list-inline-item {font-size: 13px;color: gray !important;}
/*portfolio-gallery*/

.portfolio-gallery {
    margin-top: 50px;
}

.portfolio-filter {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    padding: 0 12px;
    text-transform: uppercase;

    border: 2px solid #ffb400;
    margin-right: 10px;
    border-radius: 40px;
    padding: 8px 30px;
    color: #111;
    font-weight: 600;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    float: none;
}

.portfolio-filter:not(:last-child):after {
    position: absolute;
    content: '';
    /* width: 5px;
    height: 5px;
    top: 7px;
    right: -9px;
    background: #ccc;
    border-radius: 50%; */
}

.portfolio-filter.active {
    color: #fff !important;
    background: #FECC00 !important;
    background: -webkit-linear-gradient(to right, rgb(216, 173, 0), #FECC00) !important;
    background: linear-gradient(to right, rgb(216, 173, 0), #FECC00) !important;
}

.portfolio-filter:hover {
    color: #fff;
}

.portfolio-gallery .portfolio-item img {
    border-radius: 6px;
    overflow: hidden;
}

.portfolio-gallery .portfolio-item {
    margin: 5px;
    width: 100%;
    text-align: center;
    position: relative;
}

.portfolio-gallery a {
    position: absolute;
    bottom: 25%;
    left: 10%;
    right: 10%;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.portfolio-gallery a:hover {
    color: #fff;
    padding: 0 15px;
}

.portfolio-gallery a i {
    padding: 15px 0 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.portfolio-gallery .portfolio-item {
    position: relative;
}

.portfolio-gallery .portfolio-item:hover::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 90%;
    left: 5%;
    right: 0;
    top: 5%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.portfolio-gallery .portfolio-item:hover a {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 99;
}

.portfolio-gallery .portfolio-item h5 {
    font-weight: 300;
    margin-top: 20px;
}

/*testimonials*/
/*
.testimonials .testimonial-item {
    margin: 0 20px;
    text-align: center;
}

.testimonials .testimonial-item:focus {
    outline: none;
}

.testimonials .testimonial-item img {
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.testimonials .testimonial-item p {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}

.testimonials i {
    color: #ccc;
}

.testimonials .testimonial-item h6 {
    font-weight: bold;
} */

/*content-carousel*/
.content-carousel-item {
    padding: 25px;
    text-align: center;
    color: #fff;
}

.content-carousel-border {
    padding: 50px 25px;
    border: 1px solid #fff;
}

.content-carousel-item h3 {
    margin-bottom: 20px;
    font-weight: bold;
}

.content-carousel-item a {
    border: 2px solid #fff;
    padding: 5px 30px;
    color: #fff;
}

/*profile-card*/
.profile-card {
    /* border: 1px solid #f1f1f1; */
    border-radius: 6px;
    box-shadow: 2px 2px 10px 2px rgba(207, 205, 205, 0.6);
    overflow: hidden;
    margin-bottom: 30px;
}

.profile-card img {
    width: 100%;
}

.profile-card-content span {
    border-radius: 20px;
    display: inline-block;
    padding: 2px 15px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: bold;
}

.profile-card-content {
    text-align: center;
    /* padding: 25px 15px; */
}

.profile-card-content h5 {
    font-weight: bold;
    margin: 10px 0 15px;
}

.profile-card-content ul {
    margin-bottom: 0;
}

.profile-card-content ul li a {
    color: #ccc;
}


/*Countdown*/
.cdown {
    text-align: center;
    color: #fff;
}

.cdown span {
    font-size: 16px;
}

.cdown strong {
    font-size: 52px;
    font-weight: bold;
}

.cdown p {
    margin-bottom: 0;
}
/*video-popup*/
/*.video-popup {
    background-image: url('../images/blog-3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    -ms-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    -o-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
}*/
.video-popup
{
    border-radius: 10px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    -ms-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    -o-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
    box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .25);
}
.video-popup-overlay {
    background: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    padding: 25% 0;
}
video{max-width:100%;vertical-align:middle}
video:focus{outline:none !important}
/* .video-popup-overlay a {
    border: 5px solid rgba(225,225,225,0.6);
    height: 120px;
    width: 120px;
    padding: 25px 20px 20px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
} */
.video-popup-overlay a:hover {
    border: 5px solid #fff;
}
.video-popup-overlay a i {
    color: #fff;
    font-size: 62px;
}
.minus-margin {
    margin-bottom: -70px;
}
/*counter*/
.counter-backgroud {
    padding: 50px 0 50px;
}

.count-item {
    padding: 10px;
    text-align: center;
    color: #fff;
}

.count-item i {
    font-size: 42px;
}

.count-item span {
    font-size: 38px;
    font-weight: bold;
    display: block;
}

.count-item h5 {
    font-weight: bold;
}

/*quick-contact*/

.quick-contact-border {
    background: #fafafa;
    padding: 20px 15px;
    margin-bottom: 30px;
}

.quick-contact h5 {
    font-weight: bold;
}

.quick-contact ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.quick-contact ul li {
    font-weight: 500;
    font-size: 15px;
}

.ConsultYou-btn a {
    font-weight: normal;
    padding: 15px 50px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    margin-right: 15px;
}

.ConsultYou-btn-submit {
    outline: none;
    border: none;
    font-weight: bold;
    padding: 15px 50px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    margin-right: 15px;
    cursor: pointer;
}
.ConsultYou-btn-submit:active {
    outline: none;
    border: none;
}

.ConsultYou-btn a:hover {
    color: #fff;
}
nav .ConsultYou-btn a{border: 2px solid #FECC00;
    padding: 8px 20px;
}
nav .ConsultYou-btn a:hover {
    border: 2px solid #FECC00;
    border-radius: 50px;
}
.parallax-banner-content .ConsultYou-btn a:last-child {
    background: transparent;
    color: #fff;
    border: 2px solid #FECC00;
}
.parallax-banner-content .ConsultYou-btn a:first-child{border: 2px solid #FECC00;}
.parallax-banner-content .ConsultYou-btn a:last-child:hover {color: #fff !important;}
.parallax-banner-content .ConsultYou-btn a:first-child:hover {background: transparent;
    border: 2px solid #FECC00;color: #000 !important;}

    .banner-box-b .ConsultYou-btn a:last-child {color: #fff !important;}
    .banner-box-b .ConsultYou-btn a:first-child:hover {color: #fff !important;}
/*Event*/
.event-contacts {
    margin-top: 50px;
}

.event-contact-info {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 40px 1px rgba(250, 250, 250, 1);
    box-shadow: 0px 0px 40px 1px rgba(250, 250, 250, 1);
    max-height: 270px;
}

.event-contact-info h6 {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 15px;
}

.event-contact-info ul {
    list-style: none;
    padding: 0;
}

.event-contact-info ul li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}

.event-contact-info ul li {
    margin: 10px 0;
    padding: 5px 15px;
}

.event-contact-info ul li a {
    font-weight: bold;
}

.event-map {
    width: 250px;
    height: 250px;
}

/* accordion */
.accordion .card {
    border: 1px solid #fafafa;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 50px -12px rgba(171, 171, 171, 0.3);
}

.accordion .card:not(:last-child) {
    margin-bottom: 10px;
}

.accordion .card-header {
    background: transparent;
    border-bottom: 0;
    padding: 0;
}

.accordion .card-header h5[aria-expanded="true"] {
    color: #fff;
}

.accordion .card-header h5[aria-expanded="true"] span {
    color: #fff;
}

.accordion .card-header h5 {
    color: #2e2e2e;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    padding: 15px 20px;
}

.accordion .card-header span {
    float: right;
    color: #a0a0a0;
    margin-top: 2px;
}

/*contact-form*/
.contact-form input[type=text],
.contact-form input[type=email] {
    height: 45px;
    padding: 10px 20px;
    border:  1px solid #f1f1f1;
}

.contact-form textarea {
    height: 180px;
    border:  1px solid #f1f1f1;
}

.contact-form button {
    padding: 15px 40px;
    border: none;
    border-radius: 50px;
    color: #fff;
    margin-top: 10px;
}
.cta-train-tree .cta-overlay{padding: 60px 0px;}
/*Call to Action*/

.cta-eski-form {
    color: #fff;
    background-image: url('../images/gallery/eskili-form-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: cover;
}
.get-our-youtu{line-height: 40px;}
.cta-youtube-ch {
    color: #fff;
    background-image: url('../images/gallery/cta-youtube.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: cover;
}
.digital-tra-box
{
    color: #fff;
    /* background-image: url('../images/gallery/eskili-digtra-bg.jpg'); */
    background-color: #041A2E; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: cover;
}
.cta {
    color: #fff;
    background-image: url('../images/gallery/blog-4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: cover;
    /* background-repeat: no-repeat;
    background-attachment: cover;
    background-position: center; */

}
.cta-train-tree {
    color: #fff;
    background-image: url('../images/gallery/cta-train-tree.jpg');
    background-attachment: cover;
    background-position: center;
    object-fit: none;
    max-width: 100%;
    max-height: 100%;    
}
.cta-clients {
    color: #fff;
    background-image: url('../images/gallery/our-valu-client.jpg');
    object-fit: none;
    max-width: 100%;
    max-height: 100%;

}
.cta-clients-pdu-lin {
    color: #fff;
    background-image: url('../images/gallery/client-product-line.jpg');
    object-fit: none;
    max-width: 100%;
    max-height: 100%;
}

.cta-clients-cus-bran {
    color: #fff;
    background-image: url('../images/gallery/cta-clients-cus-bran.jpg');
    background-position: no-repeat;
    object-fit: none;
    max-width: 100%;
    max-height: 100%;

}
.cta-clients-collab {
    color: #fff;
    background-image: url('../images/gallery/cta-clients-collab.jpg');
    object-fit: none;
    max-width: 100%;
    max-height: 100%;

}
.cta-emp-awards {
    color: #fff;
    background-image: url('../images/gallery/employee-awards.jpg');
    object-fit: none;
    max-width: 100%;
    max-height: 100%;
}

.cta-imp div.ser-dept-list-bg{background-color: #fff; color:black}
.cta-imp {
    color: #fff;
    /* background-image: url('../images/gallery/caro1.jpg'); */
    background: rgba(144,152,219,1);
    background: -moz-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(144,152,219,1)), color-stop(100%, rgba(50,120,194,1)));
    background: -webkit-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -o-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -ms-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: linear-gradient(to right, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9098db', endColorstr='#3278c2', GradientType=1 );
    padding: 0px 10px 0px 10px;
    border-radius: 10px;

}
.cta-imp .cta-overlay1 {padding: 0px 0;}
.cta h2 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}
.career-section .cta-overlay {padding: 10px 0 !important;}
.cta-clients .cta-overlay {padding: 50px 0;}
.cta-overlay {
    padding: 100px 0;
    background: rgba(0,0,0,0.7);
}
.cta-testm-overlay {
    padding: 50px 0    ;
    background: rgba(0,0,0,0.7);
}
.cta .ConsultYou-btn {
    text-align: right;
}
.cta .ConsultYou-btn a {
    font-weight: bold;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    margin-bottom: 50px;
    /* Make sure select elements fit in widgets. */
}

.widget:last-child {
    margin-bottom: 0;
}

.widget .widget-title {
    position: relative;
    font-weight: bold;
    color: #4c5462;
    margin-bottom: 30px;
}

.widget p {
    font-size: 15px;
}

.widget select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

.widget .menu {
    margin-left: 0;
}

.widget .menu > li,
.widget .menu > li ul > li {
    border-bottom: 1px dashed #ccc;
}

.widget .menu > li:last-child,
.widget .menu > li ul > li:last-child {
    border-bottom: none;
}

.widget > ul,
.widget > ol {
    list-style: none;
    margin: 0;
}

.widget li {
    font-size: 15px;
    line-height: 40px;
}

.widget > ul > li,
.widget > ul > li ul > li {
    border-bottom: 1px dashed #ccc;
}

.widget > ul > li:last-child,
.widget > ul > li ul > li:last-child {
    border-bottom: none;
}

.widget li a {
    color: #4c5462;
}

.diplay-on-xs {
    display: none;
}

.widget .widget_archive {}

.widget_rss .widget-title .rsswidget {
    color: #4c5462;
}

.rsswidget {
    font-weight: 600;
    line-height: 25px;
}

.rss-date {
    padding: 0 7px;
    font-size: 12px;
    color: #fff;
    display: table;
    line-height: 25px;
    margin-bottom: 10px;
}

.rssSummary {
    line-height: 25px;
}

#wp-calendar {
    width: 100%;
    margin-bottom: 0;
}

#wp-calendar tr {
    text-align: center;
}

#wp-calendar a {
    font-weight: bold;
}

#wp-calendar caption {
    caption-side: top;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}

.widget_tag_cloud a {
    color: #4c5462;
}

.search-form form {
    position: relative;
    background: transparent;
}

.search-form form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4c5462;
    font-size: 14px;
    height: 45px;
    margin-bottom: 0;
    padding: 2px 55px 2px 15px;
    width: 100%;
}

.search-form form button {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    cursor: pointer;
}

.search-form form button i {
    color: #ccc;
}

.widget .recent-post-widget a {
    padding: 10px 15px;
    display: block;
    background: #fafafa;
    color: #333;
    margin-bottom: 10px;
}

.widget .recent-post-widget a:last-child {
    margin-bottom: 0;
}

.widget .recent-post-widget p {
    margin-bottom: 0;
}

.widget .about-site-widget img {
    margin-bottom: 20px;
}

.widget .about-site-widget p {
    color: #cfcfcf;
}

.widget .widget-site-social a {
    margin-right: 15px;
}

.widget .widget-site-social a:last-child {
    margin-right: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.section-padding {
    padding: 130px 0;
}

.post table th,
table td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

.the_excerpt {
    margin-bottom: 50px;
}

.the_excerpt:last-child {
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.single-excerpt:last-child .entry-meta p {
    margin-bottom: 0;
}

.post_thumbnail {
    margin-bottom: 40px;
}

.the_excerpt_date {
    padding-top: 5px;
    text-align: center;
    width: 80px;
    color: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.the_excerpt_date h3 {
    font-weight: bold;
    margin-bottom: 0;
}

.the_excerpt_date h6 {
    font-weight: bold;
}

.the_excerpt_date b {
    display: block;
    background: #000;
    color: #fff;
    padding: 0 0 2px;
}

.entry-header .entry-title a {
    font-weight: bold;
    color: #4c5462;
    display: inherit;
    margin-bottom: 20px;
}

.excerpt-readmore a {
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 40px 1px rgba(183, 183, 183, 0.2);
    box-shadow: 0px 0px 40px 1px rgba(183, 183, 183, 0.2);
}

.the_excerpt .entry-meta ul {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}

.the_excerpt .entry-meta ul li p {
    margin-bottom: 0;
}

.the_excerpt .entry-meta ul li i,
.single-post .entry-meta ul li i {
    margin-right: 5px;
}

.the_excerpt .entry-meta ul li a,
.single-post .entry-meta ul li a {
    color: #4c5462;
    font-weight: 600;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky .entry-header .entry-title a {
    color: #fff;
}

.sticky .the_excerpt_content {
    padding: 30px 30px 10px;
    color: #fff;
}

.sticky .excerpt-readmore a,
.sticky .the_excerpt .entry-meta i,
.sticky .the_excerpt .entry-meta a {
    color: #fff;
}

.sticky .the_excerpt .entry-meta a:hover {
    color: #fafafa;
}

.sticky .the_excerpt .entry-meta ul {
    border-top: 1px solid #fff;
}

.hentry {
    margin: 0 0 1.5em;
}

.single-excerpt:last-child .hentry {
    margin-bottom: 0;
}


.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    /*margin: 1.5em 0 0;*/
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.breadcrumb-banner {
    position: relative;
    background: url('../images/blog-4.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    color: #fff;

}

.breadcrumb-banner:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}

.breadcrumb-title h1 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.breadcrumbs a {
    font-weight: bold;
    color: #fff;
}

.pagination {
    display: inherit;
}

.pagination li a {
    border: 1px solid #f1f1f1;
    padding: 5px 16px;
    display: inline-block;
    border-radius: 20px;
    color: #333;
}
.pagination li a:hover {
    color: #fff;
    border: 1px solid #fff;
}
.pagination li a.current {
    color: #fff;
    padding: 5px 16px;
    border: 1px solid #f1f1f1;
}

.pagination .nav-links a {
    border: 1px solid;
    margin: -2px;
    padding: 8px 16px;
    color: #4c5462;
}

.pagination .nav-links .current {
    padding: 9px 16px;
    color: #fff;
    margin: -4px;
}

.pagination .nav-links .prev {
    color: #fff;
}

.pagination .nav-links .next {
    color: #fff;
}

.post-navigation {
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 100px;
}

.post-navigation .nav-previous {
    float: left;
}

.post-navigation .nav-next {
    float: right;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    text-transform: capitalize;
    padding: 5px 15px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
}

.single-post .related-posts {
    margin-bottom: 100px;
}
.single-post .related-posts h4 {
    font-weight: bold;
    margin-bottom: 40px;
}

.single-post .related-posts .row {
    margin-bottom: 40px;
}

.single-post .related-posts .single-related-post {
    border-radius: 6px;
    overflow: hidden;
    background: #fafafa;
}

.single-post .related-posts .single-related-post .related-post-title {
    padding: 15px 10px;
}

.single-post .related-posts .single-related-post .related-post-title a {
    font-weight: bold;
    color: #4c5462;
    line-height: 20px;
}

.single-post .related-posts .single-related-post .related-post-title span {
    font-size: 12px;
    display: block;
}

.post-share {
    margin-top: 30px
}

.post-share span {
    font-weight: bold;
    font-size: 20px;
}

.comment-reply-title a {
    font-size: 18px;
    font-weight: bold;
}

.edit-link {
    float: right;
}

.edit-link a {
    padding: 0 15px;
    border: 1px solid;
    display: inline-block;
}

.logged-in-as a {
    margin-right: 10px;
    color: #4c5462;
}

.cat-links,
.tags-links {
    font-weight: bold;
    margin-right: 10px;
}

.tags-links a,
.cat-links a {
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #969696;
    font-weight: 200;
}

.social-icons {
    margin-top: 20px;
    display: inline-block;
}

.social-icons a {
    display: inline-block;
    margin: 0 5px 10px;
    font-size: 20px;
    color: #fff !important;
    padding: 2px 35px;
    border: 1px solid #fff !important;
    border-radius: 50px;
}

.social-icons li:nth-child(1) a {
    background: #3b5998;
}

.social-icons li:nth-child(2) a {
    background: #55acee;
}

.social-icons li:nth-child(3) a {
    background: #BD081B;
}

.social-icons li:nth-child(4) a {
    background: #dd4b39;
}

.social-icons li:nth-child(5) a {
    background: #007bb6;
}

.entry-footer {
    margin-top: 50px;
}


.list-inline-item a.social-icon {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    color: #fff !important;    
    border: 1px solid #fff !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px !important;    
}
li.list-inline-item a[class*="pinterest"]{background-color: #4267B2 !important; color:#fff !important;}
li.list-inline-item a[class*="facebook"]{background-color: #0073B1 !important; color:#fff !important;}
li.list-inline-item a[class*="youtube"]{background-color: #FD0000 !important; color:#fff !important;}
.video-popup.service-video{border: 3px solid #FECC00 !important;}

/* .list-inline .list-inline-item:first-child a.social-icon:hover {background-color: red !important; color:#fff !important;} */


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.post-comments {
    margin: 40px 0;
}

.comments-area .comments-title {
    font-weight: bold;
}

.post-comments .comment-list .row {
    background: #fafafa;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.post-comments .comment-list .row p {
    margin-bottom: 0;
}

.post-comments .comment-reply-link {
    float: right;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 10px;
}

.post-comments .commenter {
    margin-bottom: 10px;
}

.post-comments .commenter a {
    font-weight: bold;
    text-transform: capitalize;
}

.post-comments .commenter span {
    float: right;
    font-size: 12px;
    font-weight: 600;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.post-comments .no-comments {
    padding: 0 10px;
    background: #FF0000;
    color: #fff;
}

/*Comment Form*/

.comment-form input[type=text] {
    height: 50px;
    padding: 0 20px;
    border-radius: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form textarea {
    height: 220px;
    padding: 20px;
    border-radius: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form input[type=submit] {
    font-size: 18px;
    border: none;
    color: #fff;
    padding: 10px 50px;
    border-radius: 50px;
}

.comment-form input[type=submit]:hover {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.comment-navigation {
    margin: 50px 0;
}

.comment-navigation a {
    color: #fff;
    padding: 7px 20px;
}
/*partner company*/
.partner-company {
    margin-bottom: 50px;
}

.request-form h2 {
    font-weight: bold;
    margin-bottom: 40px;
    position: relative;
}

.request-form h2:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 100px;
    left: 0;
    top: 95px;
}

.request-form input {
    height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.request-form input[type=text] {
    width: 100%;
}
.request-form textarea {
    width: 100%;
    height: 160px;
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.request-form input[type=submit] {
    padding: 12px 50px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    color: #fff;
    height: auto;
    margin-bottom: 0;
}

/*footer*/
.section-newsletter
{
    background: #000;
    padding: 0px  10px  50px  10px;
}

.site-footer {
    background: rgb(3, 0, 39);
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-top-content {
    padding-top: 80px;
}

.footer-top-content .footer-logo {
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 50px;
    display: inline-block;
}

.footer-top-content .footer-logo img {
    max-width: 230px;
    height: auto;
}

.footer-top-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #fff;
}

.footer-top-content .mc4wp-form .mc4wp-form-fields input[type="email"] {
    height: 46px;
    border: 1px solid #ccc;
    padding: 0 15px;
    border-radius: 50px;
    margin-right: 10px;
    width:300px;
}

.footer-top-content .mc4wp-form .mc4wp-form-fields button {
    padding: 12px 30px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
}

.footer-widgets {
    padding: 40px 0px 0px 0px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget .widget-title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}

.footer-widget ul,
.footer-widget ol {
    list-style: none;
    padding-left: 0;
}

.footer-widget > ul,
.footer-widget > ol {
    margin: 0;
    padding: 0;
}

/* .footer-widget li {
    font-size: 15px;
    line-height: 35px;
} */

.footer-widget li a,.footer-widget p {
    color: #fff;
}

.footer-widget .recent-post-widget {
    margin-top: 10px;
    display: inline-block;
}

.footer-widget .recent-post-widget img {
    border-radius: 3px;
}
.footer-widget .recent-post-widget a {
    color: #666;
    margin-bottom: 20px;
    display: inline-block;
}

.footer-widget .recent-post-widget a:last-child {
    margin-bottom: 0;
}

.footer-widget .recent-post-widget p {
    margin-bottom: 0;
    line-height: 16px;
    font-size: 14px;
}

.footer-widget .about-site-widget img {
    margin-bottom: 20px;
}

.footer-widget .about-site-widget p {
    color: #666;
}

.footer-widget .widget-site-social a {
    margin-right: 15px;
}

.copyright-bar {
    color: #fff;
    padding: 20px 0;
    border-top: 1px solid #565656;
}

.copyright-bar a {
    color: #fff;
    font-size: 22px;
}

.copyright-bar p,
.copyright-bar ul {
    margin-bottom: 0;
}

.copyright-bar ul li {
    margin-right: 20px !important;
}

.copyright-bar ul li:last-child {
    margin-right: 0 !important;
}

.copyright-bar p a {
    font-weight: bold;
}

.copyright-social-icons {
    text-align: right;
}

.widget_recent_comments p
{
font-size: 13px;
}

.widget_recent_contact p
{
font-size: 13px;
margin: 3px;
}
.widget_nav_menu ul li a
{
    font-size: 13px;
    margin: 3px;
}
/*404*/
.error-404 {
    font-size: 172px;
    font-weight: bold;
}

.not-found .ConsultYou-btn {
    margin-top: 50px;
}

/*backtotop*/

#backtotop {
    /* position: fixed;
    bottom: 40px;
    right: 30px;
    display: none; */

    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 18px;
    border-radius: 50%;
    z-index: 99;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transition: 1s ease;
}
#backtotop:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

#backtotop.open {
	bottom: 30px;
}

#backtotop i {
    cursor: pointer;
    border-radius: 50px;
    padding: 15px 13px;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


/*----------------------------------------
            // Responsive //
------------------------------------------*/

/*----------------------------------------
IF SCREEN SIZE LESS THAN 1366px WIDE
------------------------------------------*/

@media screen and (max-width: 1366px) {


}

/*----------------------------------------
IF SCREEN SIZE LESS THAN 1025px WIDE
------------------------------------------*/

@media screen and (max-width: 1024px) {
    .e-skil-head-box img{width: 80px;margin-right: 0px;border-radius: 5px;}
    .e-skil-head-box p{color:#00A3DD !important;font-weight: 600;font-size:16px !important;line-height: 25px;margin: 0px 0px 0px 5px;}
    .nav-top {
        display: none;
    }

    .parallax-banner h1 {
        margin-top: 25%;
    }
}

@media screen and (max-width: 992px) {
    .wpb_wrapper.m-t-100
    {
        margin-top: 0px !important;
    }
    nav .ConsultYou-btn a{
        padding: 5px 10px;
        margin: 0px 0px 10px 10px;
    }
    .about-section
    {
        padding: 35px 0 35px 0;
    }
    .wpb_wrapper h2
    {
        margin-top: 20px;
    }
    .cta-overlay h2
    {

    }
}

/*----------------------------------------
IF SCREEN SIZE LESS THAN 769px WIDE
------------------------------------------*/

@media screen and (max-width: 768px) {

    .parallax-banner-overlay {

        height: 480px;
    }

    .parallax-banner h1 {
        font-size: 60px;
    }

    .breadcrumb-banner {
        padding: 35px 0;
    }
    .breadcrumb-banner::before {
        height: 125px;
        top: 6px;
    }
    .breadcrumb-title h1 {
        font-size: 28px;
    }
    .contact-info-item::after {
        display: none;
    }
    .contact-info-text {
        padding-right: 0;
    }
    .contact-info-item {
        margin: 5px 0;
    }
    .recent_blog {
        margin-bottom: 30px;
    }

    .single-post .related-posts .single-related-post {
        margin-bottom: 30px;
    }

    .col-sm-6:last-child .recent_blog {
        margin-bottom: 0;
    }

    .accordion .card-header h5 {
        font-size: 16px;
    }

    .quick-contact ul li {
        font-size: 14px;
    }

    .pillar li {
        margin: 0 2%;
    }

    .navbar-nav {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid;
    }

    .navbar-nav .nav-link {
        padding: 5px 15px 5px 15px;
        cursor: pointer;
    }
    .nav-link:hover {
        background-color: #FECC00;

    }
    .navbar .menu-item > .active {
        color: #fff !important;
    }

    .navbar .dropdown-menu {
        margin-left: 20px;
    }

    .banner h1 {
        font-size: 60px;
    }

    .banner-overlay {
        height: 550px;
        padding: 176px 0;
    }
    .banner-two-content {
        top: 20%;
    }
    .about-border {
        text-align: center;
        margin-bottom: 50px;
    }

    .about-border:after,
    .about-border:before {
        display: none;
    }

    .the_excerpt_date {
        width: 65px;
    }

    .post table th,
    table td {
        padding: 6px;
    }

    .cta {
        /* text-align: center; */
    }
    .cta .ConsultYou-btn {
        text-align: center;
        margin-top: 30px;
    }
    .event-contact-info {
        margin-top: 30px;
    }

    .quick-contact {
        text-align: center;
    }

    .quick-contact i {
        margin-bottom: 20px;
    }

    .quick-contact ul li {
        line-height: 35px;
    }

    .widget_calendar table td {
        font-size: 14px;
    }

    .carousel-caption {
        top: 100px !important;
    }
    .carousel-caption h1{
        font-size: 35px !important;
    }
    .carousel-caption p{
        font-size: 15px !important;
    }
    .online-training .carousel-caption
    {
        top: 10px !important;
    }
    .banner-box
    {
    margin-top: 0%;
    }
    .profile-card-content span {
        font-size: 10px;
     
    }
    .ser-dept-list-bg.m-t-53
    {
        margin-top: 0px;
    }
}

@media (max-width: 576px) {
    .eskili-module-head{font-size: 10px ;}
    .e-skil-head-box img{width: 70px;margin-left: 0px;border-radius: 5px;}
    .e-skil-head-box p{color:#00A3DD !important;font-weight: 600;font-size:13px !important;line-height: 25px;margin: 0px 0px 0px 5px;}
    .banner-box
    {
        margin-top: 1%;
    }
    .parallax-banner
    {
    /* width:100%;
    height:60vh; */

    }
    .parallax-banner-overlay
    {
        height:380px;
    }
    .banner-box h1
    {
        font-size: 25px !important;
    }
    .banner-box p
    {
        font-size: 15px;
    }
    .wrap-loginpage {
      padding-left: 15px;
      padding-right: 15px;
    }
    .title h2
    {
        font-size: 20px !important;
    }
    .trending-career h4.card-title {font-size: 18px;}
    .custom-logo
    {
        width:120px;
    }

  }
/*----------------------------------------
IF SCREEN SIZE LESS THAN 415px WIDE
------------------------------------------*/
@media screen and (max-width: 500px) {
    /* .testimonial-title-fs small
    {
        font-size: 9px !important;
    }
    .testimonial-fs p
    {
        font-size: 13px !important;
        line-height: 16px !important;
    } */
    .event-item-thumbnail {
        width: 100%;
    }

    .event-item-content {
        width: 100%;
    }

    .event-single-date {
        bottom: 50%;
    }


.carousel-caption {
    top: 70px !important;
}
.carousel-caption h1{
    font-size: 25px !important;
}
.carousel-caption p{
    font-size: 12px !important;
}
.online-training .carousel-caption {
    top: 10px !important;
}
.custom-logo
{
    width:130px !important;
}

.counter-backgroud {
    padding: 80px 0 10px;
}

.count-item {
    padding: 10px;
    text-align: center;
    color: #fff;
}

.count-item i {
    font-size: 30px;
}

.count-item span {
    font-size: 20px;
    font-weight: bold;
    display: block;
}


}

@media screen and (max-width: 414px) {
    .e-skil-head-box img{width: 60px;margin-right: 0px;border-radius: 5px;}
    .e-skil-head-box p{color:#00A3DD !important;font-weight: 600;font-size:11px !important;line-height: 18px;margin: 0px 0px 0px 5px;}
    /* .abt-srv-list strong {font-size: 10px; }
    .abt-srv-list p {font-size: 10px; } */

    .carousel-caption {
        top: 50px !important;
    }
    .carousel-caption h1{
        font-size: 15px !important;
    }
    .carousel-caption p{
        font-size: 10px !important;
    }
    .online-training .carousel-caption {
        top: 10px !important;
    }

    .navbar {
        padding: 0px;
        z-index: 2;
    }

    .banner h1 {
        /* font-size: 32px; */
    }

    .contact-info-item {
        margin: 15px 0;
    }

    .banner-box
    {
        margin-top: 5% !important;
    }
    .parallax-banner
    {
    /* width:100%;
    height:40vh; */

    }
    .parallax-banner-overlay
    {
        height: 265px;
    }
    .banner-box h1
    {
        font-size: 25px;
    }
    .banner-box p
    {
        font-size: 15px;
    }

    .banner-two-content span {
        font-size: 32px;
    }
    .banner-two-content h1 {
        font-size: 42px;
    }
    .banner-two-content p {
        font-size: 16px;
    }
    .banner-two-content .ConsultYou-btn {
        margin-top: 15px;
    }

    .parallax-banner h1 {
        font-size: 32px;
    }
    .parallax-banner p {
        font-size: 16px;
        margin-bottom: 50px;
    }
    .parallax-banner-content .ConsultYou-btn a:last-child {
        display: none;
    }

    .parallax-banner ul li i {
        font-size: 32px;
    }
    .parallax-banner ul li {
        margin-bottom: 15px;
    }
    .post_thumbnail {
        margin-bottom: 20px;
    }

    .the_excerpt_date {
        display: none;
    }

    .cat-links,
    .tags-links {
        margin-bottom: 20px;
        display: block;
    }

    .tags-links a,
    .cat-links a {
        margin-bottom: 5px;
    }

    .widget-area {
        margin-top: 50px;
    }

    .copyright-bar {
        text-align: center;
    }

    .copyright-social-icons {
        text-align: center;
    }

    .copyright-bar p {
        margin-bottom: 10px;
    }

    .display-on-lg {
        display: none;
    }

    .diplay-on-xs {
        display: block;
    }

    .footer-top-content .mc4wp-form .mc4wp-form-fields button {
        margin-top: 30px;
    }

    .breadcrumb-banner:before {
        width: 100%;
        background: -webkit-radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
        background: -o-radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
        background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
        height: 100%;
    }

    .post-comments .comment-list {
        margin-bottom: 20px;
    }

    .post-comments .comment-list .avatar {
        margin-bottom: 20px;
        border-radius: 50%;
    }

    .the_excerpt_date {
        left: 7px;
        width: 60px;
    }

    .auhor_avatar {
        display: none;
    }

    .error-404 {
        font-size: 95px;
    }

    .event-content {
        margin-top: 30px;
    }

    .font-weight-bold {
        font-size: 30px;
    }

    .single-post .related-posts .single-related-post {
        margin-bottom: 20px;
    }

    .footer-widget .recent-post-widget img {
        margin-bottom: 15px;
        width: 80px;
        height: auto;
    }
    .footer-widget .recent-post-widget .row {
        margin-bottom: 15px;
    }

    #prayerTimes .prayer-time {
        width: 100%;
        margin: 0 0 15px;
    }

    .pillar li {
        margin: 0 0 30px;
        width: 100%;
    }

    .pillar li:last-child {
        margin-bottom: 0;
    }

    .event-item-thumbnail {
        width: 100%;
    }

    .event-item-content {
        width: 100%;
    }

    .event-single-date {
        bottom: 50%;
    }

    /* .testimonial-item p {
        font-size: 16px;
    } */

    .col-lg-3:not(:last-child) .event-contact-info {
        margin-bottom: 50px;
    }

    /* .blog_img img {
        width: 100%;
        height: auto;
    } */

    .excerpt-event-date {
        margin-bottom: 25px;
    }

    .about-content ul li i {
        margin-bottom: 10px;
    }



    .custom-logo
    {
        width:120px !important;
    }

    .cgfp-sub-title{font-size: 15px;}
}



.animated {
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }
 .animated1 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }
 .animated3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }

 @-webkit-keyframes fadeInLeft {
    0% {
       opacity: 0;
       -webkit-transform: translateX(-500px);
       transform: translateX(-500px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
    }
 }

 @keyframes fadeInLeft {
    0% {
       opacity: 0;
       transform: translateX(-500px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 }

 .fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 }


 .ConsultYou-btn a.text-black
 {
     color: #000000 !important;
 }



 .career-heading
{
  color: rgba(255, 255, 255, 1) !important;;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}
.why-cmpy, .sections-box
{
padding: 30px;

}
.why-cmpy h2, .sections-box h2
{
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}
.why-cmpy-descr
{
  text-align: center;
  max-width:300px;
  margin: 10px auto;
  line-height: 25px;
  color: #77a9f3;
}
.see-more-text
{
  padding-left: 20px;
  color:#0077F7;
  cursor: pointer;
  font-size:13px;
}
.border-img
{
  text-align: center !important;
  margin: auto;
}
.current-openings
{

}

.hlb-confi-fg
{
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
}
.hlb-confi-fg label
{
  padding: 0 !important;
  margin: 0px 0 0 0 !important;
  font-size: 11px;
  text-transform: uppercase;
  /* color: rgb(37, 37, 37); */
  color: #606264;
  font-weight: 700 !important;
}
.hlb-confi-fg input,.hlb-confi-fg select,.hlb-confi-fg textarea
{
  font-size: 14px;
  color: #495057;
  font-weight: 600;
  padding: 6px 10px 10px 10px  !important;
  border: 1px solid #fff !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.hlb-confi-fg.hlb-confi-fg1 input,.hlb-confi-fg.hlb-confi-fg1 select,.hlb-confi-fg.hlb-confi-fg1 textarea
{
  font-size: 14px;
  color: #495057;
  font-weight: 600;
  padding: 0px 10px 0px 10px  !important;
  border: 1px solid #fff !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.hlb-confi-fg input:focus, .hlb-confi-fg textarea:focus, .hlb-confi-fg select:focus
{
/* border: 1px solid #FECC00; */
border: 1px solid #fff !important;
outline: transparent;
transition: none;
-webkit-box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.3);
}
.hlb-confi-fg textarea
{
  resize: none;
}



.common-btn
{

  width:100%;
  height:37px;

}
.common-btn i.fa
{
    font-size:16px;
}
.inv-mm-add-btn
{
  background: #FECC00;
  background: -moz-linear-gradient(top, rgba(146, 118, 6,1) 0%, rgba(146, 118, 6,1) 58%, #FECC00 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146, 118, 6,1)), color-stop(58%, #FECC00), color-stop(100%, #FECC00));
  background: -webkit-linear-gradient(top, rgba(146, 118, 6,1) 0%, #FECC00 58%, #FECC00 100%);
  background: -o-linear-gradient(top, rgba(146, 118, 6,1) 0%, #FECC00 58%, #FECC00 100%);
  background: -ms-linear-gradient(top, rgba(146, 118, 6,1) 0%, #FECC00 58%, #FECC00 100%);
  background: linear-gradient(to bottom, rgba(146, 118, 6,1) 0%, #FECC00 58%, #FECC00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4376a3', endColorstr='#FECC00', GradientType=0 );
  color: white !important;
}
.inv-mm-add-btn:active {
    background: #FECC00;
}

.current-openings-box
{
  width:80%;
  margin: 20px auto;

}
.position-box:hover
{
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.position-box
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: border-box;
  border-left:5px solid #FECC00;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
  border-radius: 10px;
  max-width:300px;
  /* height: 120px; */
  margin: 20px 0px;
  padding: 10px;
  cursor: pointer;

}
.postion-list
{
font-size: 16px;
font-weight: bold;
}

.postion-date
{
font-size: 12px;
color: #303030;
font-weight: bold;
}
.postion-loc
{
  font-size: 12px;
  color: #948787;
  font-weight: bold;
}
.postion-exp
{
  font-size: 12px;
  color: #4e4b4b;
  font-weight: bold;
}

.limiter {
    

  }

  .container-loginpage {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }


  .wrap-loginpage {
    opacity: 0.9;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
    margin: 30px auto;
    }


  .loginpage-form {
    width: 100%;
  }

  .loginpage-form-title {
    display: block;
    font-size: 30px;
    color: #FECC00;
    line-height: 1.2;
    text-align: center;
  }
  .input-group-prepend span
  {
    width:150px !important;
    background-color: #0F171E !important;
    color: white !important;
    border: 1px solid #0F171E;
    padding-left: 5px;
    font-size: 15px;
  }

  .input-group
  {
  border: none;
  outline: none;
  }
  .input-group input, .input-group select
  {
  border: none !important;
  outline: none !important;
  background-color: rgb(253, 255, 197);
  opacity: 0.9;
  }
  .input-group input:focus, .input-group select:focus
  {
  border: none !important;
  outline: none !important;
  }




  .download-btn
  {
  text-decoration: none;
  background: #FECC00;
  padding: 13px 50px 13px 50px;
  border-radius: 30px;
  font-size: 15px;
  color: white;
  border: none;
  outline: none;
  text-align: center;
  font-weight: bold;
  }

  .download-btn:hover, .download-btn:focus
  {
    background: rgb(245, 248, 151);
    color: black;
      transition: 0.2s ease !important;
      font-weight: bold;
      text-decoration: none;
      outline: none;
      cursor: pointer;
  }

.google-map-inte
{
  padding: 20px 0px 20px 30px;
}
.google-map-box
{
  -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
  margin-top: 20px !important;
  border-radius:20px;
  width:100%; margin:0; padding:0; border:0;
  height: 445px;
}


.contact--info-area {
    padding: 20px 5px;
    z-index: 22;
    /* position: relative;
    top:-95px;
    left:15px; */
    background-color: #ffffff;
    border-radius: 10px;
    width: 85%;
    margin: -75px auto 0 auto;

}
.bg-boxshadow {
    -webkit-box-shadow: 0px 8px 27px 0px rgba(90, 111, 120, 0.15);
    box-shadow: 0px 8px 27px 0px rgba(90, 111, 120, 0.15);
}
.contact--info-area .single-contact--info {
    position: relative;
    z-index: 1;
    /* margin-bottom: 50px; */
}
.contact--info-icon img{
    width:24px;
}
.contact--info-area .single-contact--info h5 {
    color: #111343;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
}

.resume-upload
{
    padding: 30px 0px 60px 0px;    
}
.resume-upload .about-border{margin-top: 50px;}

.file-upload{display:block;text-align:center;font-size: 12px; margin-top: 8px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: rgb(14, 1, 1);cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;border-radius: 5px;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:rgb(163, 131, 1);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out; }
.file-upload .file-select:hover .file-select-button{background:rgb(163, 131, 1);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#FECC00;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#FECC00;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: rgb(163, 131, 1);cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}


.customer-logos
{
    top: 20px !important;
}

.slick-slide
{
    margin: 20px 0px;

}
.slick-slide:focus
{
    outline: none;

}
.customer-logos .slick-slide img {
    width: 100%;
    height: 70px;
}

.customer-logos .slick-slide{
    margin: 0px 20px 40px 20px !important;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    width: 100%;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

canvas{
    /* background-color: #000;
    opacity: 0.5; */

}



.services {
    /* background-color: #efefef; */
    font-family: 'Open Sans', sans-serif;

 }
.services .services-box {
    margin: 25px 0;

}
.services .services-box:before {
    content: "";
    display: table;
}
.services .services-box:after {
    content: "";
    display: table;
    clear: both;
}
.services .services-box-item {

    position: relative;
    color: #717c8e;
    text-decoration: none;
    -webkit-perspective: 750px;
    -ms-perspective: 750px;
    -o-perspective: 750px;
    perspective: 750px;
    margin: 15px 0;
    float: left;
}
.services .services-box-item:hover,
.services .services-box-item:focus,
.services .services-box-item.hover {
    text-decoration: none;
}
.services .services-box-item:hover> .services-box-item-cover,
.services .services-box-item:focus> .services-box-item-cover,
.services .services-box-item.hover> .services-box-item-cover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.services .services-box-item:hover> .services-box-item-content,
.services .services-box-item:focus> .services-box-item-content,
.services .services-box-item.hover> .services-box-item-content {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.services .services-box-item-cover,
.services .services-box-item-content {
    position: relative;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.services .services-box-item-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0px 15px;
    box-shadow: 0px 0px 3px 1px #ddd;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -ms-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -o-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
}
.services .services-box-item-cover:before,
.services .services-box-item-cover:after {
    position: absolute;
    top: 50%;
    left: 50%;
}
.services .services-box-item-cover:before {
    margin: -40px 0px 0px -20px;
    font-size: 60px;

    color:#FECC00;
}
.services .services-box-item-cover:after {
    content: attr(data-headline);
    left: 0;
    width: 100%;
    margin: 30px 0 0;
    font-size: 18px;

    text-align: center;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
}
.services .services-box-item-content {
    overflow: hidden;
    margin: -16px -6px;
    padding: 30px 40px;
    font-size: 14px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -ms-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -o-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    height:250px;


}

.services .services-box-item-content:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: -60px;
    font-size: 228px;
    opacity: 0.2;
    color:#FECC00;
}
.services .services-box-item-content h2 {
    position: relative;
    margin: 8px 0;
    color:#FECC00;
    font-size: 22px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: Capitalize;
}
.services .services-box-item-content p {
    font-family: 'Open Sans', sans-serif;
    line-height: 23px;
    position: relative;
    margin: 12px 0;
    font-weight: bold;
    font-size: 13px;
}
.services[data-icon]:before,
.services[class^="icon-"]:before,
.services[class*=" icon-"]:before {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
}
.services[data-icon]:before {
    content: attr(data-icon);
}
.services[data-icon].after:before {
    content: none;
}
.services[data-icon].after:after {
    content: attr(data-icon);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: 4px;
}


#preloader {
    background: rgba(255,255,255,0.9);
    height: 100%;
    left: 0;
    /* filter: alpha(opacity=100); */
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999999;
  }

  .preloader {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    position: absolute;
  }

  .preloader span {
    position: absolute;
    display: block;
    bottom: 0;
    width: 9px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-animation: preloader 2s infinite ease-in-out;
    animation: preloader 2s infinite ease-in-out;
  }

  .preloader span:nth-child(2) {
    left: 11px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
  }

  .preloader span:nth-child(3) {
    left: 22px;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
  }

  .preloader span:nth-child(4) {
    left: 33px;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
  }

  .preloader span:nth-child(5) {
    left: 44px;
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
  }

  .preloader span:nth-child(6) {
    left: 55px;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
  }

  @-webkit-keyframes preloader {
    0% {
      height: 5px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      background: rgba(0, 0, 0, 0.1);
    }
    25% {
      height: 30px;
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
      background: #FECC00;
    }
    50%, 100% {
      height: 5px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      background: rgba(0, 0, 0, 0.1);
    }
  }

  @keyframes preloader {
    0% {
      height: 5px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      background: #fff;
    }
    25% {
      height: 30px;
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
      background: #FECC00;
    }
    50%, 100% {
      height: 5px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      background: #fff;
    }
  }



  .single-team-member-one:hover
  {
      cursor: pointer;
  }
  .single-team-member-one:hover .thumb .hover .social-icon li:nth-child(1) {

    -ms-transform: translateX(-60px);
    /* IE 9 */
    -webkit-transform: translateX(-60px);
    /* Chrome, Safari, Opera */
    transform: translateX(-60px); }

  .single-team-member-one:hover .thumb .hover .social-icon li:nth-child(2) {
    -ms-transform: translateX(-60px);
    /* IE 9 */
    -webkit-transform: translateX(-60px);
    /* Chrome, Safari, Opera */
    transform: translateX(-60px); }

  .single-team-member-one:hover .thumb .hover .social-icon li:nth-child(3) {
    -ms-transform: translateX(-60px);
    /* IE 9 */
    -webkit-transform: translateX(-60px);
    /* Chrome, Safari, Opera */
    transform: translateX(-60px); }

  .single-team-member-one:hover .thumb .hover .social-icon li:nth-child(4) {
    -ms-transform: translateX(-60px);
    /* IE 9 */
    -webkit-transform: translateX(-60px);
    /* Chrome, Safari, Opera */
    transform: translateX(-60px); }

  .single-team-member-one .thumb {
    position: relative;
    overflow: hidden; }
    .single-team-member-one .thumb img {
      width: 100%; }
    .single-team-member-one .thumb .hover {
      position: absolute;
      right: 0px;
      top: 20px; }
      .single-team-member-one .thumb .hover .social-icon li {
        display: block; }
        .single-team-member-one .thumb .hover .social-icon li:nth-child(1) {
            border-radius: 50%;
            /* background-color: #3C558C; */
            background: rgba(45,64,137,1);
            background: -moz-linear-gradient(top, rgba(45,64,137,1) 0%, rgba(61,88,187,1) 55%, rgba(65,94,201,1) 70%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(45,64,137,1)), color-stop(55%, rgba(61,88,187,1)), color-stop(70%, rgba(65,94,201,1)));
            background: -webkit-linear-gradient(top, rgba(45,64,137,1) 0%, rgba(61,88,187,1) 55%, rgba(65,94,201,1) 70%);
            background: -o-linear-gradient(top, rgba(45,64,137,1) 0%, rgba(61,88,187,1) 55%, rgba(65,94,201,1) 70%);
            background: -ms-linear-gradient(top, rgba(45,64,137,1) 0%, rgba(61,88,187,1) 55%, rgba(65,94,201,1) 70%);
            background: linear-gradient(to bottom, rgba(45,64,137,1) 0%, rgba(61,88,187,1) 55%, rgba(65,94,201,1) 70%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4089', endColorstr='#415ec9', GradientType=0 );
            z-index: 1;
          position: absolute;
          top: 20px;
          -ms-transform: translateX(80px);
          /* IE 9 */
          -webkit-transform: translateX(80px);
          /* Chrome, Safari, Opera */
          transform: translateX(80px);
          -webkit-transition: transform 500ms;
          -moz-transition: transform 500ms;
          -webkit-transition: -webkit-transform 500ms;
          transition: -webkit-transform 500ms;
          -o-transition: transform 500ms;
          transition: transform 500ms;
          transition: transform 500ms, -webkit-transform 500ms;
          -webkit-transition-delay: 100ms;
          -o-transition-delay: 100ms;
          transition-delay: 100ms; }
        .single-team-member-one .thumb .hover .social-icon li:nth-child(2) {
            border-radius: 50%;
            /* background-color: #27A4DA; */
            background: rgba(34,211,240,1);
            background: -moz-linear-gradient(top, rgba(34,211,240,1) 0%, rgba(59,248,252,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,211,240,1)), color-stop(100%, rgba(59,248,252,1)));
            background: -webkit-linear-gradient(top, rgba(34,211,240,1) 0%, rgba(59,248,252,1) 100%);
            background: -o-linear-gradient(top, rgba(34,211,240,1) 0%, rgba(59,248,252,1) 100%);
            background: -ms-linear-gradient(top, rgba(34,211,240,1) 0%, rgba(59,248,252,1) 100%);
            background: linear-gradient(to bottom, rgba(34,211,240,1) 0%, rgba(59,248,252,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22d3f0', endColorstr='#3bf8fc', GradientType=0 );
            z-index: 1;
          position: absolute;
          top: 60px;
          -ms-transform: translateX(80px);
          /* IE 9 */
          -webkit-transform: translateX(80px);
          /* Chrome, Safari, Opera */
          transform: translateX(80px);
          -webkit-transition: transform 500ms;
          -moz-transition: transform 500ms;
          -webkit-transition: -webkit-transform 500ms;
          transition: -webkit-transform 500ms;
          -o-transition: transform 500ms;
          transition: transform 500ms;
          transition: transform 500ms, -webkit-transform 500ms;
          -webkit-transition-delay: 200ms;
          -o-transition-delay: 200ms;
          transition-delay: 200ms; }
        .single-team-member-one .thumb .hover .social-icon li:nth-child(3) {
            border-radius: 50%;
          /* background-color: #0B76B3; */
            background: rgba(0,94,132,1);
            background: -moz-linear-gradient(top, rgba(0,94,132,1) 0%, rgba(1,114,190,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,94,132,1)), color-stop(100%, rgba(1,114,190,1)));
            background: -webkit-linear-gradient(top, rgba(0,94,132,1) 0%, rgba(1,114,190,1) 100%);
            background: -o-linear-gradient(top, rgba(0,94,132,1) 0%, rgba(1,114,190,1) 100%);
            background: -ms-linear-gradient(top, rgba(0,94,132,1) 0%, rgba(1,114,190,1) 100%);
            background: linear-gradient(to bottom, rgba(0,94,132,1) 0%, rgba(1,114,190,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e84', endColorstr='#0172be', GradientType=0 );
            z-index: 1;
          position: absolute;
          top: 110px;
          -ms-transform: translateX(80px);
          /* IE 9 */
          -webkit-transform: translateX(80px);
          /* Chrome, Safari, Opera */
          transform: translateX(80px);
          -webkit-transition: transform 500ms;
          -moz-transition: transform 500ms;
          -webkit-transition: -webkit-transform 500ms;
          transition: -webkit-transform 500ms;
          -o-transition: transform 500ms;
          transition: transform 500ms;
          transition: transform 500ms, -webkit-transform 500ms;
          -webkit-transition-delay: 300ms;
          -o-transition-delay: 300ms;
          transition-delay: 300ms; }
        .single-team-member-one .thumb .hover .social-icon li:nth-child(4) {
            border-radius: 50%;
            background: rgba(108,34,191,1);
            background: -moz-linear-gradient(top, rgba(108,34,191,1) 0%, rgba(245,211,118,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,34,191,1)), color-stop(100%, rgba(245,211,118,1)));
            background: -webkit-linear-gradient(top, rgba(108,34,191,1) 0%, rgba(245,211,118,1) 100%);
            background: -o-linear-gradient(top, rgba(108,34,191,1) 0%, rgba(245,211,118,1) 100%);
            background: -ms-linear-gradient(top, rgba(108,34,191,1) 0%, rgba(245,211,118,1) 100%);
            background: linear-gradient(to bottom, rgba(108,34,191,1) 0%, rgba(245,211,118,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c22bf', endColorstr='#f5d376', GradientType=0 );
            z-index: 1;
          position: absolute;
          top: 160px;
          -ms-transform: translateX(80px);
          /* IE 9 */
          -webkit-transform: translateX(80px);
          /* Chrome, Safari, Opera */
          transform: translateX(80px);
          -webkit-transition: transform 500ms;
          -moz-transition: transform 500ms;
          -webkit-transition: -webkit-transform 500ms;
          transition: -webkit-transform 500ms;
          -o-transition: transform 500ms;
          transition: transform 500ms;
          transition: transform 500ms, -webkit-transform 500ms;
          -webkit-transition-delay: 400ms;
          -o-transition-delay: 400ms;
          transition-delay: 400ms; }
        .single-team-member-one .thumb .hover .social-icon li + li {
          margin-top: 10px; }
        .single-team-member-one .thumb .hover .social-icon li a {
          display: block;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          font-weight: 900;
          border-radius: 50%;
          color: #fff;
          font-size: 14px;
          -webkit-transition: all 0.3s ease-in;
          -moz-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in; }
          .single-team-member-one .thumb .hover .social-icon li a:hover {
            /* background-color: #111d5c !important; */
            background-color: #FECC00;
        }
        .social-icon li a {
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

        .single-team-member-one:hover .thumb::after{
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                left: 0%;
                right: 0;
                top: 0%;
                bottom: 0;
                background: rgba(0, 0, 0, 0.5);

        }

        #particles-js {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            width: 100%;
            height: 99%;
        }

        .customer-logos div:focus
        {
            outline: none !important
        }






.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
}
.carousel-inner
{
position: relative;
}
.online-training .carousel-caption {
    position: absolute;
    right: 15%;
    top: 70px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 25%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-item1:after
{
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0, 0, 0, 0.5);
}

.carousel-caption h1
{
color:#fff;
font-size: 50px;
font-weight: bold;
}

.carousel-caption p
{
color:#fff;
font-size: 20px;
margin-top: 10px;
}
.carousel-caption p
{
    position: relative;
    width: 70%;
    margin: auto;
    text-align: center;
    line-height: 1.5em;
    overflow:hidden;
    border-radius: 10px;
    padding: 5px;
}

  /* @supports(mix-blend-mode: lighten) { */

    .carousel-caption p {
      /* position: absolute;
      content: '';
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none; */
      /* background: linear-gradient(60deg, rgba(54, 41, 162, 0.6), rgba(0, 206, 255, 0.6));
      background: -webkit-linear-gradient(60deg, rgba(54, 41, 162, 0.6), rgba(0, 206, 255, 0.6));
      background: -moz-linear-gradient(60deg, rgba(54, 41, 162, 0.6), rgba(0, 206, 255, 0.6));
      background: -ms-linear-gradient(60deg, rgba(54, 41, 162, 0.6), rgba(0, 206, 255, 0.6));
      background: -o-linear-gradient(60deg, rgba(54, 41, 162, 0.6), rgba(0, 206, 255, 0.6)); */
    background: rgba(54,41,162,0.6);
    background: -moz-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,41,162,0.6)), color-stop(100%, rgba(0,206,255,0.6)));
    background: -webkit-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
    background: -o-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
    background: -ms-linear-gradient(left, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
    background: linear-gradient(to right, rgba(54,41,162,0.6) 0%, rgba(0,206,255,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3629a2', endColorstr='#00ceff', GradientType=1 );
    
    mix-blend-mode: lighten;
    }


.bgopacity
{
    -webkit-animation: zoomin 10s ease-in;
    -moz-animation: zoomin 10s ease-in;
    -ms-animation: zoomin 10s ease-in;
    -o-animation: zoomin 10s ease-in;
  animation: zoomin 10s ease-in;
  transition: all .5s ease-in-out;
  overflow: hidden;
}
@-webkit-keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
@-moz-keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
@-ms-keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
@-o-keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
@keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
  /*End of Zoom in Keyframes */



/* Trending Career*/
.trending-career
{

/* padding: 20px 20px 20px 20px; */
}
.trending-career .row
{
  margin: 0 auto;
/* width: 1000px; */
}
.Trending-heading
{
  text-align: center;
  color: #fff;
  font-size: 35px;
}

.trending-career .card
{
  text-align: center;
  color: #000;
  /* width:300px; */

background: rgba(10,8,10,1);
background: -moz-linear-gradient(left, rgba(10,8,10,1) 0%, rgba(138,133,138,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,8,10,1)), color-stop(100%, rgba(138,133,138,1)));
background: -webkit-linear-gradient(left, rgba(10,8,10,1) 0%, rgba(138,133,138,1) 100%);
background: -o-linear-gradient(left, rgba(10,8,10,1) 0%, rgba(138,133,138,1) 100%);
background: -ms-linear-gradient(left, rgba(10,8,10,1) 0%, rgba(138,133,138,1) 100%);
background: linear-gradient(to right, rgba(10,8,10,1) 0%, rgba(138,133,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a080a', endColorstr='#8a858a', GradientType=1 );

  border: none !important;
  margin: 20px auto;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;


}
.trending-career .card .card-body-img
{
    overflow: hidden;
}
.trending-career .card img
{
    max-width: 100% !important;
    width: 100%  !important;
    height:100%;
    transform: scale(1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}
.trending-career .card:hover .card-body-img::after
{
    position: absolute;
    /* content: '';
    left: 0%;
    right: 0;
    top: 0%;
    bottom: 144px; */
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.5);
}
.trending-career .card:hover img
{
    background: rgba(0, 0, 0, 0.5);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);

}
.trending-career h4.card-title
{
font-weight: bold;
color:#FECC00;
margin: 10px 0;
font-size: 20px;
}
.view-course-btn
{
  background:  #FECC00;
  border: none !important;
  outline: none !important;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}


.why-choose-us-content {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    background-color: #ffffff;
    padding: 80px 30px 50px;
    border-radius: 10px;
    box-shadow: 3px 0 15px -1px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    margin-top: 100px;
    cursor: pointer;
    height: 370px;
}
    .why-choose-us-content .chosse-us-icon {
      -webkit-transition-duration: 800ms;
      -o-transition-duration: 800ms;
      transition-duration: 800ms;
      height: 76px;
      width: 76px;
      background-color: #FECC00;
      display: inline-block;
      text-align: center;
      line-height: 76px;
      border-radius: 50%;
      color: #ffffff;
      font-size: 30px;
      position: absolute;
      top: -38px;
      left: 50%;
      margin-left: -38px; }
    .why-choose-us-content h4 {
      font-size: 22px;
      font-weight: bold !important;
      font-family: 'Open Sans', sans-serif;
      font-weight: 500;
      margin-bottom: 15px;
      -webkit-transition-duration: 800ms;
      -o-transition-duration: 800ms;
      transition-duration: 800ms; }
    .why-choose-us-content p {
      -webkit-transition-duration: 800ms;
      -o-transition-duration: 800ms;
      transition-duration: 800ms;
      font-size: 14px;
      margin-bottom: 0; }
    .why-choose-us-content:hover, .why-choose-us-content:focus {
      /* background-color: #FECC00; */
      background: rgba(254,204,0,1);
background: -moz-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,204,0,1)), color-stop(29%, rgba(254,204,0,1)), color-stop(100%, rgba(193,199,18,1)));
background: -webkit-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
background: -o-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
background: -ms-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
background: linear-gradient(to bottom, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc00', endColorstr='#c1c712', GradientType=0 );

     }
      .why-choose-us-content:hover .chosse-us-icon, .why-choose-us-content:focus .chosse-us-icon {
        background-color: #000000;
        box-shadow: 0 5px 15px 2px rgba(255, 255, 255, 0.15); }
      .why-choose-us-content:hover h4,
      .why-choose-us-content:hover p, .why-choose-us-content:focus h4,
      .why-choose-us-content:focus p {
        color: #ffffff;
        font-weight: bold;
    }



    /* :: 14.0 Team CSS */
.team-content-area {
    position: relative;
    z-index: 1;
    padding: 40px;
    /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px; */
    text-align: center;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #ffffff;
    /* height: 350px; */
    margin-bottom: 30px;
}
    .team-content-area .member-thumb {
      margin: 0 auto 40px;
      width: 165px; }
      .team-content-area .member-thumb img {
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 100%;
        border-radius: 50%; }
    .team-content-area h5 {
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 0; }
    .team-content-area span {
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms;
      color: #FECC00;
      font-size: 12px;
      text-transform: uppercase; }
    .team-content-area .member-social-info {
      position: relative;
      z-index: 1;
      margin-top: 30px; }
      .team-content-area .member-social-info a {
        color: #636363;
        font-size: 16px;
        margin: 0 10px;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms; }
        .team-content-area .member-social-info a:hover, .team-content-area .member-social-info a:focus {
          color: #FECC00; }
    .team-content-area:hover, .team-content-area:focus {
      /* background-color: #FECC00;  */
      cursor: pointer;
      background: rgba(254,204,0,1);
      background: -moz-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,204,0,1)), color-stop(29%, rgba(254,204,0,1)), color-stop(100%, rgba(193,199,18,1)));
      background: -webkit-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
      background: -o-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
      background: -ms-linear-gradient(top, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
      background: linear-gradient(to bottom, rgba(254,204,0,1) 0%, rgba(254,204,0,1) 29%, rgba(193,199,18,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc00', endColorstr='#c1c712', GradientType=0 );
    }
      .team-content-area:hover .member-thumb img, .team-content-area:focus .member-thumb img {
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg); }
      .team-content-area:hover h5,
      .team-content-area:hover span, .team-content-area:focus h5,
      .team-content-area:focus span {
        color: #ffffff; }
      .team-content-area:hover .member-social-info a, .team-content-area:focus .member-social-info a {
        color: #ffffff; }
        .team-content-area:hover .member-social-info a:hover, .team-content-area:hover .member-social-info a:focus, .team-content-area:focus .member-social-info a:hover, .team-content-area:focus .member-social-info a:focus {
          color: #000000; }





          .main-timeline{
            overflow: hidden;
            position: relative;
        }
        .main-timeline:before{
            content: "";
            width: 5px;
            height: 100%;
            background:#333;
            position: absolute;
            top: 70px;
            left: 50%;
            transform: translateX(-50%);
        }
        .main-timeline .timeline{
            width: 50%;
            padding-left: 100px;
            float: right;
            position: relative;
        }
        .main-timeline .timeline:before{
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #fff;
            border: 5px solid #333;
            position: absolute;
            top: 50%;
            left: -10px;
            transform: translateY(-50%);
        }
        .main-timeline .timeline-content{
            display: block;
            padding-left: 150px;
            position: relative;
        }
        .main-timeline .timeline-content:before{
            content: "";
            width: 90px;
            height: 10px;
            border-top: 7px dotted #333;
            position: absolute;
            top: 50%;
            left: -92px;
            transform: translateY(-50%);
        }
        .main-timeline .year{
            display: inline-block;
            width: 120px;
            height: 120px;
            line-height: 100px;
            border-radius: 50%;
            border: 10px solid #f54957;
            font-size: 20px;
            font-weight: bold;
            color: #f54957;
            text-align: center;
            box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
            position: absolute;
            top: 0;
            left: 0;
        }
        .main-timeline .year:before{
            content: "";
            border-left: 20px solid #f54957;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            position: absolute;
            bottom: -13px;
            right: 0;
            transform: rotate(45deg);
        }
        .main-timeline .inner-content{ padding: 20px 0; }
        .main-timeline .title{
            font-size: 16px;
            font-weight: 600;
            color: #f54957;
            text-transform: uppercase;
            margin: 0 0 5px 0;
        }
        .main-timeline .description{
            font-size: 13px;
            color: #6f6f6f;
            margin: 0 0 5px 0;
        }
        .main-timeline .timeline:nth-child(2n){ padding: 0 100px 0 0; }
        .main-timeline .timeline:nth-child(2n):before,
        .main-timeline .timeline:nth-child(2n) .timeline-content:before,
        .main-timeline .timeline:nth-child(2n) .year{
            left: auto;
            right: -10px;
        }
        .main-timeline .timeline:nth-child(2n) .timeline-content{ padding: 0 150px 0 0; }
        .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -92px; }
        .main-timeline .timeline:nth-child(2n) .year{ right: 0; }
        .main-timeline .timeline:nth-child(2n) .year:before{
            right: auto;
            left: 0;
            border-left: none;
            border-right: 20px solid ;
            transform: rotate(-45deg);
        }
        .main-timeline .timeline:nth-child(2){ margin-top: 110px; }
        .main-timeline .timeline:nth-child(odd){ margin: -110px 0 0 0; }
        .main-timeline .timeline:nth-child(even){ margin-bottom: 80px; }
        .main-timeline .timeline:first-child,
        .main-timeline .timeline:last-child:nth-child(even){ margin: 0; }
        .main-timeline .timeline:nth-child(2n) .year{
            border-color: #1ebad0;
            color: #1ebad0;
        }
        .main-timeline .timeline:nth-child(2) .year:before{ border-right-color: #1ebad0; }
        .main-timeline .timeline:nth-child(2n) .title{ color: #1ebad0; }
        .main-timeline .timeline:nth-child(3n) .year{
            border-color: #7cba01;
            color: #7cba01;
        }
        .main-timeline .timeline:nth-child(3) .year:before{ border-left-color: #7cba01; }
        .main-timeline .timeline:nth-child(9) .year:before{ border-left-color: #7cba01; }
        .main-timeline .timeline:nth-child(3n) .title{ color: #7cba01; }
        .main-timeline .timeline:nth-child(4n) .year{
            border-color: #f8781f;
            color: #f8781f;
        }
        .main-timeline .timeline:nth-child(4) .year:before{ border-right-color: #f8781f; }
        .main-timeline .timeline:nth-child(4n) .title{ color: #f8781f; }
        @media only screen and (max-width: 1200px){
            .main-timeline .year{
                top: 50%;
                transform: translateY(-50%);
            }
        }
        @media only screen and (max-width: 990px){
            .main-timeline .timeline{ padding-left: 75px; }
            .main-timeline .timeline:nth-child(2n){ padding: 0 75px 0 0; }
            .main-timeline .timeline-content{ padding-left: 130px; }
            .main-timeline .timeline:nth-child(2n) .timeline-content{ padding: 0 130px 0 0; }
            .main-timeline .timeline-content:before{
                width: 68px;
                left: -68px;
            }
            .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -68px; }
        }
        @media only screen and (max-width: 767px){
            .main-timeline{ overflow: visible; }
            .main-timeline:before{
                height: 100%;
                top: 0;
                left: 0;
                transform: translateX(0);
            }
            .main-timeline .timeline:before,
            .main-timeline .timeline:nth-child(2n):before{
                top: 60px;
                left: -9px;
                transform: translateX(0);
            }
            .main-timeline .timeline,
            .main-timeline .timeline:nth-child(even),
            .main-timeline .timeline:nth-child(odd){
                width: 100%;
                float: none;
                text-align: center;
                padding: 0;
                margin: 0 0 10px 0;
            }
            .main-timeline .timeline-content,
            .main-timeline .timeline:nth-child(2n) .timeline-content{ padding: 0; }
            .main-timeline .timeline-content:before,
            .main-timeline .timeline:nth-child(2n) .timeline-content:before{ display: none; }
            .main-timeline .year,
            .main-timeline .timeline:nth-child(2n) .year{
                position: relative;
                transform: translateY(0);
            }
            .main-timeline .year:before,
            .main-timeline .timeline:nth-child(2n) .year:before{
                border: none;
                border-right: 20px solid #f54957;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                top: 50%;
                left: -23px;
                bottom: auto;
                right: auto;
                transform: rotate(0);
            }
            .main-timeline .timeline:nth-child(2n) .year:before{ border-right-color: #1ebad0; }
            .main-timeline .timeline:nth-child(3n) .year:before{ border-right-color: #7cba01; }
            .main-timeline .timeline:nth-child(4n) .year:before{ border-right-color: #f8781f; }
            .main-timeline .inner-content{ padding: 10px; }
        }



        .demo{ background-color: #EBE8EE; }
        .counter{
            font-family: 'Nunito Sans', sans-serif;
            text-align: center;
            height: 210px;
            width: 210px;
            padding: 7px 4px 0;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }
        .counter:before{
            content: '';
            background-color: #fff;
            height: 157px;
            width: 157px;
            border-radius: 15px;
            border: 5px solid #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: -1;
        }
        .counter .counter-icon{
            color: #fff;
            background: linear-gradient(#F83F83,#E2056F);
            line-height: 70px;
            font-size: 35px;
            height: 70px;
            width: 70px;
            margin: 0 auto 8px;
            border-radius: 19px 0 50px;
            transform: rotate(45deg);
        }
        .counter .counter-icon i{ transform: rotate(-45deg); }
        .counter .counter-value{
            font-size: 25px;
            font-weight: 700;
            letter-spacing: 1px;
            margin: 0 0 13px 0;
            display: block;
        }
        .counter h3{
            color: #fff;
            background: linear-gradient(#F83F83,#E2056F);
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: capitalize;
            padding: 10px 5px;
            margin: 0;
            border-radius: 0 0 20px 20px;
            position: relative;
        }
        .counter h3:before,
        .counter h3:after{
            content: "";
            background: linear-gradient(to right bottom, transparent 49%,#c90460 50%);
            width: 20px;
            height: 20px;
            position: absolute;
            top: -20px;
            left: 0;
            z-index: -2;
        }
        .counter h3:after{
            transform: rotateY(180deg);
            left: auto;
            right: 0;
        }
        .counter.purple .counter-icon,
        .counter.purple h3{
            background: linear-gradient(#B05FDF,#7B26DD);
        }
        .counter.purple h3:before,
        .counter.purple h3:after{
            background: linear-gradient(to right bottom,transparent 49%,#5a07bf 50%);
        }
        .counter.blue .counter-icon,
        .counter.blue h3{
            background: linear-gradient(#00BCF9,#027AF6);
        }
        .counter.blue h3:before,
        .counter.blue h3:after{
            background: linear-gradient(to right bottom,transparent 49%,#0466c9 50%);
        }
        .counter.green .counter-icon,
        .counter.green h3{
            background: linear-gradient(#aff400,#6cc425);
        }
        .counter.green h3:before,
        .counter.green h3:after{
            background: linear-gradient(to right bottom,transparent 49%,#489e03 50%);
        }
        .counter.darkblue .counter-icon,
        .counter.darkblue h3{
            background: linear-gradient(#143D59, rgb(1, 34, 33));
        }
        .counter.darkblue h3:before,
        .counter.darkblue h3:after{
            background: linear-gradient(to right bottom,transparent 49%, rgb(1, 34, 33) 50%);
        }
        @media screen and (max-width:990px){
            .counter{ margin-bottom: 40px; }
        }
           

/* 
    .demo{ background-color: #e7e7e7; }

    .counter{
    color: #c5b204;
    background:linear-gradient(to right,#c5b204,#f8e003);
    background: -webkit-linear-gradient(to right,#c5b204,#f8e003);
    background: -moz-linear-gradient(to right,#c5b204,#f8e003);
    background: -o-linear-gradient(to right,#c5b204,#f8e003);
    background: -ms-linear-gradient(to right,#c5b204,#f8e003);
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    height: 190px;
    width: 210px;
    padding: 5px 30px;
    margin: 0 auto;
    position: relative;
    -ms-clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
    -o-clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
    -moz-clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
    -webkit-clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
    clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
}
.counter:after{
    content: '';
    background-color: #fff !important;
    height: 77%;
    width: 100%;
    border-radius: 35% 35% 0 0;
    -moz-border-radius: 35% 35% 0 0;
    -webkit-border-radius: 35% 35% 0 0;
    -ms-border-radius: 35% 35% 0 0;
    -o-border-radius: 35% 35% 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.counter .counter-icon{
    color: #fff;
    background: linear-gradient(to right,#f8e003,#c5b204);
    background: -webkit-linear-gradient(to right,#f8e003,#c5b204);
    background: -o-linear-gradient(to right,#f8e003,#c5b204);
    background: -ms-linear-gradient(to right,#f8e003,#c5b204);
    background: -moz-linear-gradient(to right,#f8e003,#c5b204);
    font-size: 35px;
    line-height: 75px;
    width: 75px;
    height: 75px;
    margin: 0 auto 13px;
    border-radius: 50%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.counter:hover .counter-icon{
    transform: rotateY(360deg);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.counter .counter-icon:before{
    content: "";
    background: linear-gradient(to right,#f8e003,#c5b204);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
}
.counter h3{
    font-size: 18px;    
    margin: 0 0 5px;
}
.counter .count-number{
    font-size: 30px;
    font-weight: 600;
    display: block;
    transition: all 0.3s;
}
.counter:hover .counter-value{ text-shadow: 0 0 2px rgba(0, 0, 0, 0.5) }
 */

 
/* .testimonial{
    width: 100%;
    background: #fff;
    padding: 15px;
    text-align: left;
    height: 280px;
    box-shadow: inset 0px 0px 5px 1px rgba(59, 59, 59, 0.1);
    overflow-y: auto !important;
}
.testimonial > p{
    font-size: 14px;
    color:#93a0aa;
    font-weight: 400;
    line-height: 20px;
    text-align: justify;
    margin: 5px 0px;
}
.testimonial  p.indent{
    text-indent: 1em;
}
.testimonial-review{
    text-align: center;
    width: 100%;
    margin: 20px ;
}
.testimonial-review > img{
    width: 15%;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}
.testimonial-title{
    text-align: left;
    padding-top: 15px;
    line-height: 18px;
    color:#000;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: bold;
}
.testimonial-title small{
    display: block;
    font-style: italic;
    margin:10px 0;
    color:#93a0aa;
}
.owl-buttons{
    position: absolute;
    top:45%;
    width: 100%;
    opacity: 0;
}
.owl-prev{
    position: absolute;
    left:-3%;
}
.owl-next{
    position: absolute;
    right:-3%;
}
.owl-theme .owl-controls .owl-buttons div{
    background: #FECC00;
    opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div{
    border-radius: 50%;
}
.owl-prev:after,
.owl-next:after{
    font-family: "FontAwesome";  font-weight: 900;
    content: "\f104";
    width: 28px;
    height: 28px;
    font-size: 14px;
}
.owl-next:after{
    content: "\f105";
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#FECC00;
}
.owl-carousel:hover .owl-buttons{
    opacity: 1;
}
@media screen and (max-width: 767px){
    .owl-prev{
        left:-2.5%;
    }
    .owl-next{
        right: -2.5%;
    }
} */


.main-timeline1{ font-family: 'Nunito Sans', sans-serif; margin-top: 30px;}
.main-timeline1 .timeline-content{
    background: linear-gradient(to right,#6C4ADC,#9C36BA);
    padding: 20px 20px 20px 20px;
    min-height: 70px;
    display: block;
    position: relative;
    z-index: 1;
}
.main-timeline1 .timeline-content:hover{ text-decoration: none; }
.main-timeline1 .timeline-content:before{
    content: "";
    background: #fff;
    position: absolute;
    top: 7px;
    right: 7px;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.main-timeline1 .timeline-icon{
    color: #fff;
    background: linear-gradient(to bottom,#6C4ADC,#9C36BA);
    font-size: 30px;
    text-align: center;
    line-height: 53px;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
    clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
}
.main-timeline1 .title{
    color: #6C4ADC;
    font-size: 14px;
    width: 80%;
    font-weight: 800;
    text-transform: uppercase;
    margin: auto;
    text-align: center
}
.main-timeline1 .description{
    color: #666;
    font-size: 15px;
    margin: 0;
}
.main-timeline1 .timeline:nth-child(even) .timeline-content{
    text-align: right;
    padding: 20px 20px 20px 20px;
}
.main-timeline1 .timeline:nth-child(even) .timeline-content:before{
    left: 7px;
    right: 0;
}
.main-timeline1 .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: 0;
}
.main-timeline1 .timeline:nth-child(4n+2) .timeline-icon{
    background: linear-gradient(to bottom,#9C36BA,#E81C7E);
}
.main-timeline1 .timeline:nth-child(4n+2) .timeline-content{
    background: linear-gradient(to right,#E81C7E,#9C36BA);
}
.main-timeline1 .timeline:nth-child(4n+2) .title{ color: #9C36BA; }
.main-timeline1 .timeline:nth-child(4n+3) .timeline-icon{
    background: linear-gradient(to bottom,#E81C7E,#EE5167);
}
.main-timeline1 .timeline:nth-child(4n+3) .timeline-content{
    background: linear-gradient(to right,#E81C7E,#EE5167);
}
.main-timeline1 .timeline:nth-child(4n+3) .title{ color: #E81C7E; }
.main-timeline1 .timeline:nth-child(4n+4) .timeline-icon{
    background: linear-gradient(to bottom,#EE5167,#FA964A);
}
.main-timeline1 .timeline:nth-child(4n+4) .timeline-content{
    background: linear-gradient(to right,#FA964A,#EE5167);
}
.main-timeline1 .timeline:nth-child(4n+4) .title{ color: #EE5167; }
@media screen and (max-width:768px){
    .main-timeline1 .title{ font-size: 12px; }
    .mx-auto-sm{width: 100% !important; margin: auto;}
    .main-timeline1 .timeline-content{padding: 20px 20px 20px 50px;}
    .main-timeline1 .timeline:nth-child(even) .timeline-content{padding: 20px 50px 20px 20px;}
}
@media screen and (max-width:576px){
    .main-timeline1 .title{ font-size: 12px; }
    .mx-auto-sm{width: 100% !important; margin: auto;}
}

.mx-auto-sm{width: 50%; margin: auto;}



#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
   /* margin: 0 30px 10px 30px;*/
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 15px 20px;
    margin: 0;
    background: #FECC00;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a.collapsed{ background: #1c2336;}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f068";
    font-family: fontawesome;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    background: #FECC00;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    position: absolute;
    top: 10px;
    right: 14px;
}
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    background: #ababab;
    border: 4px solid #626262;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "";
    width: 17px;
    height: 7px;
    background: #fff;
    position: absolute;
    top: 22px;
    right: 0;
}
#accordion .panel-title a.collapsed:after{
    width: 19px;
    background: #ababab;
}
#accordion .panel-body{
    border-left: 3px solid #FECC00;
    border-top: none;
    background: #fff;
    /*font-size: 15px;*/
    color: #1c2336;
    line-height: 27px;
    position: relative;
}
#accordion .panel-body:before{
    content: "";
    height: 3px;
    width: 50%;
    background: #FECC00;
    position: absolute;
    bottom: 0;
    left: 0;
}
#accordion .panel-body p{
  padding: 10px;
}

.ser-dept-list-bg
{

}
.ser-dept-list
{
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    border-radius:5px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px;
}

.ser-dept-list:hover
{
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.5s;
    background-color: rgb(156, 127, 9);
    color: white;
}

.ser-dept-list-left
{
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    border-radius:5px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 6px;
}
.ser-dept-list-left-ylw
{
    cursor: pointer;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    background-color: #FECC00;
    border-radius:5px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 6px;
}

.ser-dept-list-left:hover
{
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.5s;
    background-color: rgb(156, 127, 9);
    color: white;
}

/*carousel*/
div#carousel h1{margin-bottom: 1.5em;}
div#carousel {
  perspective: 1200px;
  /* background: #ff0;  */
  padding-top: 30px;
  /* font-size:0;  */
  margin-bottom: 0em;

  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width:70%;
}
div#spinner {
  transform-style: preserve-3d;
  height: 370px;
  transform-origin: 50% 50% -500px;
  transition: 1s;

}
div#spinner div.emp-testmonial-box {
  width: 80%;
  max-width: 350px;
  position: absolute; left: 32%;
  transform-origin: 50% 50% -500px;
  height: 250px;
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  background-color: whitesmoke;
  padding: 10px;
outline: 32px solid rgba(0,0,0,0.6);
}
div#spinner div.emp-testmonial-box:nth-child(1){ transform: rotateY(0deg);}
div#spinner div.emp-testmonial-box:nth-child(2){ transform: rotateY(-45deg); }
div#spinner div.emp-testmonial-box:nth-child(3){ transform: rotateY(-90deg); }
div#spinner div.emp-testmonial-box:nth-child(4){ transform: rotateY(-135deg); }
div#spinner div.emp-testmonial-box:nth-child(5){ transform: rotateY(-180deg); }
div#spinner div.emp-testmonial-box:nth-child(6){ transform: rotateY(-225deg); }
div#spinner div.emp-testmonial-box:nth-child(7){ transform: rotateY(-270deg); }
div#spinner div.emp-testmonial-box:nth-child(8){ transform: rotateY(-315deg); }
div#carousel ~ span {
  background-color: #FECC00 !important;
  padding: 18px 18px;
  width:50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  margin: 0 80px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  transition: 0.6s color;
  position: relative;
  top: -300px;
  border-bottom: none;
  line-height: 0;
  transition: all .3s  ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

div#carousel ~ span:hover { color: #fff; cursor: pointer;   -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.6);
}

.emp-testmonial-name
{
    font-size: 18px;
    font-weight: 600;
    text-align: justify;
    padding-top: 10px;
    color:#333232;
}
.emp-testmonial-des
{
    font-size: 13px;
    font-weight: 600;
    text-align: justify;
    color:#9c9a9a;
}
.emp-testmonial-text
{
    font-size: 13px;
    font-weight: 600;
    text-align: justify;
    padding-top:10px;
    padding-right:10px;
    height: 150px;
    overflow-y: auto;

}
.emp-testmonial-text::-webkit-scrollbar {
	width: 5px;
	height: 5px;
  }

  /* Track */
  .emp-testmonial-text::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 0px;
  }

  /* Handle */
  .emp-testmonial-text::-webkit-scrollbar-thumb {
	/* background: rgb(236, 200, 55);  */
	background: gray;
	border-radius: 10px;
  }

  /* Handle on hover */
  .emp-testmonial-text::-webkit-scrollbar-thumb:hover {
	/* background: rgb(221, 178, 7);  */
	background: gray;
  }

@media screen and (max-width: 768px) {
    div#carousel {
        perspective: 400px;
        /* background: #ff0;  */
        padding-top: 30px;
        /* font-size:0;  */
        margin-bottom: 0em;

        /* overflow: hidden;  */
        margin-left: auto;
        margin-right: auto;
        width:50%;
      }
      div#spinner {
        transform-style: preserve-3d;
        height: 370px;
        transform-origin: 50% 50% -500px;
        transition: 1s;

      }
      div#spinner div.emp-testmonial-box {
        position: absolute; left: 12%;

      }

      div#carousel ~ span {
        padding: 8px 8px;
        width:30px;
        height: 30px;
        margin: 0 0px;
      }


      .emp-testmonial-name
      {
          font-size: 13px;
      }
      .emp-testmonial-des
      {
          font-size: 10px;
      }
      .emp-testmonial-text
      {
          font-size: 10px;
      }

}

@media screen and (max-width: 500px) {
    .emp-testmonial-box img
    {
        width:50px;
    }
      .emp-testmonial-name
      {
          font-size: 13px;
      }
      .emp-testmonial-des
      {
          font-size: 10px;
      }
      .emp-testmonial-text
      {
          font-size: 8px;
      }

}



.diamond-grid.diamond-grid-1, .diamond-grid.diamond-grid-2a
{
    margin-top:20px;
    margin-bottom:20px;
    width:50% !important;
    /* margin-left: 28%; */
}
.diamond-grid.diamond-grid-2
{
    margin-top:20px;
    margin-bottom:20px;
    /* margin-left: 6%; */
}
.diamond-grid.diamond-grid-3
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left: 30%;
} 
.center-empl
{
    width:70%;
    margin: auto;
}
.diamond-grid.diamond-grid-4
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left: 6%;
}
.diamond-grid.diamond-grid-5
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left: 6%;
}
.diamond-grid.diamond-grid-6
{
    margin-top:20px;
    margin-bottom:60px;
    width:80% !important;
    margin-left: 18%;
    

}

@media (max-width:768px)
{
    .diamond-grid.diamond-grid-1, .diamond-grid.diamond-grid-2a
{
    width:50% !important;
    margin:  20px auto;
 }
.diamond-grid.diamond-grid-2
{
    width:100% !important;
    margin:  20px auto;
}
.diamond-grid.diamond-grid-2a
{
    width:50% !important;
    margin:  20px auto;
}
.diamond-grid.diamond-grid-3
{
    width:65% !important;
    margin:  20px auto 80px auto !important;
}
.diamond-grid.diamond-grid-4
{
    width:95% !important;
    margin:  20px auto;
}
.diamond-grid.diamond-grid-5
{
    width:95% !important;
    margin:  20px auto;
}
.diamond-grid.diamond-grid-6
{
    width:100% !important;
    margin:  20px auto 80px auto;

}
}


.diamond-grid { width:100%; margin: auto; }
.diamond-grid .item { width: 180px !important; height: 180px !important; background: #000;  }
.diamond-grid .item:hover .name-dest{ opacity: 1; cursor: pointer;transition: .1s;}
.diamond-grid .item:hover img{transform: scale(1.1);transition: 0.5s;}
/* .diamond-grid .item img { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%) scale(0.7); width: 100%;} */
.diamond-grid .item img { width: 100%; position: absolute; left: 0;}
/* .name-dest{position: absolute; top: 40%; left: 30%; color: white; font-size: 20px; opacity: 0;} */
.name-dest{
position: absolute;color: white; font-size: 20px;
opacity: 0;

background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
}
/* .diamond-grid .item img+.name-dest:hover {opacity: 1;} */
/* .diamond-grid .item img:hover {opacity: 0.3; transition: .5s;} */
.name-dest-text .name-dest-name{color: white; margin: 0;padding: 0; font-weight: bold; font-size: 17px;}
.name-dest-text .name-dest-dest{color: white; margin: 0;padding: 0; font-size: 12px !important;}
.name-dest-text{ color: white;
    line-height: 25px;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;}
.diamonds{text-align:center;overflow:visible;white-space:nowrap;display:inline-block}
.diamond-row-wrap{text-align:center;position:relative;float:left;clear:both}
.diamond-row-lower,.diamond-row-upper{overflow:visible;clear:both;width:100%}
.diamond-row-lower{position:absolute;bottom:0}
.diamond-row-lower .diamond-box{margin-left:64.644660941%;margin-top:64.644660941%}
.diamond-box-wrap{float:left;width:180px;height:180px}
.diamond-box{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative;z-index:1;width:70.710678118%;height:70.710678118%;margin:14.644660941%;border:10px solid #FECC00; box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.5)}
.diamond-box-inner{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:141.421356237%;height:141.421356237%;margin:-20.7106781185% 0 0 -20.7106781185%}




/*video center play button*/
.video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}
.video-overlay-play-button img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
}
.video-overlay-play-button{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent 70%, #FECC00);
    background-image: -webkit-linear-gradient(transparent 70%, #FECC00);
    background-image: -moz-linear-gradient(transparent 70%, #FECC00);
    background-image: -ms-linear-gradient(transparent 70%, #FECC00);
    background-image: -o-linear-gradient(transparent 70%, #FECC00);
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
/*end video center play button*/


.custom-play{
    cursor: pointer;
    position:absolute;
    left:0;top:0;right:0;bottom:0;
    background:url(../images/core-img/play-button.png) center center no-repeat;
}

.ourteam-heading
{
    color: #2e2e2e;
    font-weight: 700;
    margin: 5px 0px;
    text-align: center;
    font-size: 20px;
}
.team-box
{
    /* -webkit-box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19);
    box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.19);    */
}



.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip h3 {margin:12px 0;}

.tooltip .right {
    min-width:200px;
    max-width:400px;
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .right {
    visibility:visible; opacity:1;
}

.tooltip .right img {
    width:400px;
    border-radius:8px 8px 0 0;
}
.tooltip .text-content {
    padding:10px 20px;
}

.tooltip .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
.tooltip .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#444444;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}


.our-team-area .ourteam-heading{
    color:white;
}
.our-team-area .cta-overlay {
padding: 50px 0;
}

/*
Tutorial Name: Meet the Team
Description: A simple concept for members section.
Author: Stanislav Kostadinov
Author URI: http://stanislav.it
Usage: You can use this code for free in personal and commercial projects if you build upon it. You are not allowed to republish, redistribute or sell "as-is".
*/

/* 01. GENERAL SETTINGS ============================================ */

.clear {clear: both;}

/* Buttons */
.btna {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 40px;
	color: rgba(255,255,255, 0.95);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 20px;
	outline: 0;
	transition: all 0.1s ease-in;
}

.btn-transparent {background: rgba(0,0,0, 0.2);}
.btn-transparent:hover {background: rgba(0,0,0, 0.4);}


.bia-box
{
    /* float:right;
    margin-left:12px;
    width: 400px; */
    margin-left:12px;
}
.bia-box h3
{
    color: #2e2e2e;
    font-weight: 700;
    margin: 0px 0px;
    font-size: 20px;
}
.bia-box h6
{
    color: #2e2e2e;
    font-weight: 700;
    margin: 0px 0px;
    font-size: 15px;
}
ul.tech-expert-bio
{

    padding: 10px 0px 0px 15px;
}
ul.tech-expert-bio li
{
list-style-type: disc !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



/*manual css*/
.slider {
    width: 100%;
    margin: 10px auto;
  }

  .slick-slide {
  margin: 0px 10px;
  }

  .slick-slide img {
  border-radius: 5px;
  }

  .slick-prev:before,
  .slick-next:before {
  color: white !important;
  background: rgba(53,148,212,1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(53,148,212,1) 0%, rgba(16,33,51,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(53,148,212,1)), color-stop(100%, rgba(16,33,51,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(53,148,212,1) 0%, rgba(16,33,51,1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(53,148,212,1) 0%, rgba(16,33,51,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(53,148,212,1) 0%, rgba(16,33,51,1) 100%);
  background: radial-gradient(ellipse at center, rgba(53,148,212,1) 0%, rgba(16,33,51,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3594d4', endColorstr='#102133', GradientType=1 );
  padding: 4px 5px 4px 5px;
  width:30px;
  height:30px;
  border-radius: 50%;
  }


  .section-video-heading
  {
    font-size: 18px;

  }
  .grid-video-renderer
  {


  }
  .video-details
  {
    cursor: pointer;
    position: relative;

  }
  .video-heading
  {
    font-size: 17px;
    margin: 8px 0 8px;
    font-weight: bold;
    color: #ffffff !important;
  }
  .video-thum
  {
    height: 100%;
  }

  .overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(35, 43, 53, 0.98);
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
    padding: 0px 10px 10px 10px;
    border-radius: 5px;
  }

  .video-details:hover .overlay {
    bottom: 0;
    height: 100%;

  }

  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .video-contant-details
  {
  font-weight: bold;
  }

  .video-duration
  {
  margin-right: 10px;
  color: #ffffff;
  }
  .video-year
  {
    color: #ffffff;
  }
  .overlay .play-icon img
  {
    text-align: center !important;
    width: 50px;

  }
  .font-weight-normal
  {
    font-weight: 500 !important;
  }
  .video-section
  {
    background-color: rgb(4, 26, 46);   
    padding: 30px 30px 60px 30px;
  }

  .iframe-videos
  {
    position: absolute !important;
    width:100%;
    height:100%;
    top: 0px;
  }
  .close-video-full-screen
  {
    position: relative;
    right:-20px;
    top:-50px;
    font-size:30px !important;
  }
  .video-embedded
  {
    margin-top: 20px;
  }
  .video-embedded-descri
  {
    margin-top: 20px;
  }
  .video-full-screen-class
  {
    /* height: 500px !important; */
  }
  .vfsv-heading
  {
    color: #ffffff;
    font-size: 25px;
  }
  .video-contant-description::-webkit-scrollbar
  {
  width: 0px;
  height: 0px;
  }
  .video-contant-description
  {
    color:#ffffff;
    margin:  20px 0px;
    /* height: 100px; */
    overflow: auto;
    text-overflow: ellipsis;
  }


  .font-weight-bold
  {
      font-weight: bold !important;
  }


  .table-services
  {
      border: none;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
      margin-top: 80px;
  }
  .table-services thead th{border:none;background-color: rgb(3, 0, 39); color:white; font-size: 14px;}
  .table-services tbody td{border:none;border-bottom:1px solid #ccc; font-size: 13px;font-weight: bold;}
  .table-services tbody td:first-child{width:25%}
  .table-services tbody td:nth-child(2n){width:25%}
  .table-services tbody td:nth-child(3n){width:25%}
  .table-services tbody td:nth-child(4n){width:25%}
  .bullet-disc li
  {
    list-style-type: disc !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .service-arroe-spaces
  {
    margin-top:30px;
    margin-right:10px;
    margin-left:10px;
  }
  .service-arroe-spaces1
  {
    margin-top:40px;
    margin-right:10px;
    margin-left:10px;
  }
  .service-arroe-spaces2
  {
    margin-top:2px;
    margin-right:40px;
    margin-left:40px;
    margin-bottom:10px;
  }
  .ser-dept-list-wh
  {
width:200px;
  }
  .ser-dept-list-wh1
  {
width:350px;
  }
@media (max-width:768px)
{
.service-arrow
{
width:40px;
}
.service-arroe-spaces
  {
    margin-top:30px;
    margin-right:10px;
    margin-left:10px;
  }
  .service-arroe-spaces1
  {
    margin-top:40px;
    margin-right:10px;
    margin-left:10px;
  }
  .service-arroe-spaces2
  {
    margin-top:40px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:40px;
  }
  .single-team-member-one h5{font-size: 15px;}
}

@media (max-width:576px)
{
.d-flex.justify-content-center .ser-dept-list
{
 font-size:10px;
}
.service-arrow
{
width:10px;
}
.service-arroe-spaces
  {
    margin-top:30px;
    margin-right:1px;
    margin-left:1px;
  }
  .service-arroe-spaces1
  {
    margin-top:20px;
    margin-right:1px;
    margin-left:1px;
  }
  .service-arroe-spaces2
  {
    margin-top:10px;
    margin-right:1px;
    margin-left:1px;
    margin-bottom:10px;
  }
}
.qcol-md-2 
{
background-color: #fff;
margin: 10px;
border-radius: 10px;
}
.qcol-md-2 img
{
    margin: 10px;
    background-color: #fff;
    border-radius: 5px;
    
}
.hide {
    display: none;
  }
.KBmap
{

    -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
  }

  @keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
  }


#radios label {
	cursor: pointer;
	position: relative;
}

#radios label + label {
	margin-left: 15px;
}

input[type="radio"] {
	opacity: 0; /* hidden but still tabable */
	position: absolute;
}

input[type="radio"] + span {
	color: rgb(8, 49, 121);
	border-radius: 50%;
	padding: 12px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

input[type="radio"]:checked + span {
	color: #D9E7FD;
  background-color: #4285F4;
}

input[type="radio"]:focus + span {
	color: #fff;
}

/* ================ TOOLTIPS ================= */

#radios label:hover::before {
	content: attr(for);
	text-transform: capitalize;
	font-size: 11px;
	position: absolute;
	top: 170%;
	left: 0;
	right: 0;
	opacity: 0.75;
	background-color: #323232;
	color: #fff;
	padding: 4px;
	border-radius: 3px;
  display: none;
}


#radios {text-align: center;}


.grid {
    list-style: none;
    margin-left: -40px;
  }
  .gc {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -0.25em;
    min-height: 1px;
    padding-left: 10px;
    vertical-align: top;
  }
  .gc--1-of-3 {
    width: 20.33333%;
  }
  .gc--2-of-3 {
    width: 79.66666%;
  }
  .naccs {
    position: relative;
    width: 90%;
    margin: 10px auto 0;
  }
  .naccs .menu div {
    padding: 26px 20px 26px 40px;
    margin-bottom: 10px;
    color: #fff;
    /* background: #2139be; */
    background: rgba(37,129,210,1);
    background: -moz-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,129,210,1)), color-stop(100%, rgba(39,71,178,1)));
    background: -webkit-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -o-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: -ms-linear-gradient(left, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    background: linear-gradient(to right, rgba(37,129,210,1) 0%, rgba(39,71,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2581d2', endColorstr='#2747b2', GradientType=1 );
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    font-weight: 700;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    line-height: 18px !important;
  }
  .naccs .menu div span
  {
    font-size: 15px !important;
    
  }
  .naccs .menu div:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .naccs .menu div span.light {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 30px;
    left: 15px;
    background-color: #303f9f;
    border-radius: 100%;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .naccs .menu div.active span.light {
    background-color: #fbc02d;
    left: 0;
    height: 100%;
    width: 3px;
    top: 0;
    border-radius: 0;
  }
  .naccs .menu div.active {
    color: #fbc02d;
    /* padding: 15px 20px 15px 20px; */
  }
  ul.nacc {
    position: relative;
    height: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  ul.nacc li.case-study-li {
    opacity: 0;
    /* transform: translateX(50px); */
    position: absolute;
    list-style: none;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  ul.nacc li.case-study-li.active {
    transition-delay: 0.3s;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px);
  }
  ul.nacc li.case-study-li p {
    margin: 0;
  }
  .test-case-img
  {
      position: relative;
  }
  .test-case-img img{
      width: 100%;
      /* height: 500px; */
  }
  @media (max-width:768px)
  {
    .grid {
        margin-left: -10px;
      }
    .gc--1-of-3 {
        width: 25.33333%;
      }
      .gc--2-of-3 {
        width: 74.66666%;
      }
      .naccs {
        position: relative;
        width: 99%;
        margin: 10px auto 0;
      }
      .naccs .menu div {
        padding: 5px 20px 5px 20px;
        margin-bottom: 10px;
      }
      .naccs .menu div span
      {
        font-size: 10px !important;
      }
      .naccs .menu div.active {
        /* padding: 5px 20px 1px 20px; */
      }
      .naccs .menu div span.light {
        height: 10px;
        width: 10px;
        position: absolute;
        top: 14px;
        left: 5px;
        background-color: #303f9f;
        border-radius: 100%;
        transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
      }
  }


  /* .video-parent {
    background-color: #ccc;
    background-size: cover;
    grid-column: 2 / 4;
    grid-row: 7 / 10;
    display: inline-grid;
    justify-content: stretch;
    align-items: stretch;
}

.video-parent1::after {
    z-index:999999999;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(60deg, rgba(54, 41, 162,0.5), rgba(0, 206, 255, 1));
    mix-blend-mode: lighten;
  }

  .video-parent1 img{
    z-index:9999999999;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
}
.video-parent video {
    object-fit: fill;
    max-width: 100%;
    z-index: 1;
    grid-row: 1 / 9;
    grid-column: 1 / 9;
}

.video-overlay {
    z-index: 2;
    width: 100%;
    height: auto;
    grid-row: 4 / 6;
    grid-column: 4 / 6;
    object-fit: fill;
} */

.left-arrow-slick1.slick-disabled
{
    display: none !important;
}
.right-arrow-slick1.slick-disabled
{
    display: none !important;
}
.right-arrow-slick1::after
{
    z-index:9;
    position: absolute;
    content: '';
    top: 0;
    right: -30px;
    bottom: 0;

    pointer-events: none;
    background: linear-gradient(60deg, rgba(54, 41, 162,1), rgba(0, 206, 255, 1));
    /* mix-blend-mode: lighten; */
    width:40px;

}
.left-arrow-slick1::after
{
    z-index:9;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -30px;
    pointer-events: none;
    background: linear-gradient(60deg, rgba(54, 41, 162,1), rgba(0, 206, 255, 1));
    /* mix-blend-mode: lighten; */
    width:40px;

}
.right-arrow-slick
{
    position: absolute;
    right:-30px;
    top:0%;
    color:white;
    z-index:10;
    display: block;
    height: 100%;
    cursor: pointer;
}
.left-arrow-slick
{
    position: absolute;
    left:-30px;
    top:0%;
    color:white;
    z-index:10;
    display: block;
    height: 100%;
    cursor: pointer;
}
.div-see-more-videos
{

}
.div-see-more-videos .grid-video-renderer
{
    overflow: hidden;
    border-radius: 10px;
}
.div-see-more-videos .grid-video-renderer img{
    width:100%;
}

.div-see-more-videos div.col-md-3
{
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-bottom: 10px;
}


.blogSlider .slick-slide {
    margin: 13px 10px;
}



.mystyle-white {
    background-color: #fff !important;
}

.mystyle {
    color: #fff;
    background: rgba(144,152,219,1);
    background: -moz-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(144,152,219,1)), color-stop(100%, rgba(50,120,194,1)));
    background: -webkit-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -o-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: -ms-linear-gradient(left, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    background: linear-gradient(to right, rgba(144,152,219,1) 0%, rgba(50,120,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9098db', endColorstr='#3278c2', GradientType=1 );
  }

  .key-track-box
  {
      padding:10px;
    margin: 5px 0px;
    box-shadow: 0px 0px 3px 1px #ddd;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -ms-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    -o-box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    box-shadow: inset 0 0px 50px -12px rgba(171, 171, 171, .6);
    height: 140px;
  }

  .key-track-box h5
  {
    margin: 0px 0px 5px 0px;
    color: rgb(165, 134, 8);
    font-size: 20px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: Capitalize;
  }
  .key-track-box div
  {
    font-weight: bold;
    font-size: 14px !important;
  }

  .services-layout
  {
      margin: 10px 0px 20px 0px;
  }

  .none-cur-poi p
  {
    cursor: auto !important;
  }


/* employee testimonial */
.slick-dots .slick-active button {
    background-image: -webkit-linear-gradient(131deg, #feb47b, #ff7e5f, #ff7e5f, #ff7e5f);
    background-image: -o-linear-gradient(131deg, #feb47b, #ff7e5f, #ff7e5f, #ff7e5f);
    background-image: linear-gradient(131deg, #feb47b, #ff7e5f, #ff7e5f, #ff7e5f);
  }
  @media only screen and (min-width: 1200px) and (max-width: 3640px) {
    .container.container-test {
      max-width: 1170px;
    }
  }
  .review_part {
    position: relative;
    margin-bottom: 30px;
  }
  .review_part .slick-center {
    margin-bottom: 25px;
    opacity: 1 !important;
    width: 150px !important;
    margin-top: 0px !important;
  }
  @media (max-width: 576px) {
    .review_part .slick-center {
      overflow: hidden;
    }
  }
  .review_part img {
      border-radius: 50%;
      width:60%;
  }
  .review_part .slick-center img {
    width: 100%;
  }
  .review_part .slick-list {
    padding: 0px !important;
  }
  @media (max-width: 576px) {
    .review_part {
      overflow: hidden;
    }
  }
  .client_review_text .quate_icon {
    max-width: 43px;
    max-height: 38px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .client_review_text p {
    font-size: 16px;
    margin: 26px 0px;
  }
  .client_review_text h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    margin-bottom: 5px;
  }
  .client_review_text h5 {
    font-size: 14px;
    font-weight: 400;
  }
  .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 50px 0px 0px;
    list-style-type: none;
  }
  .slick-dots li {
    margin: 0px 8px;
  }
  .slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border-radius: 100%;
    text-indent: -9999px;
  }
  .slider-nav-thumbnails .slick-slide {
    opacity: 0.5;
    margin: 54px 0px 20px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-nav-thumbnails .slick-slide {
      margin: 54px 40px 20px;
    }
  }
  .slider-nav-thumbnails .slick-slide img {
    max-width: 100%;
    margin: 0 auto;
  }
  @media only screen and (max-width: 500px)
  {
    .slider-nav-thumbnails .slick-slide {

    }
  }
  .slider-nav-thumbnails .slick-slide img {
    max-width: 80%;
    margin: 0 auto;
  }
  .client_review_text
  {

  }
/* End employee testimonial */



/*comments*/
.comments-input textarea
{
    width:100%;
    background: transparent;
    resize: none;
    border-radius: 10px;
    padding:10px;
    color:#fff;
    font-size: 14px;
    border: 1px solid #fff;
}
.comments-input textarea::placeholder{
    color: #4d4b4b;
  }


  .comments-button button{
    font-family: 'Darker Grotesque', sans-serif;
    color: #054231;
    width: 160px;
    color: #000;
    font-size: 18px;
    padding: 10px;
    padding-top: 7px;
    transition: 0.5s;
    cursor: pointer;
    border-radius: 15px;
    border: none;
    background: rgb(228, 205, 115);
    margin-top: 10px;
    box-shadow: 0px 5px 0px 0px #FDCC04;
  }
  .comments-button button:hover{
    box-shadow: none;
    transform: translateY(5px);
    transition: all .1s linear;
  }
  .comments-button button:focus{
    outline: none;
  }

.rating {
    border: none;
    float: left;
  }

  .rating > input { display: block; }
  .rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
  }

  .rating > .half:before {
    content: "\f089";
    position: absolute;
  }

  .rating > label {
    color: #ddd;
   float: right;
  }

  /***** CSS Magic to Highlight Stars on Hover *****/

  .rating > input:checked ~ label, /* show gold star when clicked */
  .rating:not(:checked) > label:hover, /* hover current star */
  .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

  .rating > input:checked + label:hover, /* hover current star when changing rating */
  .rating > input:checked ~ label:hover,
  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
  .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }


  .career-job-desc
  {
    z-index:999999;
  }
.career-job-desc .modal-content
{
  border-top: 5px solid #FECC00!important;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  margin-top: 0%;
  z-index:999999;
}
  .career-job-desc .modal-header
  {
    padding:5px;
  }
  .career-job-desc .modal-title
  {
    font-size:18px;
    font-weight: bold;
  }
  .career-job-desc .modal-body
  {
    padding:5px;
  }
  .career-job-desc .modal-footer{border-top: 0px !important;}
  .career-cmpy-decri{font-size:14px; margin: 20px 0px}


.career-japly-input
{
  padding: 0 !important;
  margin: 15px 0 0 0 !important;
}
.career-japly-input label
{
  padding: 0 !important;
  margin: 0px 0 0 0 !important;
  font-size: 12px;
  text-transform: uppercase;
  color: #606264;
  font-weight: 600 !important;
}
.career-japly-input input,.career-japly-input select,.career-japly-input textarea
{
  font-size: 13px;
  color: #495057;
  font-weight: 500;
  padding: 6px 10px 6px 10px  !important;
  border-radius: 5px;
  height: calc(2.25rem + 2px);
}
.career-japly-input input:focus, .career-japly-input textarea:focus, .career-japly-input select:focus
{
/* outline: transparent;
transition: none; */
border: 1px solid #cccccc;
}
.career-japly-input input:hover, .career-japly-input textarea:hover, .career-japly-input select:hover
{
/* outline: transparent;
transition: none; */
border: 1px solid #cccccc;
}
.career-japly-input textarea
{
  resize: none;
}


#custom-button {
    padding: 10px;
    color: white;
    background-color: #bb9003;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
  }

  #custom-button:hover {
    background-color: #e3e702;
    color: #000;
  }

  #custom-text {
    margin-left: 10px;
    font-family: sans-serif;
    color: #aaa;
  }

  .moz-select-tag{
    -moz-appearance:none;
  }
  input[type="number"].moz-select-tagg::-webkit-inner-spin-button,
  input[type="number"].moz-select-tagg::-webkit-outer-spin-button
  {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
  }




  .video-overlay-min
  {
    position: absolute;
    right: 10px;
    bottom:40px;
    background-color: rgba(0, 0, 0, 0.8);
    font-size:13px;
    letter-spacing: 1px;
    padding: 0px 5px;
    border-radius: 5px;
  }
  .video-title
  {
      margin-top: 10px;
      color:#fff;
      font-size:13px;
  }

  ol.arabic li
  {
      list-style-type: decimal !important;
      font-size:14px;
      margin-left: 20px;
  }
  ol.lower-alpha li
  {
      list-style-type: lower-alpha !important;
      font-size:14px;
      margin-left: 30px;
  }


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.description::-webkit-scrollbar {
	width: 5px;
	height: 5px;
  }
.description::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #012323;
	border-radius: 0px;
  }
.description::-webkit-scrollbar-thumb {
	background: #012323;
	border-radius: 10px;
  }
.description::-webkit-scrollbar-thumb:hover {
	background: #012323;
  }
.testimonial{
    margin: 0 15px;
}
.pic{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}
.pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial-title {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
    text-transform: capitalize;
    height: 30px;
}
.testimonial-review{
    background: linear-gradient(to right bottom,#113951 ,#012323 );
    border-radius: 10px;
    padding: 15px;
    position: relative;
    
    
}
.testimonial-review p.description{height: 200px;overflow: auto;font-size: 14px;}
.testimonial-review:before{
    content: "";
    border-bottom: 20px solid #012323;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -20px;
    left: 46%;
}
.testimonial-review .description{
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    text-align:justify;
}
.testimonial-title small{font-style: italic !important;}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #012323;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #012323;
}






.gtco-testimonials {
    position: relative;

  }
  .gtco-testimonials h5 {
    font-size: 18px !important;
    font-weight: bold;  
    
  }
  .gtco-testimonials p {
    font-size: 14px !important;
     
  }
  .gtco-testimonials h5 span{
    font-size: 15px !important;
    font-weight: normal !important;  
    color:#000000 !important;
  }
  .gtco-testimonials .owl-stage-outer {
    padding-bottom: 30px;
  }
  .gtco-testimonials .owl-nav {
    display: none;
  }
  .gtco-testimonials .owl-dots {
    text-align: center;
  }
  .gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #FECC00;
    margin: 0 5px;
  }
  .gtco-testimonials .owl-dots .active {
    box-shadow: none;
  }
  .owl-dot span:focus{outline: none !important; border: none !important;box-shadow: none !important; border:1px solid red;}
  .gtco-testimonials .owl-dots .active span {
    background: #FECC00;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
  }
  .gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.08);
    margin: 10px 10px;
    padding: 10px 10px;
    border-radius: 50px;
    border: none !important;
  }
  .gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 0 auto;
    border: 5px solid #FECC00;
    width: 100px;
    height: 100px;
  }
  .gtco-testimonials .card h5 {
    color: rgb(146, 118, 3);
    font-size: 21px;
    line-height: 1.3;
    
  }
  .gtco-testimonials .card h5 span {
    font-size: 18px;
    color: #666666;
    
  }
  .gtco-testimonials .card p {
    font-size: 18px;
  }
  .gtco-testimonials .active {    
    opacity: 0.2;
    transition: all 0.3s;
  }
  .gtco-testimonials .center {
    opacity: 1;
  }
  .gtco-testimonials .center h5 {
    font-size: 24px;
  }
  .gtco-testimonials .center h5 span {
    font-size: 20px;
  }
  .gtco-testimonials .center p {
    font-size: 20px;
  }
  .gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
  }




/*interactive map*/
.mapael .mapTooltip {
    position: absolute;
    background-color: #000;
    moz-opacity: 0.80;
    opacity: 0.80;
    filter: alpha(opacity=80);
    border-radius: 4px;
    padding: 5px;
    z-index: 1000;
    max-width: 500px;
    display: none;
    color: #fff;
}
.mapTooltip p{
    color: #fff;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



.mapael .map {
    /* margin-right: 228px; */
    /* overflow: hidden; */
    position: relative;
    /* background-color: #232323; */
    background-color: #fff;
    border-radius: 5px;
}

/* For all zoom buttons */
.mapael .zoomButton {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;

    -webkit-user-select: none;
    -khtml-user-select : none;
    -moz-user-select: none;
    -o-user-select : none;
    user-select: none;
}

/* Reset Zoom button first */
.mapael .zoomReset {
    top: 10px;
}

/* Then Zoom In button */
.mapael .zoomIn {
    top: 30px;
}

/* Then Zoom Out button */
.mapael .zoomOut {
    top: 50px;
}

/*end interactive*/

.cta-clients-pdu-lin .qcol-md-2 img{height:158px;  width:200px}
.cta-clients-cus-bran .qcol-md-2 img{height:80px;  width:120px;margin: 5px;}

/* DivTable.com */
.divTable{
	display: table;
	width: 100% !important;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
    padding: 3px 10px 3px 0px !important;
}
.divTableCell
{
max-width: 120px !important;
}
.divTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

#resume-upload-img-mob{display: none;}
.eventslctbox{display: none;}


/*tree structure*/
.flex-tree-container ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    text-align: center;
    width: 80%;
    margin: auto;
  }
  .flex-tree-container ul > li {
    box-sizing: border-box;
    flex: 1;
    padding: 0 5px;
  }
  .flex-tree-container ul > li > *:not(ul):not(li):hover {
      transform: scale(1.05);
      transition: 1s;
      cursor:pointer;
  }
  .flex-tree-container ul > li > p{
    
  }
  .flex-tree-container ul > li > *:not(ul):not(li) {
    /* border: 1px solid #000000; */
    display: inline-block;
    margin: 0 auto;    
    padding: 10px 10px;
    position: relative;
    /* background-color: #FECC00; */
    background: rgba(254,204,0,1);
    background: -moz-linear-gradient(left, rgba(254,204,0,1) 0%, rgba(235,152,9,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,204,0,1)), color-stop(100%, rgba(235,152,9,1)));
    background: -webkit-linear-gradient(left, rgba(254,204,0,1) 0%, rgba(235,152,9,1) 100%);
    background: -o-linear-gradient(left, rgba(254,204,0,1) 0%, rgba(235,152,9,1) 100%);
    background: -ms-linear-gradient(left, rgba(254,204,0,1) 0%, rgba(235,152,9,1) 100%);
    background: linear-gradient(to right, rgba(254,204,0,1) 0%, rgba(235,152,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc00', endColorstr='#eb9809', GradientType=1 );

    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.8);
    width:160px;
    height: 70px;
  }
  .flex-tree-container ul > li > *:not(ul):not(li):not(:last-child):after {
    border-left: 3px solid #FECC00;
    bottom: -30px;
    content: '';
    height: 30px;
    left: 50%;
    position: absolute;
  }
  .flex-tree-container ul > li ul {
    margin-top: 59px;
    position: relative;
  }
  .flex-tree-container ul > li ul li {
    position: relative;
  }
  .flex-tree-container ul > li ul li:after,
  .flex-tree-container ul > li ul li:before {
    border-top: 3px solid #FECC00;
    content: '';
    position: absolute;
    top: -30px;
    width: 50%;
  }
  .flex-tree-container ul > li ul li:before {
    border-left: 3px solid #FECC00;
    height: 30px;
    left: 50%;
  }
  .flex-tree-container ul > li ul li:after {
    right: 50%;
  }
  .flex-tree-container ul > li ul li:first-child:before,
  .flex-tree-container ul > li ul li:last-child:before {
    border-top: 3px solid #FECC00;
    border-top-left-radius: 10px;
    top: -30px;
  }
  .flex-tree-container ul > li ul li:first-child:after,
  .flex-tree-container ul > li ul li:last-child:after {
    border: none;
  }
  .flex-tree-container ul > li ul li:last-child:before {
    border-left: 0;
    border-right: 3px solid #FECC00;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    left: 0;
    right: 50%;
  }
  .flex-tree-container ul > li ul li:only-child:before {
    border-top: none;
    border-top-right-radius: 0;
  }
  .train-count{font-size: 18px;}
/*tree structure*/
  


/*emplyee award*/
.container-award{
    padding: 1em 0;
    float: left;
    width: 70%;
  }
  @media screen and (max-width: 640px){
    .container-award{
      display: block;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 900px){
    /* .container-award{
      width: 33.33333%;
    } */
  }
  
  .container-award .title{
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .content {
    position: relative;
    width: 90%;
    max-width: 700px;
    margin: auto;
    overflow: hidden;
  }
  
  .content .content-overlay {
    cursor: pointer;
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }
  
  .content:hover .content-overlay{
    opacity: 1;
  }
  
  .content-image{
    width: 100%;
  }
  
  .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
  .content:hover .content-details{
    bottom: 0%;
    opacity: 1;
  }
  
  .content-details h3{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }
  
  .content-details p{
    color: #fff;
    font-size: 20px;
  }
  
  .fadeIn-bottom{
    top: 80%;
  }
  
  .fadeIn-top{
    top: 20%;
  }
  
  .fadeIn-left{
    left: 20%;
  }
  
  .fadeIn-right{
    left: 80%;
  }
  /*emplyee award*/


/*Trigger Button*/
.login-trigger {
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to bottom right, #B05574, #F87E7B);
    padding: 15px 30px;
    border-radius: 30px;
    position: relative; 
    top: 50%;
  }
  
  /*Modal*/
  .covid-19.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0,0,0,0.3);
    padding-top: 0px;
    -webkit-animation: inv-animatezoom 0.6s;
    animation: inv-animatezoom 0.6s
  
  }
  
  @-webkit-keyframes inv-animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
  }
  @keyframes inv-animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
  }
  .covid-19 .modal-content {
    border-radius: .4rem !important;
    border: 0 !important; }
    .covid-19 .modal-content .close{position:absolute; top:10px; right:10px !important;color:rgb(71, 70, 70);font-size:38px;font-weight: 100;line-height: 25px;}

    .covid-19 .modal-content {
      background-color: #fefefe !important;
      margin: 5% auto 5% auto;
      /* border-top: 17px solid #546DFE !important;
      border-bottom: 5px solid #546DFE !important;     */
      /* width: 50%; */
      /* height: 550px; */
      padding: 0px;
      border-radius: 10px 10px 10px 10px !important;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      -webkit-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
  
      overflow-x:hidden;
      overflow-y:auto;
    }

    .subc-from.modal {
        display: none;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        /* background-color: rgb(0,0,0); */
        background-color: rgba(0,0,0,0.3);
        padding-top: 0px;
        -webkit-animation: inv-animatezoom 0.6s;
        animation: inv-animatezoom 0.6s
      
      }
      
      @-webkit-keyframes inv-animatezoom {
        from {-webkit-transform: scale(0)}
        to {-webkit-transform: scale(1)}
      }
      @keyframes inv-animatezoom {
        from {transform: scale(0)}
        to {transform: scale(1)}
      }
    .subc-from .modal-content {
        border-radius: .4rem !important;
        border: 0 !important; }
        .subc-from .modal-content .close{position:absolute; top:10px; right:10px !important;color:rgb(253, 253, 253);font-size:28px;font-weight: 100;line-height: 25px;z-index: 9;}
    
        .subc-from .modal-content {
          background-color: #fefefe !important;
          margin: 3% auto 0% auto;
          /* border-top: 17px solid #546DFE !important;
          border-bottom: 5px solid #546DFE !important;     */
          /* width: 50%; */
          /* height: 550px; */
          padding: 0px;
          border-radius: 10px 10px 10px 10px !important;
          -moz-border-radius: 5px 5px 5px 5px;
          -webkit-border-radius: 5px 5px 5px 5px;
          -webkit-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.75);
          -moz-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.75);
          box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
      
          overflow-x:hidden;
          overflow-y:auto;
        }

  h4 {
    font-weight: bold;
    text-align: center;
  }
  .close {
    color: #fff;
    transform: scale(1.2)
  }
  .modal-content {
    font-weight: bold;
    /* background: linear-gradient(to bottom right,#F87E7B,#B05574); */
    
  }
  #login .modal-dialog {
    width: 300px;
    position: absolute !important;right: 20px;
}
  .form-control {
    margin: 1em 0;
  }
  .form-control:hover, .form-control:focus {
    box-shadow: none;  
    border-color: #fff;
  }
  .username, .password {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 2px solid #eee;
    padding-left: 0;
    font-weight: normal;
    background: transparent;  
    font-size: 14px;
  }
  .form-control::-webkit-input-placeholder {
    color: rgb(75, 73, 73); 
  }
  .form-control:focus::-webkit-input-placeholder {
    font-weight: bold;
    color: rgb(75, 73, 73);
  }
  .login {
    padding: 6px 20px;
    border-radius: 20px;
    background: none;
    border: 2px solid #FAB87F;
    color: #fff;
    font-weight: bold;
    transition: all .5s;
    margin-top: 1em;
    
  }
  .login:hover {
    background: #FAB87F;
    color: #fff;
  }
  .event-item-text-1{font-size: 14px;}
  .event-item-text-2{font-size: 14px;}
  .event-item-text-3{font-size: 13px;}
  ul.event-item-ul{padding: 0px;margin: 0px;}
  ul.event-item-ul li{list-style-type: disc !important;font-size: 13px;color: #000000;margin: 0px 0px 0px 16px;padding: 0px !important;line-height: 18px;}


  .eskilift-head{background-color: #7E7E7E;padding:5px;border-radius: 5px;}
  .eskilift-sd-head{border: 2px solid #FF0000; color:#FF0000; padding:5px;border-radius: 5px;background-color: #f1f1f1;}
  .eskilift-dp-head{border: 2px solid #70AD47; color:#70AD47; padding:5px;border-radius: 5px;background-color: #f1f1f1;}
  .eskilift-head h2{font-size: 16px;text-align: center;color:#ffffff;margin: 0px;}
  .eskilift-sd-head h2{font-size: 16px;text-align: center;color:#ff0000;margin: 0px;}
  .eskilift-dp-head h2{font-size: 16px;text-align: center;color:#70AD47;margin: 0px;}
  .eskilift-text-1{font-size: 16px;text-align: center;margin: 10px 0px;}
  .eskilift-text-2{font-size: 13px;text-align: left;margin: 20px 0px  15px 0px;font-weight: 600;}
  .eski-serlay-subhead{font-size: 15px;text-align: left;margin: 17px 0px 0px 0px;font-weight: 900;background-color:rgb(209, 233, 255);color:#1D5479;width:180px;border-radius: 2px;padding-left: 5px;}
  .eski-ol li{list-style-type: decimal !important;font-style: italic;font-weight: 500;font-size: 16px;color: #ffffff;margin: 0px 0px 0px 16px;padding: 0px !important;line-height: 23px;}
  .fw-600{font-weight: 600;}
  .eski-serlay-table, .eski-serlay-table1, .eski-serlay-table2{border-collapse: collapse; width: 100%;margin: auto;background-color: #ffffff;color: #333333;}
  .eski-serlay-table thead{background-color:#041A2E;color:#fff}
  .eski-serlay-table th, .eski-serlay-table1 th, .eski-serlay-table2 th{font-size: 13px;font-weight: 500;padding: 2px 5px;border: none;}
  .eski-serlay-table td, .eski-serlay-table1 td, .eski-serlay-table2 td{font-size: 13px;font-weight: 600;padding: 2px 5px;border: none;}
  .eski-serlay-table tr:nth-child(even){background-color:rgb(204, 230, 255);}
  .eski-serlay-table2 td{border-bottom: 2px solid #1D5479;}
  .est-col1{background-color:#041A2E;color: #ffffff;font-weight: 500 !important;}
  .est-col2{background-color:rgb(204, 230, 255);}
  .out-par{width: 100%;margin: auto;background-color: #fff;}
  .out-par-text{font-size: 13px;font-weight: 600;padding: 5px 5px;margin-bottom: 0px;}
  .out-par div{border:1px solid #2F5496;margin-top: -1px;margin-left: -1px;}
  .out-par div.div3by1 {width: 33.4%; }
  .out-par div.div2by1 {width: 50%; }
  .eskilift-form h1{font-size: 18px;color: #ffffff;font-weight: 900;text-align: center;background-color: #CC0000;padding: 10px 0px;margin: -20px -20px 10px -20px;}
  .eskili-subhead{font-size: 16px;color: #ffffff;font-weight: 500;text-align: center;margin: 0px -20px 0px -20px;background-color: #2E5394;padding: 5px 0px;}
  .eskili-module-head{font-size: 14px;color: #52B050;font-weight: 900;text-align: left;margin: 0px 0 10px 0;}
  .eskili-module-text{font-size: 13px;color: #1B242D;font-weight: 900;text-align: left;margin: 0px 0 10px 0;}
  .parti-box{background-color: rgb(239, 245, 255);margin: -10px 0px 0px 0px !important;min-height: 340px;}
  .perspro-box{background-color: rgb(255, 241, 241);margin: -10px -20px -10px -20px !important;padding: 20px;min-height: 340px;}
  .est-col2 i{margin-right: 10px;}
  .eskilift-form{ 
    position: relative;
    background: #ebecf0;
    padding: 20px 20px;
    border-radius: 0px 0px 10px 10px;    
    border-top: 5px solid #ffffff;
  }
  .subcri-form-icon{position: absolute; left:10px;top:0px;}
  .subcri-form-icon img{width: 42px;}
  .eskilift-form input, .eskilift-form select,  .eskilift-form textarea {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    background: #eee;
    padding: 5px 10px;
    margin: 0px 0  15px 0;    
    border: 0;
    outline: none;
    border-radius: 20px;
    /* box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff; */
    box-shadow: -3px -3px 10px #fff, 2px 2px 8px #babebc;
  }
  .eskilift-form input:focus, .eskilift-form select:focus, .eskilift-form textarea:focus {    
    /* box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff;     */
    box-shadow: inset 1px 1px 2px #babebc, inset -1px -1px 2px #fff;
  }
  .eskilift-form button {
      
    border-radius: 20px;
    border: none;
    outline: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    text-align: center;
    margin: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 80ms ease-in;
  }
  .eskilift-form .form_btn {
    box-shadow: -5px -5px 10px #fff, 5px 5px 8px #babebc;
  }
  .eskilift-form .form_btn:active {
    box-shadow: inset 1px 1px 2px #babebc, inset -1px -1px 2px #fff;
  }

  .onlinetra-head{text-align: center;color: rgb(75, 210, 255);font-size: 28px;font-weight: 600;border-bottom: 2px solid rgb(75, 210, 255);width:210px; margin:  auto auto 20px auto;}

  /*Responsive*/
  @media screen and (max-width: 2560px) and (min-width: 1500px) {
    .ser-dept-list-wh {
        width: 400px;
    }
    .naccs .menu div {
        padding: 45px 20px 45px 40px !important;
    }
    .naccs .menu div span.light {top:55px;}
    .naccs .menu div span{font-size: 27px !important; font-weight: normal !important;line-height: 30px;}
  }
  @media screen and (max-width: 1024px) {
    .meetour-experts{width: 60% !important;}    
    .nav-link {font-size: 10px;}
    .naccs .menu div {
        padding: 10px 20px 10px 40px;
    }
    .profile-card-content h5{font-size:15px;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .event-item-content{padding:15px;}
    .event-item-content h5{font-size:15px;line-height: 20px;}
    .event-item-content ul li{font-size:13px;}
    .flex-tree-container ul {width:100%;}
}

@media screen and (max-width: 990px){
    .testimonial{
        margin: 0;
    }
}
@media screen and (max-width: 768px){
.meetour-experts{width: 80% !important;}    
.google-map-inte
{
  padding: 10px 10px 10px 10px;
}
.case-study ul li.nav-item a.nav-link
{
    font-size: 9px !important;
}
.cta-clients-pdu-lin .qcol-md-2 img{width:150px; height:119px; margin: 5px;}
.cta-clients-cus-bran .qcol-md-2 img{width:100px; height:67px;margin: 5px;}
.resume-upload .about-border{margin-top: 0px;}
#resume-upload-img-mob{display: block;}
#resume-upload-img-des{display: none;}
.flex-tree-container ul > li > *:not(ul):not(li) {
    padding: 5px 5px;
    border-radius: 5px; 
    font-size: 12px;
    width: 130px;    
    height: 50px;
  }
  .flex-tree-container ul {width:100%;}
  .train-count{font-size: 15px;}
  .cta-overlay {padding: 50px 0; }
  .cta-overlay h2{font-size: 18px; }
  .cta-overlay .ConsultYou-btn a {padding: 10px 20px;font-size: 14px;}
  .content-details p{font-size: 11px;}
}

@media screen and (max-width: 767px){
/* .subcri-form-icon {right:-10px;top:-20px}
.subcri-form-icon img{width:70px} */
.lstnm-p-l-0{padding-left: 0px !important; }
}

@media screen and (max-width: 709px){
    .flex-tree-container ul > li > *:not(ul):not(li) {
        font-size: 12px;
        width: 70px;    
        height: 65px;
      }   
}
@media (max-width: 576px) {
    .eskili-module-head{font-size: 10px ;}
    .eskili-module-text{font-size: 11px ;}
    .eskili-module-sel select{font-size: 10px;padding-left: 5px !important;}
}
@media screen and (max-width: 425px) {
    .sub-title-a p{font-size: 14px !important;}
    .contact--info-area {margin: -25px auto 0 auto;}
    .online-training h1{font-size: 15px !important;}
    .online-training p{font-size: 12px !important;}
    .video-contant-description{font-size: 14px !important;}
    .review_part div{padding: 0px !important;}
    .review_part div.card{padding: 10px !important;}
    .KBmap__marker img{width:10px !important}
    .naccs .menu div {padding: 2px 2px 2px 10px;line-height: 10px !important;}
    .gc--1-of-3 { width: 37.33333%;}
    .gc--2-of-3 { width: 62.66666%;}
    .naccs .menu div span.light {top:8px;left:2px;height: 5px;width: 5px;}
    .naccs .menu div span{font-size: 7px !important; font-weight: normal !important;}
    .case-study ul li.nav-item a.nav-link{font-size: 5px !important;padding: 1px;}
    .qcol-md-2{margin: 5px;}
    .cta-clients-list .qcol-md-2 img{width:100px; height:36; margin: 5px;}
    .cta-clients-pdu-lin .qcol-md-2 img{width:100px; height:79px; margin: 5px;}
    .cta-clients-cus-bran .qcol-md-2 img{width:70px; height:47px;margin: 5px;}
    .mapTooltip p{font-size: 5px;}
    /* .mapTooltip span{font-size: 7px;} */
    .event-item-content h5 {font-size: 15px;line-height: 22px;}
    .event-item-content ul li{font-size: 12px;line-height: 22px;}
    .flex-tree-container ul > li > *:not(ul):not(li) {
        padding: 3px 3px;
        border-radius: 3px; 
        font-size: 8px;
        width: 50px;    
        height: 50px;
      }
      .train-count{font-size: 15px;}
      .content-details p{font-size: 9px;}
}

@media screen and (max-width: 375px) {
    .parallax-banner-overlay .parallax-banner-content .banner-box h1{margin-top: 30px;font-size: 20px !important;}
    .parallax-banner-overlay .parallax-banner-content .banner-box p{font-size: 12px !important;}
    .naccs .menu div {margin-bottom:5px; }
    .case-study ul li.nav-item a.nav-link{font-size: 4px !important;padding: 1px;}
    .qcol-md-2{width:80px !important;}
    .cta-clients-list .qcol-md-2 img{width:70px !important; height:25 !important; margin: 5px;}
    .cta-clients-pdu-lin .qcol-md-2 img{width:70px; height:55px; margin: 5px;}
    .diamond-row-wrap .diamond-box-wrap {width:150px !important; height:150px !important;}
    .name-dest-text .name-dest-name{font-size: 11px !important;line-height: 15px;}
    .name-dest-text .name-dest-dest{font-size: 9px !important;line-height: 15px;}
    .flex-tree-container ul > li > *:not(ul):not(li) {
        padding: 3px 1px;
        border-radius: 3px; 
        font-size: 9px;
        width: 55px;    
        height: 55px;    
      }
      .train-count{font-size: 13px;}
      .content-details p{font-size: 8px;}
}
@media screen and (max-width: 360px) {
    .e-skil-head-box img{width: 50px;margin-right: 0px;border-radius: 5px;}
    .e-skil-head-box p{color:#00A3DD !important;font-weight: 600;font-size:11px !important;line-height: 18px;margin: 0px 0px 0px 5px;}
    .parallax-banner-overlay{height: 240px;}
    .about-content .wpb_wrapper ul li{font-size: 15px;}
    #services.services{margin-left: 0px !important;margin-right: 0px !important;}
    .meetour-experts{width: 80% !important;}    
    .contact-info-text p,.contact-info-text p a{font-size: 11px;}
    .testimonial-title {font-size: 16px;}
    .testimonial-review p.description{font-size: 13px;}
    .cta-imp-stru .ser-dept-list-wh{width:60px !important;font-size: 9px !important;}
    .cpmi-box div.ser-dept-list-wh{font-size: 9px !important;}
    .qmsp-box div.ser-dept-list-wh{font-size: 9px !important;}
    .eopms-box div.ser-dept-list-wh{font-size: 9px !important;}
    .services .services-box-item-cover:after{font-size: 12px !important;}
    .services .services-box-item-content h2{font-size: 17px !important;}
    .services .services-box-item-content p{font-size: 12px !important;line-height: 16px;}
    .table-services thead th{font-size: 11px;}
    .table-services tbody td{font-size: 10px;}
    .online-training h1{font-size: 11px !important;}
    .online-training p{font-size: 8px !important;}
    .video-contant-details{font-size: 15px !important;}
    .naccs .menu div {margin-bottom:1px; }
    .case-study ul li.nav-item a.nav-link{font-size: 3.2px !important;padding: 1px;}    
}
@media screen and (max-width: 345px) {
    .diamond-row-wrap .diamond-box-wrap {width:140px !important; height:140px !important;}
    .flex-tree-container ul > li > *:not(ul):not(li) {
        width: 50px;    
        height: 50px;    
      }
      .content-details p{font-size: 7px;}
}
@media screen and (max-width: 324px) {
.diamond-row-wrap .diamond-box-wrap {width:130px !important; height:130px !important;}
.flex-tree-container ul > li > *:not(ul):not(li) {
    padding: 3px 3px;
    border-radius: 3px; 
    font-size: 8px;    
    }
    .train-count{font-size: 10px;}
}
@media screen and (max-width: 300px) {
    .diamond-row-wrap .diamond-box-wrap {width:120px !important; height:120px !important;}
    .name-dest-text .name-dest-name{font-size: 10px !important;line-height: 15px;}
    .name-dest-text .name-dest-dest{font-size: 8px !important;line-height: 15px;}
    .flex-tree-container ul > li > *:not(ul):not(li) {
        width: 40px;    
        height: 40px;    
        font-size: 7px;
      }
}

.eskilift-form label{ color:#062F4A;font-size: 13px;font-weight: 600;text-align: left !important;}








 
.wrapper img {
	 max-width: 100%;
} 
.wrapper .icon {
	 display: inline-block;
	 width: 1em;
	 height: 1em;
	 stroke-width: 0;
	 stroke: currentColor;
	 fill: currentColor;
}
 .wrapper {
     width: 100%;
     margin: 40px auto;
	 /* height: 90vh;
	 min-height: 850px; */
	 /* background: url(https://res.cloudinary.com/muhammederdem/image/upload/v1536405234/starwars/death_star.jpg) center no-repeat; */
	 background-size: cover;
	 position: relative;
	 overflow: hidden;
	 display: flex;
}
 @media screen and (max-width: 992px) {
	 .wrapper {
		 /* height: auto;
		 min-height: 100vh; */
	}
}
.wrapper .content {
	 height: 550px;
	 margin: auto;
	 width: 100%;
     /* max-width: 1050px; */
     max-width: 1200px;
	 display: flex;
	 align-items: center;
	 position: relative;
}
.est-col2 i{margin-right: 10px;}


 @media screen and (max-width: 1200px) {
    .wrapper .content {
		 max-width: 1180px;
	}
}
 @media screen and (max-width: 992px) {
    .wrapper .content {
		 max-width: 920px;
		 margin-top: 100px;
		 height: auto;
		 min-height: 100vh;
	}
}
 @media screen and (max-width: 767px) {
	.wrapper  .content {
		 margin-top: 20px;
	}
}
 @media screen and (max-width: 576px) {
	.wrapper  .content {
		 margin-top: 20px;
		 margin-bottom: 20px;
	}
}
.wrapper  .bg-shape {
	 height: 100%;
	 background-image: linear-gradient(-45deg, #cc3843 0%, #cb193f 100%);
	 box-shadow: 0px 30px 139px 0px rgba(10, 22, 31, 0.26);
	 border-radius: 30px;
	 padding: 45px 40px;
	 width: 50%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: flex;
	 align-items: center;
}
 @media screen and (max-width: 1200px) {
	.wrapper  .bg-shape {
		 width: 45%;
	}
}
 @media screen and (max-width: 992px) {
    .wrapper .bg-shape {
		 width: 90%;
		 height: 290px;
		 align-items: flex-start;
		 padding: 50px;
		 left: 50%;
		 transform: translateX(-50%);
	}
}
 @media screen and (max-width: 767px) {
	.wrapper  .bg-shape {
		 padding: 30px;
		 width: 95%;
		 border-radius: 20px;
	}
}
 @media screen and (max-width: 576px) {
	.wrapper  .bg-shape {
		 height: 200px;
		 padding: 30px;
	}
}
.wrapper .bg-shape img {
	 object-fit: contain;
	 width: 510px;
	 display: block;
	 object-position: left center;
	 opacity: 0.2;
	 transform: rotate(-90deg) translateY(-50%);
	 max-width: inherit;
	 left: 10px;
	 position: absolute;
}
 @media screen and (max-width: 1200px) {
	.wrapper  .bg-shape img {
		 width: 430px;
		 left: 10px;
	}
}
 @media screen and (max-width: 992px) {
	.wrapper .bg-shape img {
		 transform: none;
		 width: 40%;
		 position: relative;
		 left: auto;
		 margin-left: auto;
		 margin-right: auto;
		 object-fit: contain;
		 height: 100%;
		 object-position: top center;
	}
}
.wrapper  .next,.wrapper  .prev {
	 z-index: 22;
	 display: inline-flex;
	 border: none;
	 width: 61px;
	 height: 61px;
	 border-radius: 50%;
	 justify-content: center;
	 align-items: center;
	 font-size: 25px;
	 position: absolute;
	 top: 50%;
	 outline: none;
	 cursor: pointer;
}
.wrapper .next.disabled, .wrapper .prev.disabled {
	 cursor: not-allowed;
}
.wrapper .next:focus, .wrapper .prev:focus {
	 outline: none;
}
 @media screen and (max-width: 992px) {
    .wrapper .next, .wrapper .prev {
		 top: 10px;
    }
    .wrapper .next, .wrapper .prev {
        width: 41px;
        height: 41px;
    }
    .wrapper .next span.icon{
        margin-left: 30px !important;
        margin-top: -10px !important;
        font-size: 15px;
    }
    .wrapper .prev span.icon {
        margin-left: 0px !important;
        margin-top: -10px !important;
        font-size: 15px;
    }
}
.wrapper .prev {
	 left: -30%;
	 transform: translate(-100%, -50%);
}
 @media screen and (max-width: 1200px) {
    .wrapper .prev {
		 left: -21%;
	}
}
 @media screen and (max-width: 992px) {
    .wrapper .prev {
		 left: 0;
		 transform: translate(-50%, -50%);
	}
}
 @media screen and (max-width: 576px) {
    .wrapper .prev {
		 transform: translate(20%, -50%);
	}
}
.wrapper .next {
	 right: 0;
	 transform: translate(50%, -50%);
}
 @media screen and (max-width: 576px) {
    .wrapper .next {
		 transform: translate(-20%, -50%);
	}
}
.wrapper .product-slider {
	 width: 75%;
	 height: 95%;
	 border-radius: 30px;
	 /* box-shadow: 0 28px 79px 0 rgba(10, 22, 31, 0.35); */
	 position: absolute;
	 top: 50%;
	 right: 0;
	 transform: translateY(-50%);
}
 @media screen and (max-width: 1200px) {
    .wrapper .product-slider {
		 width: 80%;
	}
}
 @media screen and (max-width: 992px) {
    .wrapper .product-slider {
		 width: 80%;
		 left: 50%;
		 transform: translateX(-50%);
		 height: auto;
		 position: relative;
		 top: 0;
		 margin-top: 170px;
		 margin-bottom: 100px;
	}
    .wrapper .product-slider br {
		 /* display: none; */
	}
}
 @media screen and (max-width: 767px) {
    .wrapper .product-slider {
		 border-radius: 20px;
	}
}
 @media screen and (max-width: 576px) {
    .wrapper .product-slider {
		 width: 85%;
		 margin-top: 130px;
	}
}
.wrapper .product-slider__wrp {
	 height: 100%;
}
 .wrapper .product-slider__item {
	 position: relative;
	 height: 100%;
     width: 100%;
     background-color: rgb(29, 84, 121);
     border-radius: 25px;
}
 @media screen and (max-width: 992px) {
	 .wrapper .product-slider__item {
		 height: auto;
    }
    .product-img__item {
        transform: translateY(0%) translateX(60%) !important;
    }
}
 .wrapper .product-slider__item.swiper-slide-active .product-slider__content > * {
	 opacity: 1;
	 transform: none;
}
 .wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(1) {
	 transition-delay: 0s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(2) {
	 transition-delay: 0.2s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(3) {
	 transition-delay: 0.4s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(4) {
	 transition-delay: 0.6s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(5) {
	 transition-delay: 0.8s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(6) {
	 transition-delay: 1s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(7) {
	 transition-delay: 1.2s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(8) {
	 transition-delay: 1.4s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(9) {
	 transition-delay: 1.6s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(10) {
	 transition-delay: 1.8s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(11) {
	 transition-delay: 2s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(12) {
	 transition-delay: 2.2s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(13) {
	 transition-delay: 2.4s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(14) {
	 transition-delay: 2.6s;
}
.wrapper .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(15) {
	 transition-delay: 2.8s;
}
.wrapper .product-slider__item.swiper-slide-active circle {
	 animation: progress 1s ease-out forwards;
	 animation-delay: 0.5s;
	 opacity: 0.75;
}
.wrapper .product-slider__card {
	 height: 100%;
	 display: flex;
	 align-items: flex-start;
	 width: 100%;
	 transition: all 0.5s;
	 overflow: hidden;
	 position: relative;
	 border-radius: 30px;
}
 @media screen and (max-width: 992px) {
    .wrapper .product-slider__card {
		 align-items: flex-start;
	}
}
 @media screen and (max-width: 767px) {
    
    .wrapper .bg-shape img {width: 60%;}
    .wrapper .product-slider__card {
		 border-radius: 20px;
    }
    .product-img__item {
        transform: translateY(-40%) translateX(20%) !important;
    }
}
.wrapper .product-slider__cover {
	 border-radius: 30px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 display: block;
	 object-fit: cover;
}
 @media screen and (max-width: 767px) {
	.wrapper  .product-slider__cover {
		 border-radius: 20px;
	}
}
.wrapper .product-slider__content {
	 color: #fff;
	 padding: 20px 20px 20px 20px;
	 position: relative;
	 z-index: 2;
	 width: 100%;
}
 @media screen and (max-width: 1200px) {
    .wrapper .product-slider__content {
		 padding-left: 20px;
    }
    .eski-serlay-table td, .eski-serlay-table1 td, .eski-serlay-table2 td {font-size: 12px;}
    .out-par-text {font-size: 12px;}
    .eskilift-text-2{margin: 0px ;}
}
 @media screen and (max-width: 992px) {
    .wrapper .product-slider__content {
		 padding: 120px 60px 100px;
		 /* padding-top: 280px; */
		 text-align: center;
	}
}
 @media screen and (max-width: 767px) {
    .wrapper .product-slider__content {
        padding: 120px 10px  10px 10px;
    }
	 /* .product-slider__content {
		 padding: 20px 30px 50px;
		 padding-top: 300px;
	} */
}
 @media screen and (max-width: 576px) {
	 .product-slider__content {
		 padding-top: 220px;
		 padding-left: 15px;
		 padding-right: 15px;
	}
}
 .product-slider__title {
	 margin: 0;
	 margin-bottom: 0px;
	 font-weight: 900 !important;
     font-size: 20px;
     color: rgb(209, 233, 255);
	 line-height: 1.2em;
	 letter-spacing: 2px;
	 opacity: 0;
	 transform: translateY(55px);
     transition: all 0.5s;
     /* font-family: Arial, Helvetica, sans-serif; */
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
 @media screen and (max-width: 1200px) {
	 .product-slider__title {
		 font-size: 20px;
    }
    
}
 @media screen and (max-width: 576px) {
	 .product-slider__title {
         font-size: 18px;
         margin-bottom: 10px;
	}
}
 .product-slider__price {
	 display: block;
	 font-size: 42px;
	 opacity: 0;
	 transform: translateY(55px);
	 transition: all 0.5s;
}
 @media screen and (max-width: 1200px) {
	 .product-slider__price {
		 font-size: 36px;
	}
}
 @media screen and (max-width: 576px) {
	 .product-slider__price {
		 font-size: 30px;
	}
}
 .product-slider__price sup {
	 top: -20px;
	 font-size: 65%;
}
 .product-slider__cart {
	 box-shadow: 0 7px 99px 0 rgba(204, 51, 66, 0.6);
	 background-image: linear-gradient(-45deg, #cc3843 0%, #cb193f 100%);
	 border: none;
	 color: #fff;
	 padding: 10px 30px;
	 border-radius: 50px;
	 min-height: 50px;
	 font-weight: 700;
	 font-size: 14px;
	 letter-spacing: 2px;
	 margin-right: 40px;
	 cursor: pointer;
}
 @media screen and (max-width: 768px) {
	 .product-slider__cart {
		 margin-right: 30px;
	}
}
 @media screen and (max-width: 576px) {
	 .product-slider__cart {
		 width: 100%;
		 max-width: 300px;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 50px;
	}
}
 .product-slider__fav {
	 color: #888e94;
	 background: none;
	 border: none;
	 position: relative;
	 padding-left: 25px;
	 outline: none;
	 cursor: pointer;
}
 .product-slider__fav:focus {
	 outline: none;
}
 .product-slider__fav .heart {
	 display: block;
	 position: absolute;
	 left: 0;
	 transform: translate(-50%, -50%) scale(0.7);
	 top: 50%;
	 pointer-events: none;
	 width: 100px;
	 height: 100px;
	 background: url("https://res.cloudinary.com/muhammederdem/image/upload/v1536405215/starwars/heart.png") no-repeat;
	 background-position: 0 0;
	 cursor: pointer;
	 transition: background-position 1s steps(28);
	 transition-duration: 0s;
}
 .product-slider__fav .heart.is-active {
	 transition-duration: 1s;
	 background-position: -2800px 0;
}
 .product-slider__bottom {
	 margin-top: 20px;
	 opacity: 0;
	 transform: translateY(55px);
	 transition: all 0.5s;
}
 .product-ctr {
	 display: flex;
	 align-items: center;
	 min-height: 150px;
	 margin-top: 40px;
	 opacity: 0;
	 transform: translateY(55px);
	 transition: all 0.5s;
}
 @media screen and (max-width: 992px) {
	 .product-ctr {
		 justify-content: center;
	}
}
 .product-ctr .hr-vertical {
	 width: 1px;
	 background: #9fa3a7;
	 align-self: stretch;
	 margin: 0 35px;
	 flex-shrink: 0;
	 opacity: 0.5;
}
 @media screen and (max-width: 767px) {
	 .product-ctr {
		 justify-content: center;
		 flex-wrap: wrap;
		 margin-bottom: 40px;
	}
	 .product-ctr .hr-vertical {
		 width: 100%;
		 margin: 35px 0;
		 height: 1px;
	}
}
 @media screen and (max-width: 767px) {
	 .product-labels {
		 width: 100%;
	}
}
 .product-labels__checkbox {
	 display: none;
}
 .product-labels__checkbox:checked + .product-labels__txt {
	 border-color: #cc3743;
	 padding: 10px 13px;
}
 .product-labels__title {
	 font-weight: 700;
	 letter-spacing: 3px;
	 font-size: 16px;
	 margin-bottom: 10px;
}
 .product-labels__group {
	 display: flex;
	 margin-bottom: 15px;
}
 @media screen and (max-width: 992px) {
	 .product-labels__group {
		 justify-content: center;
	}
}
 .product-labels__group:last-child {
	 margin-bottom: 0;
}
 .product-labels__item {
	 margin: 5px;
	 cursor: pointer;
}
 .product-labels__item:first-child {
	 margin-left: 0;
}
 .product-labels__txt {
	 display: block;
	 border: 2px solid transparent;
	 font-size: 14px;
	 padding: 10px 20px;
	 padding-left: 0;
	 border-radius: 50px;
	 transition: all 0.3s;
	 letter-spacing: 2px;
}
 @keyframes progress {
	 0% {
		 stroke-dasharray: 0 100;
	}
} 
 .product-img {
	 position: absolute;
	 z-index: 2;
	 width: 500px;
	 left: 25%;
	 transform: translateX(-45%);
	 max-height: 500px;
	 height: 100%;
	 pointer-events: none;
}
 @media screen and (max-width: 1200px) {
	 .product-img {
		 width: 430px;
		 left: 20%;
	}
}
 @media screen and (max-width: 992px) {
	 .product-img {
		 width: 430px;
		 left: 50%;
		 transform: translateX(-50%);
		 top: 0;
		 height: 350px;
    }
    .pgm-dtl-sub-dtl{margin-top: -100px !important;}
}
@media screen and (max-width: 991px) {
.pgm-dtl-sub-dtl{margin: 20px auto 20px auto;}
}
 @media screen and (max-width: 767px) {
	 .product-img {
		 width: 100%;
		 max-width: 400px;
		 top: 30px;
		 height: 390px;
	}
}
 @media screen and (max-width: 576px) {
	 .product-img {
		 max-width: 300px;
		 height: 300px;
	}
}
 .product-img__item {
	 display: flex;
	 align-items: center;
	 position: absolute;
	 pointer-events: none;
	 user-select: none;
	 top: 50%;
	 left: 50px;
	 transform: translateY(-50%) translateX(-130px);
	 opacity: 0;
	 transition: all 0.3s;
}
 .product-img__item.active {
	 opacity: 1;
	 transform: translateY(-50%) translateX(0);
	 transition-delay: 0.3s;
}
 .product-img__item img {
	 object-fit: contain;
     object-position: center right;
     width: 150px;
     border-radius: 50%;
}
  


.list-type1{
    width:100%;
    margin: 0 auto;
    }
    
    .list-type1 ol{
        width:90%;
        margin: 0 10px 1em 30px;
    counter-reset: li;
    list-style: none;    
    font-size: 15px;
    padding: 0;
    }
    .list-type1 ol ol{
    margin: 0 0 0 2em;
    }
    
    .list-type1 li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    /* padding: .4em; */
    margin: .5em 0;
    /* background: rgb(194, 215, 235); */
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 10em;
    transition: all .2s ease-in-out;
    cursor: pointer;
    }

    .list-type1a li{
        position: relative;
        display: block;
        padding: .4em .4em .4em 2em;
        /* padding: .4em; */
        margin: .5em 0;
        /* background: rgb(194, 215, 235); */
        color: #ffffff;
        font-weight: 500;
        text-decoration: none;
        -moz-border-radius: .3em;
        -webkit-border-radius: .3em;
        border-radius: 10em;
        transition: all .2s ease-in-out;
        cursor: pointer;
        }
    
    .list-type1 li:hover,.list-type1a li:hover{
    /* background: #fff;
    color:#041A2E;    
    font-weight: 600;
    text-decoration:none;
    transform: scale(1); */
    /* border: 1px solid #041A2E; */
    }
    
    .list-type1 li:before{
    content: "\f005";
    font-family: "FontAwesome";
    /* content: counter(li);
    counter-increment: li; */
    position: absolute;
    left: -1.3em;
    top: 65%;
    margin-top: -1.3em;
    background: #041A2E;
    height: 2em;
    width: 2em;
    line-height: 1.7em;
    border: .2em solid rgb(194, 215, 235);
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color:#FFF;
    }

    .list-type1a li:before{
        content: '%';
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #041A2E;
        height: 2em;
        width: 2em;
        line-height: 1.7em;
        border: .2em solid rgb(194, 215, 235);
        text-align: center;
        font-weight: bold;
        -moz-border-radius: 2em;
        -webkit-border-radius: 2em;
        border-radius: 2em;
        color:#FFF;
        }

.pgm-dtl-sub-dtl{margin-top: 30px;}
.pgm-dtl-sub-dtl fieldset {
        margin-top: 0rem;
        margin-bottom: 2rem;
        border: 1px solid #C2D7EB;
        border-radius: 10px;
        min-height: 350px;
      }
      
      legend  {
        width: 250px;
        background-color: rgb(194, 215, 235);
        padding: 5px;
        font-size: 1.3rem;
        color: #041A2E;
        font-weight: 900;
        /* text-shadow: 1px 1px 1px rgba(0,0,0,0.5); */
        transform: translateX(-0.38rem);
        box-shadow: -1px 1px 1px rgb(194, 215, 235);
      }
      
      
      
      legend:after {
        content: "";
        height: 0;
        width:0;
        background-color: transparent;
        border-top: 0.0rem solid transparent;
        border-right:  0.35rem solid rgb(194, 215, 235);
        border-bottom: 0.45rem solid transparent;
        border-left: 0.0rem solid transparent;
        position:absolute;
        left:-0.010rem;
        bottom: -0.45rem;
      }

 .regs-btn{cursor:pointer;border-radius:5px;background-color: #C2D7EB;color:#041A2E;outline: none;border: none;border: 1px solid #041A2E;text-align: center;margin: auto !important;width: 50%;font-size: 14px;font-weight: 600;padding: 5px 10px;}
 .regs-btn:hover{color: #C2D7EB;background-color:#041A2E;border: 1px solid #C2D7EB;}
 .regs-btn:focus{outline: none;border: none;}

      .modal-content-60{width:60%; margin:1% auto 1% auto;}
      .modal-content-90{width:90%; margin:1% auto 1% auto;}
      .covid-19 .card{border: none;}
      .covid-content-head{color:#081929;background-color: #afd8ff;width: 300px;margin: auto;font-size: 18px;font-weight: 700;padding:5px 10px;border-radius: 25px;margin: 20px auto 30px auto;}
      .covid-footer{color:#081929;background-color: #afd8ff;padding: 10px;font-size: 13px;font-weight: 600;}
      .covid-entry-disbox{display: flex;flex-wrap: wrap;}
      .covid-entry-disbox div.covid-entry-exit{width: 33.33%;}
      .covid-foot-conent{margin-bottom: 10px;}
      .covid-content{padding: 10px;}
      .covid-bol{font-weight: bold;font-weight: 800 !important;}
      .covid-pic img{text-align: center !important;height: 120px;margin-bottom: 15px;border-radius: 10px;box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);transition: all ease-in-out 300ms;}
      .covid-pic img:hover{box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);transform: translate(0px, -5px) scale(1.1)}
      .covid-entry-exit{margin-bottom: 20px;padding: 10px;text-align: center;}
      .covid-sub-content{text-align: center; font-size: 15px;font-weight: 600;}


       
      .dropbtn {
        background-color: #C80004;
        color: white;
        padding: 3px 20px;
        font-size: 15px;
        border: none;
        cursor: pointer;
        border-radius: 20px;
        font-weight: 500;

      }
      .dropbtn:focus {outline:none}
      .dropdown {
        position: relative;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        right: 0;
        background-color: #f9f9f9;
        /* min-width: 160px; */
        width: 100%;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #C80004;
      }
      
      .dropdown-content a {
        color: black;
        padding: 7px 16px;
        text-decoration: none;
        display: block;
        font-size:14px;
        font-weight: 600;
      }
      
      .dropdown-content a:hover {background-color: rgb(255, 221, 222);}
      .dropdown-content a:active, .dropdown-content a:focus {background: linear-gradient(to right, #DA0304, #C80004);color:#fff}
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      
       .row-col-p-l{padding-left: 0;}
       .row-col-p-r{padding-right: 0;}

      @media screen and (max-width: 1280px) {
        .modal-content-60{width:95%;}
      }
      @media screen and (max-width: 767px) {
        .covid-content-head-mb{margin-top: 40px !important;}
      .covid-entry-disbox div.covid-entry-exit{width: 50%;}
      .covid-19 .modal-content .close{position:absolute; top:1px; right:5px !important;color:#fff;font-size:25px;font-weight: 100;line-height: 25px;}
      .row-col-p-l{padding-left: 15px;}
       .row-col-p-r{padding-right:  15px;}
      }
      @media screen and (max-width: 576px) {
        .covid-content-head{width: 280px;margin: auto;font-size: 13px;}
        .covid-entry-disbox div.covid-entry-exit{width: 100%;}
        }