HEX

File: /home/vacationcoursesc/public_html/summer/css/style.css
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');
@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;
}
body{ font-family: 'Montserrat', sans-serif;color: #202020;}
.h1, h1 {}
 .affix {
    top: 0px !important;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #F44336;
    border-color: #F44336;
	max-width: inherit !important;
	border-radius:0px !important;
	box-shadow: 0px 2px 6px #424242;

  }
  .affix a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .affix-top a {
  }
  .affix + .container-fluid {
  }
   .affix .navbar-brand {padding: 15px 0px;;}
  .affix .navbar-nav>li>a {padding: 25px 20px;}
 .affix .navbar-brand>img {
    width: 135px;}
img{max-width: 100%;}
  a{}
h1, h2, h3, h4, h5{margin-top: 0px;}
p{ line-height: 28px;
    color: #777;
    font-size: 16px;}
.btn-primary {
    color: #fff;
    background-color: #1d3d76;
    border-color:#1d3d76;;
}
.btn-primary:hover{
    color: #fff;
     background-color: #00318a;
    border-color: #00318a;
}
.btn-danger {
    color: #fff;
    background-color:#ff0000;
    border-color:#ff0000;
}
.btn-danger:hover {
    color: #fff;
  background-color: #ff0000;
    border-color: #ff0000;
}
.container-fluid {margin-right: 40px;margin-left: 40px;}
header{ position: relative; z-index:1000;}
.hdr-top {
    background-color: #000000;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
}
.hdr-social-link li a {font-size: 16px;
    color: #333;
    transition: 0.5s;
    display: block;
    background-color: #fff;
        box-shadow:0px 0px 8px 2px #e8e8e8;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
}
.hdr-top-cnt li a {
    color: #fff;
    font-weight: 600;
}
.txt-rgt{ text-align:right;}
.navbar-default { z-index:1000;  margin:auto; border-radius:0px;
    background-color:#fff;
    border: none;}
.navbar-brand {    padding:22px 10px;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;}
.navbar-default .navbar-brand {}
.navbar-brand span{}
.navbar-brand>img {width: 150px;}
.navbar-default .navbar-nav>li>a{color: #000;}
.navbar-nav>li>a.logo{    padding: 5px 35px;margin-top: 10px;}
.navbar-nav>li>a {     color: #333;    padding: 30px 15px;
    font-weight: 500;font-size: 13px;}
	.navbar-nav>li:hover>.drop-menu{ display:block;}
.navbar-nav>li>a.download-app{    padding: 0px;
    color: #fff;
    border-radius: 4px;
    margin-top: 22px;}

.navbar-default .navbar-nav>li>a.download-app:hover{color: #000;}
	.drop-menu{ padding:0px;width: 100%}
.drop-menu-srvs{ }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #0f4aa4;
}
	.drop-menu>li>a { padding: 12px 20px;font-weight: 600;color: #444; border-bottom: 1px solid #ddd;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:#e43039;
}
/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus, .navbar-default .navbar-nav>li>a.logo:hover{background-color: transparent;}
	/*============ slider css =============*/
.type-box{text-align: center; margin: 30px;}
.type h1 a{ color:#fff; font-size:45px;}
	.bs-slider{
    overflow: hidden;
   /* height: 650px;*/
    position: relative;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);*/
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto; height:650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap{ width: 100%; position: relative;overflow: hidden;margin-top: 90px; }
.slider-wrap:before{   /* content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.84);*/}
.slider-wrap>img{width: 100%;}
.slider-wrap .owl-nav{position: absolute;
    top: 50%;
    width: 100%;}
.slider-wrap .owl-prev{float: left;margin-left: 30px;}
.slider-wrap .owl-next{float: right;margin-right: 30px;}
.slider-wrap .owl-prev span{ font-size: 50px; color: #fff; }
.slider-wrap  .owl-next span{ font-size: 50px; color: #fff; }

/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;}

.slide-text {
    left:4%;
    top: 0%;
    right: 0%;
    margin: auto;
    position: absolute;
    
}
.slide-text-dec{position: relative;    margin-top: 160px;}
.slide-text h4 {letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
color: #fff;}
.slide-text h1 {     font-weight: 400;
    font-size: 65px;
    margin-bottom: 25px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #fff;
    line-height: initial;
}
.orange{    color: #ffbb05;}
.slide-text h3{ color:#ff636f;
    margin-bottom: 0px;
    font-size: 40px;}
.slide-text p { position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 25px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text p > a.btn{
    margin-top: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 14px 30px;
    letter-spacing: 2px;
    display: inline-block;
    border:1px solid #ff0000;
    color: #ff0000;
    background-color: transparent;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text p > a.btn:hover{ border:1px solid #ff0000;
    color: #fff; background-color: #ff0000;}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.aap-list{margin-bottom: 30px;}
/*=========== end ===========*/
/*========== enquire form ======*/
.btn-warning {
    color: #fff;
    background-color: #c22a36;
    border-color: #c22a36;}
.btn-warning:hover{
    background-color: #222;
    border-color: #222;}
.GetinTouch-form .close {
    position: absolute;
    right: -30px;
    top: -40px;
    font-size: 50px;
    color: #fff;
    opacity: 0.8;
}
.GetinTouch-form  .modal-body {
    padding: 25px 45px;}
.popup-img {
    text-align: center;
    margin: 10px auto 40px;
    display: block;
}
.popup-img h3{ font-weight: 600;}
.GetinTouch-form .form-group{position: relative; margin-bottom: 20px;}
.form-control{box-shadow: none;}
.GetinTouch-form .form-group .form-ctrl-pop{ border-radius: 30px; height: 45px; padding-left: 40px;}
.GetinTouch-form .form-group .form-ctrl-msg{border-radius: 30px; padding-left: 40px;}
.GetinTouch-form .form-group .form-icon {
    position: absolute;
    left: 20px;
    top: 10px;
    color: #c22a36;}
.GetinTouch-form .form-group .btn{border-radius: 30px;}
.wrap{ position:relative; padding-top:50px; padding-bottom:50px;}
.title{ position:relative; margin-bottom:35px;}
.title h2{font-size: 50px;
    font-weight: 300;}
.title h2 b{color: #1d3d76;}
.title h3{font-size: 36px;font-weight: 300;line-height: inherit;}
.title h3 b{ color:#ffbb05;}
.title-bg{position: relative; width: 50px; height: 5px; background-color:#41a8f5; display: inline-block; border-radius: 4px;}
.green{color: #08ae42;}
.red{color: #e43039;}
.white{ color:#fff;}
.bg-blue{background-color: #19ace9;}
/*=========== about offer hompe page ================*/
.bg-gray{ background-color: #f4f6f8;}
.bg-gray-green {background-color: #ebfff2;}
.bg-green{background-color: #06da50;}
.abt-dec{position: relative;}
.abt-dec p.lze{    line-height: inherit;
    font-weight: 400;
    color: #000;
    font-size: 25px;}
.abt-dec-lft{}
.abt-dec-rgt{     padding-left: 55px;}
.abt-dec h2{ font-size: 60px;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 5px;}
.abt-dec h2 b{color:#ffbb05;}
.abt-wrap{position: relative;  background-position: left bottom;}
.abt-dec p{margin-bottom: 25px;}
.abt-dec p:last-child{margin-bottom: 0px;}
.abt-tmbimg{}
.abt-tmbimg .img-thumbnail{border: none;
    padding: 0px;}
.dec-box{position: relative;}
.dec-box .title{margin-bottom: 20px;}
.dec-box-lft{padding-left: 30px;}
.dec-box-rgt{padding-right: 30px;}
.brd-top{border-top:1px solid #ddd;}
/*========== home page feature ========*/
.whatwedo_wrap{}
.whatwedo-box{position: relative;}
.img-auto{margin: auto;}
/*=============== app slider =============*/
.aap-wrap{}
.aap-wrap:before{/*content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(239, 239, 239, 0.86);*/}
.app-slider{position: relative;width: 250px;
    margin: auto;}
.app-slider>.owl-carousel{}
.aap-frame{    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;}
.aap-frame img{width: 251px; z-index: 100; position: relative;
    margin: auto;
    display: block;}
.app-slider .owl-nav{position: absolute;
    top: 40%;
    width: 100%;}
    .app-slider .owl-nav .owl-prev{float: left;position: relative;
    left: -75px;    outline: none;}
    .app-slider .owl-nav .owl-next{ float: right;position: relative;
    right: -75px;    outline: none;}


/*================= client home page ===================*/
.bdr-bg{     width: 80px;
    background-color: #000;
    height: 3px;
    display: inline-block;}
.bdr-bg1{     width: 80px;
    background-color:#e4be82;
    height: 3px;
    display: inline-block;}
.lightgold{color:#e4be82;}
.inner-box{box-shadow: 0px 0px 20px rgba(0,0,0,0.10);    background-color: #fff;
    text-align: center;}
.inner-box>.thumbnail{ margin-bottom: 0px;}
.inner-box>.thumbnail img{    width: 100%;
    height: 225px;
}
/*============= button style ================*/
.button-1{width: 100%;outline: none;
    height: 45px;
    /*float: left;*/
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0px 0px 20px 0;
    background-color:#fdbf0c;
    border-radius: 4px;
    letter-spacing: 2px;
     font-size:16px;
  color:#fff;
        border: none;
}
.button-1 a, .button-1 span{ text-transform: uppercase;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:45px;
    font-weight: 600;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.button-1 a img{    float: none;
    margin-left: 10px;}
.eff-1{
  width:100%;
  height:45px;
  right:100%;
  background:#0f4aa4;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0px;top: 0px;
}
.button-1:hover a{
  color:#fff;
}
.button-1:hover a, .button-1:hover.book-btn{
  color:#fff;
}
/*======================= careers =======================*/

/*=============== ou team ===================*/

/*==================== ====================*/
.testimonial_block {
    width: 100%;
    min-height: 340px;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px #ececec;
    margin-bottom: 20px;
    position: relative;
}
.testimonial_block .testimonial_icon {
    margin: 10px auto;
}
.testimonial_block .testimonial_icon i {
    font-size: 28px;
    color:#ff0000;
}
.client_message {
    width: 100%;
    margin: 20px 0px 0px;
    padding-left: 0;
    box-sizing: border-box;
}
.client_message p {
    font-size: 16px;
    color: #000;
}
.client_info .name h4 {
    font-size: 15px;
    font-weight: 600;
    color:#000;
    line-height: 22px;
}
.client_info .name span {
    font-size: 13px;
    color: #868686;
    line-height: 22px;
    padding-left: 6px;
}

.testimonial_block .quote_left {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
}
.testimonial_block .quote_left i {
    font-size: 70px;
    color:#e8fff0;
}
#testimonials .owl-carousel .owl-dots{text-align: center;}
#testimonials .owl-carousel .owl-dots .owl-dot{width: 12px; outline: none;
    height: 12px; margin: 2px;
    border-radius: 50%;
    background-color: #ddd;}
#testimonials .owl-carousel .owl-dots .owl-dot.active{background-color:#ff0000;}
/*========= home page contact =========*/
.contact-sec{     position: relative;
    background: url(../images/contact-us.jpg)no-repeat;
    background-size: cover;
    padding: 50px 0px 50px;}
.contact-sec:before{background:rgba(255, 255, 255, 0.7686274509803922); left: 0px; top: 0px; right: 0px; bottom: 0px; content: ""; position: absolute;}
.contact-box{background-color: #fff; border-radius: 4px; padding: 30px;position: relative;}
.contact-form{     position: relative;}
.contact-form h4{ font-size: 20px;font-weight:600;}
.map-col .contact-form{ padding-left: 50px;}
.contact-form form{margin-top:25px;}
.contact-form .btn-width{ margin: 0px;}
.contact-form .form-group{ margin-bottom: 25px;    position: relative;}
.form-ctrl{height: 50px;
    border-radius: 4px;
    padding-left: 20px;}
.form-msg{border-radius: 0px;padding-left: 20px;
border: none;box-shadow: 0px 0px 5px 4px #545151;}
.contact-form .form-ctrl{font-size: 14px;}
.General-Inquiries{}
.General-Inquiries h3{font-size: 20px;font-weight: 400;margin-bottom: 25px;}
.General-Inquiries .media{background-color: #f9f9f9;padding: 25px;border-radius: 4px;}
.General-Inquiries .media-left{padding-right: 25px;}
.General-Inquiries .media-body{padding-left: 25px;
    border-left: 1px solid #ddd;}
.General-Inquiries .media h4{ color: #000;}
.General-Inquiries .media p{color: #000;}
.General-Inquiries .media p a{color: #000;}
.General-Inquiries .media p i{ font-size: 40px;}
/*=========== footer ================*/
footer{background:#f5fbfc; padding-top:70px;}
.fotr-logo{ margin-bottom: 15px;}
footer h3{  color: #000;
    font-size: 20px;
    font-weight: 600;
    border-left:4px solid #fdbf0c;
    padding-left: 10px;
    margin-bottom: 20px;letter-spacing: 2px;}
footer p{ color: #000; font-size: 14px; line-height: 26px;font-weight: 400;}
.fotr-media{ margin-top: 5px;}
.fotr-media h5{font-weight: 600;}
.fotr-media p a{ color: #000;font-weight: 500;padding-left: 2px;}
.fotr-media p a:hover{color: #ff0000;}
.fotr-media p i{}
.fotr-media h4{ margin-top: 0px; position: relative; margin-bottom: 20px;}
.fotr-media h4:before{position: absolute;
    bottom: -8px;
    height: 2px;
    width: 50px;
    background-color: #eca351;
    left: 0px;
    content: "";}
.adress{padding-right:80px;}
.aap-stor{position: relative; margin-bottom: 30px;}
.aap-stor a img{}
.aap-stor a:hover{text-decoration: none;}
.fotr-menu{}
.fotr-menu li a{color: #000;
    display: block;
    padding: 8px 0px;
    transition: 0.5s;
    font-weight: 400;
    font-size: 14px;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px); text-decoration:none;color: #fdbf0c;}
	.cpyrgt-wrap{position: relative; background:url(../images/footer-bg.png)no-repeat; background-size: cover; background-position: bottom;
    padding-top:230px;
    padding-bottom: 15px;
    margin-top: 50px;}
footer .hdr-social-link li a{color:  #000;transition: 0.5s;}
footer .hdr-social-link li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
    .cpyrgt-wrap p{ color:  #fff;    font-size: 14px; font-weight: 500;}
.cpyrgt-wrap p a{ color: #fff;}
.cpyrgt-wrap p a:hover{color: #fdbf0c;}
/*========== whatsapp ==========*/
.whatsap {right: 5px;
    position: fixed;
    z-index: 100;
    bottom: 15px;}
.whatsap  a{color: #fff; font-weight: 600;}
.whatsap  a i{border-radius: 50%;
    font-size: 32px;
    color: #fff;
    background: #4CAF50;
    padding: 6px;
    height: 45px;
    width: 45px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;}
.whatsap a:hover{ text-decoration: none;color: #fff;}

/*================ thank you  ===========*/
.thanks-section{padding-top: 200px;padding-bottom: 90px; background-color: #f5f5f5;}
.inner-thanks{}
.inner-thanks img{ width: 100px;}
.thanks-footer{padding-top: 0px;}
.thanks-footer .cpyrgt-wrap{ margin-top: 0px;}
.btn-width{width: 150px; margin: auto;}

/*================ inner pages ===========*/

/*============= about us ================*/
.inr-wrap{position: relative; padding-top:90px; padding-bottom: 90px;}
.about-bnr{ background: url(../images/banner3.jpg)no-repeat; background-size: cover;    background-position: center bottom;}
.inr-title{ position: relative; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.inr-title h1{text-transform: uppercase;
    color: #000;}
.brdcrm{background-color:#333;
    border: 1px dashed #fff;
    border-radius: 30px;
    padding: 20px;
    width: 350px;
    margin: auto;}
.brdcrm>li {text-transform: uppercase;font-weight: 600;}
.brdcrm>li a{ color: #fff;}
.brdcrm>li.active{ color: #f99011;}
.tmb{border: none;padding: 0px;    position: relative;
    overflow: hidden;    border-radius: 0px;background-color: transparent;}


ul.banrcourses{ padding: 0; }
ul.banrcourses li{ display: inline-block; color: #fff; font-size: 16px; position: relative; padding-left: 20px; margin-right: 20px; line-height: 30px; }
ul.banrcourses li:before{ content: "\f111"; position: absolute; color: #ffbb05; font: normal normal normal 12px/1 FontAwesome; margin-top: 8px; left: 0; }

.programsec{ background: #f6f8fa; padding: 0 20px 10px; display: inline-block; width: 100%; margin-top: 20px; }

.blog-warp-1 {
    margin-bottom: 15px;
}
.blog_imgg {
    position: relative;
    z-index: 11;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.blog-warp-1 img {
    width: 100%;
    height: 240px;
    display: inline-block;
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.blog-warp-1:hover .blog_imgg {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.blog-warp-1:hover .blog_imgg::after {
    opacity: .7;
}
.blog-warp-1:hover .blog_imgg img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform: scale(1.2);
}
.blog_imgg::after {
    position: absolute;
    background: #333;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    content: "";
    z-index: 99;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.blog_content_warp {
    position: relative;
    padding: 20px;
        padding-bottom: 20px;
    background: #fff;
    bottom: -27px;
    z-index: 99;
    width: 95%;
    margin-left: 8px;
    border-radius: 10px 10px 0 0;
}
.blog-area .blog_content_warp {
    padding-bottom: 25px;
    margin-left: 18px;
}
.blog-warp-1 h5 a {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #333;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.blog-warp-1 h5 {
    margin-top: 14px;
}
.blog-warp-1 h5 span {
    font-size: 11px;
    color: #9c9c9c;
    font-weight: 600;
}
.blog-warp-1 .subtext {
    text-align: left;
    color: #484646;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 17px;
    margin-top: 8px;
    margin-right: 25px;
}

.progrmtab ul.nav-pills{
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0;
}
.progrmtab ul.nav-pills li{ display: inline-block; float: none; margin-bottom: 10px; }
.progrmtab ul.nav-pills li a{
    font-weight: 500;
    font-size: 12px;
    padding: 6px 20px;
    color: #333;
        display: block;
}
.progrmtab ul.nav-pills li a span{display: block;font-size: 14px;}
.progrmtab ul.nav-pills > li.active > a, .progrmtab ul.nav-pills > li.active > a:focus, .progrmtab ul.nav-pills > li.active > a:hover{
    border-bottom: solid 2px #275f8d;
    background: transparent;
    border-radius: 0;
    color: #275f8d;
    font-weight: 600;
    text-decoration: none;
}
.progrmtab ul.nav-pills li a:hover{ color: #275f8d; text-decoration: none; border-bottom: solid 2px #275f8d; color: #275f8d; }
.progrmtab{ margin-top: 30px; }
.blog_content_warp p{ line-height: 22px; min-height: 40px; overflow: hidden; }
.width200{ width: 200px; }
.detailpage{ background: #ebebeb; }
.detailpage .slide-text{ position: relative; }
.detailpage .slide-text h1{ color: #333; }
.detailpage .slide-text-dec{ margin: 80px 0 100px; }

/*========== course date==============*/
.course-dates .panel-group .panel {
    margin-bottom: 20px;
    border-radius: 50px;
    border: none;
    box-shadow: 0px 0px 25px 8px rgb(0 0 0 / 6%);
        padding: 20px 30px;
        background-color: #25608a;
}
.course-dates .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
    cursor: pointer;}
.course-dates .panel-title{font-size: 19px; color: #fff;}
.course-dates .panel-title a{display: block;}
.course-dates .panel-title span{font-size: 11px;
    float: right;
    background-color: #ffbe0c;
    border-radius: 30px;
    padding: 5px 10px;
    color: #000;
    margin-top: -2px;}
.course-dates .panel-body{ margin-top: 20px;   background-color: #fff;border-radius: 30px;}
.course-dates .panel-group .panel-heading + .panel-collapse > .panel-body, .course-dates .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
.course-dates .blog_content_warp {box-shadow: 0px -5px 12px 2px rgb(0 0 0 / 5%);}
.coursedetail{ position: relative; z-index: 1; }
.coursedetail::after {
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgb(245, 251, 252) 90%, rgb(245, 251, 252) 110%);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.coursedetail h4{ font-weight: 600; font-size: 18px; }
.blog_content_warp h4.blog_datee {
    color: #25608a;
}
.blog_content_warp h4.blog_datee span {
    color: #8e8e8e;
    font-size: 14px;
    padding-right: 10px;
}

ul.coursesdetal{ padding: 0; }
ul.coursesdetal li{ display: block; color: #333; font-size: 16px; position: relative; padding-left: 30px; margin-right: 20px; line-height: 46px; }
ul.coursesdetal li:before{ content: "\f0eb"; position: absolute; color: #ffbb05; font: normal normal normal 24px/1 FontAwesome; margin-top: 10px; left: 0; }


/* ================= landing pages =========================*/
.fixcall{position: fixed;
    bottom: 15%;
    right: 0px;
    z-index: 1;
display: none;}
.fixcall a{display: block;
    width: 35px;
    padding: 4px 8px 5px;
    margin: 3px;
    background-color: #fff;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);}
.select-ctrl {
    appearance: none;
    -webkit-appearance: none;
}
.form_icon, .form-icon {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: #989898;
    font-size: 20px;
}
.form-icon {
    left: 0px;
    right: inherit;
}
.navbar-default .navbar-nav>li>a.emailid, .navbar-default .navbar-nav>li>a.number{border: 1px solid #ffbb05;
    border-radius: 30px;
    padding: 10px 20px;
    margin-top: 16px;
    font-weight: 600;margin-left: 10px;}
.navbar-default .navbar-nav>li>a.number{border: 1px solid #0f4aa4;}
.navbar-default .navbar-nav>li>a.emailid:hover{color: #ffbb05;}
.navbar-default .navbar-nav>li>a img{width: 24px;margin-right: 2px;}
.vacationcourses-sliderwrap{}
.vacationcourses-sliderwrap .slide-text-dec { margin-top: 90px;}
.vacationcourses-sliderwrap .slide-text h4 {
    letter-spacing: 0px;
    text-transform: inherit;
    font-weight: 500;
    color: #fff;
    line-height: inherit;
    font-size: 20px;}
    .vacationcourses-sliderwrap  .slide-text h1 {font-size: 60px;}
    .vacationcourses-sliderwrap ul.banrcourses{margin-bottom: 30px;}
    .vacationcourses-sliderwrap ul.banrcourses li{font-weight: 600; font-size: 18px;}
    .vacationcourses-sliderwrap ul.banrcourses li.orange{color: #ffbb05;}
.slider-wrap .slider-form {    position: relative;
    margin-right: 40px;
    margin-top: 50px;
}
.form-box {    padding: 30px 40px;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 4px;
}
.vacationcourses-sliderwrap .form-box h4 {color: #000;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 22px;
    text-align: center;
}
.form-box .form-group{position: relative;margin-bottom: 20px;}
.form-box .form-group .form-ctrl{height: 45px;
    box-shadow: none;padding-left: 10px;
    border: 1px solid #999;}
    .form-box .btn{padding: 12px 20px;}
    .form-box .form-group textarea.form-ctrl{height: auto;}
    .info-box {box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 9%);
        box-sizing: border-box;
        padding: 19px 30px;
        border-radius: 6px;
        border-left: 3px solid #1d3d76;
    }
    .info-box h4{    font-weight: 700;
        font-size: 22px;
        margin-bottom: 25px;}
    .info-box ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 10px;
    }
    .info-box ul li {    font-size: 15px;
        line-height: 24px;
        margin-bottom: 20px;
        font-weight: 400;
        color: #000;
        position: relative;
        padding-left: 30px;
    }
    .info-box ul li b{margin-left: 5px;}
    .info-box ul li:before {content: "\f046";
        font-family: fontAwesome;
        font-size: 16px;
        padding-right: 15px;
        color: #ffbb05;
        position: absolute;
        left: 0px;
        top: 2px;
    }
    .ExploreCourses-box{    background-color: #1d3d76;
        border-radius: 8px;
        position: relative;
        margin-left: 10px;
    margin-top: 50px;}
        .ExploreCourses-box::before {
            content: "";
            position: absolute;
            width: 40%;
            height: 100%;
            top: 0px;
            left: -10px;
            background-color:#1d3d76;
            border-radius: 8px;
            transform: skew(6deg, 0deg);
            -webkit-transform: skew(6deg, 0deg);
            -o-transform: skew(6deg, 0deg);
        }
        .courses-nav-pills {
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0px 0px 24px 0px #0003;
            border-bottom: 5px solid #ffbb05;
            transform: scale(1, 1.1);
            -webkit-transform: scale(1, 1.1);
            -o-transform: scale(1, 1.1);
        }
        .courses-nav-pills li a {
            border-radius: 30px;
            font-size: 16px;
            color: #000;
            padding: 10px 30px;
            font-weight: 500;
            border: 1px solid #fff;
            transform: scale(1, 0.9);
            -webkit-transform: scale(1, 0.9);
            -o-transform: scale(1, 0.9);
        }
        .courses-nav-pills>li.active>a, .courses-nav-pills>li.active>a:focus, .courses-nav-pills>li.active>a:hover {
            color: #ffbb05;
            background-color: transparent;
            border: 1px solid #ffbb05;
        }
        .ExploreCourses-box .dec-box{padding: 30px 20px 10px 0px;}
        .ExploreCourses-box .dec-box h4{color: #fff;
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 15px;}
        .ExploreCourses-box .dec-box p{color: #fff;font-weight: 300;}
        .countries-box{position: relative;
            padding: 10px 8px;
            border-radius: 10px;
            margin: 10px 4px;/*border: 1px solid #f1f1f1;*/}
        .countries-box img{width: 65px;height: 65px;object-fit: cover;border-radius: 50%;margin: 0px auto 15px;}
        .countries-box h5{font-size: 14px;font-weight: 600;}

        /*============= partnership =============*/
        .partnership-wrap{background: url(../images/partner-banner.jpg)no-repeat;background-size: cover;position: relative;}
        .partnership-wrap:before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background:rgb(2 46 124 / 78%);content: "";}
.partnership-wrap .title h2, .partnership-wrap .title h3{ color: #fff;}
.partnership-wrap .title{margin-bottom: 20px;}
.partnership-wrap .title h2 b {color: #ffbb05;}
.partnership-wrap .dec-box p{color: #fff;}
        /* TESTIMONIAL SECTION  */

.testimonial-section{
    padding: 80px 0 80px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.testimonial-section h6 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.testimonial-section .testimonial-head{
    width: 100%;
    height: auto;
    text-align: left;
}
.testimonial-section .testimonial-head h6{
    font-size: 30px;
    font-weight: 800;
}
.testimonial-section .testimonial-txt {
    background: #f8f8f8;
    padding: 25px;
    transition: all 0.6s ease 0s;
    margin: 0 0 20px;
}
.testimonial-section .testimonial-txt a{
        text-transform: capitalize;
    font-weight: 500;
}
.testimonial-section .testimonial-txt img{
    float: left;
    margin: 9px 20px 0 0;
}
.testimonial-section .testimonial-txt p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color:#333;
}.testimonial-section .testimonial-txt:hover{
    box-shadow: 0px 10px 20px #eee;
    transition: all 0.6s ease 0s;
    background: #fff;
}
.testimonial-section .customer-txt {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
}

.testimonial-section .customer-txt h5 {
   color: #b1b0b0;
    display: inline-block;
    font-weight: 300;
}
.testimonial-section .customer-txt  h5 span{
    color: #000;
    font-weight: 600;
}
.testimonial-section .customer-txt span img {
    float: none;
    margin: 0px 20px 0 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.testimonial-head a {
    display: block;
    margin: 39% 0 0 0;
    transition: all 0.6s ease 0s;
}
.testimonial-head a:hover {
    color: #274e77;
    transition: all 0.6s ease 0s;
}
.testimonial-head a i{
    padding-left: 10px;
    transition: all 0.6s ease 0s;
}
.testimonial-head a:hover i{
    padding-left: 15px;
    transition: all 0.6s ease 0s;
}
.countries-list{    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;}
.countries-list li{width: 100%;}
.Courses-contact{}
.Courses-contact .contact-box {box-shadow: 0px 0px 50px 3px rgb(0 0 0 / 9%);}
.Courses-contact .contact-form h4 {
    font-size: 24px;margin-bottom: 30px;
}
.Courses-contact .btn{
    padding: 12px 15px; text-transform: uppercase;
    font-weight: 500;
}


 .demo-success h3 {
    color: #2e780f;
    margin-bottom: 0px;
    font-size: 18px;
}


.demo-success1 h3 {
    color: #2e780f;
    margin-bottom: 0px;
    font-size: 18px;
}