body{font-size:14px; font-family:'Roboto', sans-serif; color:#222; font-weight:400; line-height:23px;letter-spacing:0.8px;}
p, .pg-block ul{ }
section{ padding:35px 0;}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

.newblink{
    position: absolute;
    right: 0;
    top: -1px;
    color: #ff1515;
    background-color: #fff;
    padding: 0 3px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 2px;
}

.clr-new a{
    background-color: #9d254d;
    color: #fff;
}

.ghh {
    position: relative;
}


.note{background: #0c111b;}
 .marker-primary.marker-ribbon {
    background-color: #012b55;
}

.marker {
    background-color: #012b55;
    color: #ffffff;
    padding: 8px 10px;
    font-size: 10px;
    z-index: 1;
} 
.marker-ribbon {
    margin-left: -10px;
    box-shadow: 1px 1px 1px rgb(28 39 60 / 16%);
}
.pos-absolute {
    position: absolute;
    top: -18px;
}
.marker-primary.marker-ribbon::after {
    border-bottom-color: #0b0e2b;
}

.marker-ribbon::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    border-bottom: 7px solid #b4bdce;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    transform: rotate(45deg);
}
.marker-ribbon h5 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}



.recent {
    padding: 20px 15px 15px 15px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    border: 1px solid #ddd;  background: #fff;
    margin-top: 38px;
  }
.demof { margin: 0px 0;}
.demof ul {padding: 0;list-style: none;width: 100%;}
.demof li {
    padding: 4px 0 4px 24px;
    height: auto; font-size: 12px; letter-spacing: 0.2px;
    border-bottom: 1px solid #f3f3f3;
    position: relative; color: #000;
}
.demof li img {
    margin-top: 6px;
    margin-left: 8px;
}
.demof ul li::before {
    color: #ffffff;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 5px;
    font-weight: 600;
    background: #9d254d;
    border-radius: 30px;
    height: 16px;
    width: 17px;
    text-align: center;
    line-height: 17px;
}
.demof a {
    color: #f15a22 !important;
    padding: 0px 0 !important;
    margin: 0px !important;
    font-weight: 500;
    font-size: 12px;
} 


.shadow {
    box-shadow: 0 7px 8px -1px rgb(160 160 160 / 10%);
    z-index: 999;
}

.form-action .btn-new {
    border: 1px solid #ff0000;
    color: #f00;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
}


.video-frame {
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.video-frame .youtube-player {
position: relative;
padding-bottom: 56.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 5px;
}

.video-frame .youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.video-frame .youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

.video-frame .youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.video-frame .youtube-player .play {
height: 50px;
width: 50px;
left: 50%;
top: 50%;
position: absolute;
background: url("//i.imgur.com/TxzC70f.png") no-repeat;
cursor: pointer;
background-size: 50px;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}





.bg-overlay {background-color:rgba(31, 40, 55, 0.84);height: 100%;position: absolute;right: 0;top: 0;width: 100%;}
.banner {
    /* background: url(https://clsite-file1.s3.amazonaws.com/6858_lst-new-bg.jpg) no-repeat scroll center bottom / cover; */
    position: relative;
    padding: 50px 0px 50px 0px;
    overflow: hidden;
    background-color: #e6f2ff;
}
.banner::before {
    content: '';
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(28, 55, 91, .62);
    opacity: 0.2;
}

.banner h1 {
    color: #000;
    font-size: 27px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.banner h1::before, .banner h1::after{ content:inherit; display:none;}


.thankyoupage.banner{
    padding: 30px 0;
}

.thankyoupage.banner::before{
    content: initial;
    z-index: inherit;
}
.btn-pdf{
background-color: #ff692e;
color: #fff !important;
padding: 8px 12px;
font-size: 15px;
}

.programe-list {
    background: linear-gradient(to right, #fafcff 0%,#fafcff 48%,#eefeff 48%,#eefeff 100%); padding: 0;
}
.programe-list .container-fluid {
    padding: 0 20px;
}
.three-part1 {
    padding: 20px 0px;
}
.programe-list h3 {
    margin: 0 0 15px 0;
    font-size: 20px;
}
.three-part2 {
    background: #f6f9e6;
    padding: 20px 20px;
}
.three-part3 {
    padding: 20px 0px;
}
.product-gridii {
    margin-bottom: 15px;
    text-align: center;
}
.programe-list .col-md-4, .programe-list .col-md-6 {
    padding: 0 8px;
}

.hvr-shutter-out-vertical {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    background: #cdb4ff;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 10px 5px;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #222;
    border-radius: 3px;
    font-weight: 500;
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white;
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}




.bg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(
-60deg
, #333333 50%, #2900ff 50%);
    bottom: 0;
    left: -50%;
    opacity: .3;
    position: absolute;
    right: -50%;
    top: 0;
    z-index: 1;
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 4s;
}

.bg3 {
    animation-duration: 5s;
}

@keyframes slide {
    0% {
        transform: translateX(-25%);
    }
    100% {
        transform: translateX(25%);
    }
}   

.home-content {
    position: relative;
    z-index: 9;
    color: #ffffff;
}


.brochire{background-color: #EB593C; text-align: center; padding: 8px 0px;letter-spacing: 1.1px;}
.brochire h5{color: #FFFFFF; font-size: 17px; margin: 0px;}
.brochire a {
    color: #222;
    font-size: 14px;
    padding: 6px 8px;
    display: inline-block;
    text-align: center;
    border: 2px solid #ffeb00;
    border-radius: 50px; background: #ffeb00;
}
.brochire .fa {
    color: #211f08; font-size: 14px;
}

.credential .modal-dialog {width: 425px!important;}
button.close {
    background: #ff692e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    opacity: inherit;
    color: #fff!important;
    margin-top: -10px!important;
    margin-right: 0px;
    position: relative;
    z-index: 999;
    position: absolute;
    right: 12px;
}
h4.modal-title {text-align: left;}
button.close:focus, button.close:hover {color: #fff;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: initial;}
.modal-body p{ font-size:14px;}
.credential .modal-body {
    position: relative;
    padding: 25px;
}
.modal-body .btn {
    background: #f15a22;
    border: 1px solid #f15a22;
    color: #fff;
    font-size: 16px;margin-bottom: 10px;
    width: 100%;
}
.credential .modal-header {
    min-height: 16.43px;
    padding: 10px 20px;
    border-bottom: none;
    background: #f7f7f7;
}
.modal-dialog h4 {
    font-size: 17px!important;
    letter-spacing: 0.9px!important;
    text-align: left!important;
}

.modal-body { padding: 0px !important;   }
button.close {width: 20px;height: 20px; }
.close {font-size: 12px !important;}








.notifications {box-shadow: 6px 3px 12px 0 rgba(0, 0, 0, 0.05); background:#fff;  padding-bottom: 9px;border: 1px solid #efefef;}
.notifications h2 {color: #222;font-size: 19px;font-weight: 600;background: #f3f3f3;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.07);line-height: 21px;margin: 0;padding: 12px 20px;
    position: relative;text-align: center;}
.notifications ul {font-size: 14px;list-style: outside none none;margin:0;padding: 10px 15px 10px 15px;}
.notifications ul li {list-style: outside none none;margin: 0;padding: 5px 0 5px 20px;position: relative; color:#222; text-align:left; line-height:22px; border-bottom:1px solid #e1e1e1;}
.notifications ul li a{ color:#222;}
.notifications ul li::before {color: #222;content:"\f105";font-family: "FontAwesome";font-size: 15px;left: 4px;position: absolute;top: 4px; }
.more{ text-align:right; padding:0 15px;}
.more a{ color:#222; font-size:14px; font-weight:500;}

.mid-section{}
section h1{color: #222;font-size: 26px;font-weight: 600;margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;position: relative;text-align:left;}
section h1::before {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;bottom: 0;content: "";height: 1px;left: 0;position: absolute; right: 0;width: 200px;}
section h1::after {background: #e16038 none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 2px;left: 0;position: absolute;
    right: 0;width: 70px;}
    
.form-box h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
}
.form-box p {
    line-height: 18px;
}

.form-box {background: #fff;  border-radius: 0px;  padding: 20px 22px;}
.form-group {
    margin-bottom: 12px!important;
}
.form-control {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: none;
    color: #393939;
    font-weight: 400;
    border: 1px solid #bababa;
    height: 35px;
    margin-bottom: 0px;
    padding-left: 8px;
    letter-spacing: 0.6px;
}
.form-box .btn {
    background-color: #f15a22;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    padding: 6px 0px;
    text-align: center;
    width: 100%;
}
input::placeholder { font-size:13px;color:#8B8B8B;}
    
.product-coten {
    background: #fff none repeat scroll 0 0;
    border: none;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    box-shadow: 0 10px 30px 0 rgb(54 56 110 / 15%);
}
.product-coten img {margin-bottom: 15px;min-height: 74px;}
.product-coten h3 {margin-top: 0;
    color: #2b2f58;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;}
.product-coten p {font-weight: 400;min-height: 170px;margin: 0;}

#contedtop .col-md-4:nth-child(3) ~ * {
    margin-top: 30px;
}


.hvr-shutter-in-horizontal {
    background: #572e8a none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: #fff !important;
    display: inline-block;
    font-weight: 500;
    margin-right: 5px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
    margin-top: 10px;
    font-size: 14px;
    width: 46%;
}
.hvr-shutter-in-horizontal::before {background: #ff692e none repeat scroll 0 0;border-radius: 3px;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;
transform: scaleX(1);transform-origin: 50% 50% 0;transition-duration: 0.3s;transition-property: transform;transition-timing-function: ease-out;z-index: -1;}
.hvr-shutter-in-horizontal:hover::before, .hvr-shutter-in-horizontal:focus::before, .hvr-shutter-in-horizontal:active::before {transform: scaleX(0);}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {color: white;text-decoration: none;} 

.videos-con .imagefld-con::after {background-image: url("/images/play-button.png");content: "";height: 64px;left: 50%;opacity: 0.8;position: absolute;top: 50%;
    transform: translate(-50%, -50%);width: 64px;}
.videos-con .imagefld-con {position: relative;} 
.videos-con h3 {font-size: 14px;font-weight: 500;line-height: 1.4;margin-bottom: 0;margin-top: 5px;}
.videos-con a:hover {text-decoration: none;}


.sub-heading {
    color: #222;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
    border-bottom: none;
}

.sub-heading::after {
    background: #ff0000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 55px;
}

.progrme{ margin:20px 0;}   
.testmonials-pull {background-image: none;background-position: center top;background-repeat: no-repeat;background-size: cover;color: #000;padding-bottom: 10px;padding-top: 10px;}  
.testmonials-pull .slick-prev {background-image: url(../images/left-arrow.png);left: -10px;}
.testmonials-pull .slick-next {background-image: url(../images/right-arrow.png);right: -10px;}
.testmonials-pull .slick-arrow {background-color: transparent;background-repeat: no-repeat;border: 0 none;cursor: pointer;font-size: 0;height: 24px;padding: 0;position: absolute;top: 40%;width: 14px;z-index: 9;}

.dft-bnr{ border-radius:5px; border:1px solid #d2d2d2; padding:10px 15px; margin-top:20px;}
.d-bnr {border: 1px solid #efefef;margin: 15px 0;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -10px;right: 15%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left: 15%;margin-left: -10px;}
.result h2 {font-size: 22px;font-weight: 600;}
section#sub-nav-region{ padding:2px 0;}

#myList {text-align: center;}
#myList li{ display:none; list-style:none;}
#loadMore {color:green;cursor:pointer;}
#loadMore:hover { color:black;}
#showLess {color:red;cursor:pointer;display:none;}
#showLess:hover {color:black;}

.feedback-block {position: relative; margin-bottom:25px;}
.feedback-block .inner-box {position: relative;padding: 20px 35px 0px 45px;border: 1px solid #ebebeb;text-align: left;background: #fff;transition: all 300ms ease 0s;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);}
.feedback-block .inner-box .fa{ font-size:19px;}
.feedback-block .inner-box p:after,
.feedback-block .inner-box p:before{ position:absolute;font-family:"FontAwesome"; font-size:20px; color:#397999;}
.feedback-block .inner-box p:after{ content:"\f10e"; right:12px; }
.feedback-block .inner-box p:before{ content:"\f10d"; left:12px;}
.feedback-block .inner-box .author {position: relative;padding: 10px 0 12px 120px;background: #fafafa;margin: 25px -35px 0 -45px;display: block;border-top: 1px solid #eee;}
.feedback-block .inner-box .author h4 {font-size: 18px;font-weight: 600;line-height: 1.6em; color:#212333;margin: 6px 0 5px 0px;}
.feedback-block .inner-box .designation {font-size: 14px;line-height: 1.5em;}
.feedback-block .inner-box .image {position: absolute;left: 45px;}
.feedback-block .inner-box .image img {width: 63px;margin: 0 auto;max-height: 63px;border-radius: 50%;border: 1px solid #d4d4d4;}
.feedback-block .inner-box:hover {transition: 0.5s;border: 1px solid #ebebeb;}
.feedback-block .inner-box p{ margin-bottom:10px;}
.more-load {color: #337ab7 !important;margin: 10px 0;border-radius: 2px;padding: 10px 20px;display: inline-block;border: 1px solid #777;font-size: 15px;
    font-weight: bold;}
.more-load:hover{color: #fff !important;background:#006699;border-color: #006699;}
.show-less {color: #97124d !important; margin-top: 20px;border-radius: 2px;padding: 13px 20px;display: inline-block; border: 1px solid #777;font-size: 15px;
    font-weight: bold;}
.show-less:hover{color: #fff !important;background:#97124d;border-color: #97124d;}
/*---------------------------------------------load more-------------------------------------------*/
.table-new thead th{
background-color: #ff692e;
color: #fff;
vertical-align: top!important;
}

.table-new tbody td.v-m{
    vertical-align: middle!important;
}

.arrow-list{
list-style: none;
padding-left: 10px;
margin-top: 10px;
}

.arrow-list li{
    margin-bottom: 7px;
}

.arrow-list li i{
    color: #ff692e;
    margin-right: 5px;
}

.arrow-list ul{
    padding-left: 15px;
}


.thanku-section {
    padding-top: 0;

}

.thanku-box {
    background-image: url("../tips-tricks-to-reasoning/images/thanku-bg-2.png");
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    min-height: 300px;
    background-size: 100%;
    float: left;
    width: 100%;
}


.thanku-box::before {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";

}

.thanku-icon {

    margin: 80px auto 10px auto;
    display: block;
    position: relative;
    color: #ff692e;
    font-size: 50px;

}

.thanku-box h2 {

    color: #fff;
    position: relative;
    font-size: 40px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;

}


.pg-block ul {list-style: outside none none;margin:0 0 10px 0;padding: 0;}
.pg-block ul li {list-style: outside none none;margin: 0;padding: 3px 0 3px 25px; position: relative; color:#222; text-align:left; }
.pg-block ul li::before {
    color: #FF692E;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 4px;
    font-weight: 600;
}

.freezone-con .fild-contnet {
    margin-top: 20px;padding: 10px 8px!important;
}
.freezone-con .fild-contnet h3 {  line-height: 20px;font-weight: 500;}
.freezone-con .fild-contnet a {line-height: inherit;}

.exam-btn ul{ margin-top: 0px; padding: 0; margin-bottom: 0;}  
    
.exam-btn ul li {
    list-style: none;
    padding: 7px 5px;
    display: inline-block;
    border: 1px solid #ccc;
    width: 130px;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
}
.exam-btn ul li a:hover { color: #fff;}
.exam-btn ul li:hover {
    color: #fff !important;
    background: #219ccf;
    text-decoration: none;
    transition: all .5s ease-in-out;
   
}
.exam-btn ul li.with-big {
    width: 200px;
}

.others .exam-btn ul li.with-big {
    width: 176px;
    line-height: 15px;
}


.sub-nav-region .navbar-nav > li > a img {
  margin-top: 0px;
margin-right: 5px;
vertical-align: middle;
}
.accordion-section .panel-default {
    border: 0;
    background:#EFF2F8;
    padding: 5px !important;position: relative;
    }
.accordion-section .panel-heading{
    border: 0;
    background: none;
    
    }

.accordion-section .panel-default .panel-title a,
.accordion-section a.accordion-section-title {
    display: block;

}
.accordion-section .panel-default .panel-title a::after,
.accordion-section a.accordion-section-title:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
    content: "\f106";
    color: #00045f;
    position: absolute;
    right: 10px;
}

.accordion-section a.accordion-section-title:after{
    right: 30px;
         content: "\f107";
}

.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}

.accordion-section a.accordion-section-title.active:after{
        content: "\f106";
}

.accordion-section .panel-default .panel-body {
    font-size: 16px;
    color:#222;
}
.accordion-section h5 {
    font-weight: bold;
    color: 
    #00045f;
    font-size: 16px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color:     #CDD5E3;
}
.feature-hover{ display:none;}

.two-left .product-grid { width: 30.33%;}
.two-right .product-grid { width: 30.33%;}
.two-right .product-grid:nth-child(4), .two-right.product-grid:nth-child(7) {
    margin-right: 0px!important;
}
.two-right .product-grid:nth-child(4), .two-right .product-grid:nth-child(7) {
    margin-right: 14px;
}
.two-right .product-grid:nth-child(3), .two-right .product-grid:nth-child(5) {
    margin: 0px 15px 15px 0px;
}

.two-left, .two-right{ margin-top:20px;}
.product-grid {
    margin-bottom: 15px;
    float: left;
    text-align: center;
    margin-right: 14px;
}
.product-grid.dsk a {
line-height: 16px;padding: 8px;
}!
.product-grid a {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 8px 15px;
    width: 100%;
    background: rgba(255,255,255,0.15);
    border-radius: 2px;
    line-height: 33px;font-weight: 400;
}
.product-grid:nth-child(4), .product-grid:nth-child(7) {
    margin-right: 0px;
}
.product-grid a:hover{
background:#f15922; color: #fff; text-decoration:none;
}

.two-left.luy .product-grid {
    width: 48%;
}   
.luy .product-grid:nth-child(3) {
    margin-right: 0px!important;
}


.ipm-content .pg-block ul.listing li{
    float: left;
    width: 50%;
}

.ipm-content .pg-block ul.listing {
    clear:both;
    width:100%;
}

.ipm-content .pg-block h3{
    clear:both;
    display: inline-block;
    width:100%;
}

.ipm-content .pg-block p{
    clear:both;
}

.banner h3 {
    border-radius: 20px;
    clear: both;
    color: #fff;
    margin-top: 25px;
    display: inline-block;
    background: rgb(42 45 47 / 67%);
    padding: 6px 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.outline-links{
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    border: 1px solid #777;
    padding: 8px 10px;line-height: 21px;
    
    background: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle;
}
.outline-links:hover{
    color:#fff;
    text-decoration:none;
    border-color:#006699;
}
.outline-links:before {
    background: #006699 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
    z-index: -1;
}

.outline-links:hover:before {
    color: #000;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

@media (min-width: 768px){
    .modal-dialog {        width: 500px !important;    }
  }

@media only screen and (max-width: 767px) { 
    .modal-dialog {        margin: 50px;        padding-top: 20px;    }
    
body p:last-child {
    margin-bottom: 10px;
}
.banner h1 {
    color: #fff;
    font-size: 19px;
    padding-bottom: 0px;
}
.form-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
}
.hvr-shutter-out-vertical {
    line-height: 15px;
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}
.accordion-section h5 {
    font-weight: bold;
    color: #00045f;
    font-size: 14px;
}
.programe-list {
    background: linear-gradient(to right, #fafcff 0%,#fafcff 48%,#fafcff 48%,#fafcff 100%);
    padding: 30px 0;
}
.three-part2 {
    background: none;
    padding: 10px 5px;
}
.form-action .btn-new {
    margin-right: 0px;
    white-space: break-spaces;
    width: 100%;
    margin-bottom: 7px!important;
    font-size: 13px!important;
}
.exam-btn ul li.with-big {
    width: 142px;
}
.others .exam-btn ul li.with-big {
    width: 142px;
    line-height: 15px;
}
.sub-heading {
    font-size: 21px;

}
#contedtop .col-md-4:nth-child(2) ~ * {
    margin-top: 30px;
}

.ipm-content .pg-block ul.listing li{
        width:100%;
    }
.header-region .navbar-nav > li > a.highltcolor {background-color: #ff692e;color: #fff;padding: 5px 20px;text-align: center;}
.hvr-shutter-in-horizontal{ display:none;}
.testmonials-pull .slick-prev {left: 4px;}
.testmonials-pull .slick-next {right: 4px;}
.feature-hover {display: block;border-color: #572E8A transparent;}
.product-coten h3 {font-size: 16px;}
.exam-btn ul li {margin-right: 0px;
    width: 142px;
    margin-bottom: 10px;}   
#flexuse{display:grid;}
#contedtop{order:2; margin-top: 20px;}
#formcontfld{order:1;}
.product-grid:nth-child(3), .product-grid:nth-child(5), .product-grid:nth-child(7) {
    margin-right: 0px!important;
}
.product-grid:nth-child(4), .product-grid:nth-child(7) {
    margin-right: 14px;
}
.two-right .product-grid:nth-child(4), .two-right .product-grid:nth-child(7) {
    margin-right: 14px!important;
}

.two-left .product-grid {
    width: 47%;
}
.two-right .product-grid {
    width: 47%;
}

.two-left.luy .product-grid {
    width: 47%;
}

.product-grid a {
    padding: 8px 10px;   
    line-height: 32px;
}

    
}


.video-frame .youtube-player {
position: relative;
padding-bottom: 55.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 0px;
}

.video-frame .youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.video-frame .youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

.video-frame .youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.video-frame .youtube-player .play {
height: 50px;
width: 50px;
    margin-left: inherit;
    margin-top: inherit;
left: 50%;
top: 50%;
position: absolute;
background: url("https://www.careerlauncher.com/ipm/images/play-button.webp") no-repeat;
cursor: pointer;
background-size: 50px;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .programe-list .three-part2 h3 {
        font-size: 18px;
    }

    .product-coten p {
        min-height: 190px;
    }

    .hvr-shutter-in-horizontal {
        width: 100%;
    }

    .exam-btn ul li {
        width: 176px;
    }
    }