body{font-family: 'Nunito Sans', sans-serif;color: #333679;margin: 0px;position: relative;overflow-x:  hidden;width: 100%;height: 100%;}



.loader {background: none repeat scroll 0 0 #fff; position: fixed; bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 9999; } 

.loader .loader_inner {background-image: url('img/logo.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fff; height: 80px; width: 100%; top: 40%; position: absolute; text-align: center;}



header{display: inline-block; width: 90%; float: left; padding: 1% 5%; position: fixed; top: 0; background: #fff; z-index: 999; left: 0;} 

header .logo{display: inline-block; width: 15%; float: left;} 

header .logo img{width: 100%;max-width: 250px;}

header .menu{display: inline-block; width: 55%; float: left;}

header .menu ul{display: inline-block; float: left; list-style: none; padding: 0; width: 100%;margin: 10px 0px 0px;}

header .menu ul li{float: left; padding: 0px 0px 0px 3%;}

header .menu ul li:nth-of-type(1){padding: 0px 0px 0px 15%;}

header .menu ul li a{text-decoration: none;color: #303030;font-size: 15px;text-transform: uppercase;font-weight: 400;}

header .menu ul li:hover a {font-weight: 500;}

header .menu ul li:hover a span{color: #c0462a;}

header .right{display: inline-block; width: 85%; float: left; text-align: right;} 

header .right ul{display: inline-block; float: left; list-style: none; padding: 0; width: 100%; margin: 0px 0px 0px;}

header .right ul li{display: inline-block;list-style: none;}

header .right ul li a{text-decoration: none; font-size: 15px; color: #333679; font-weight: 700;}

header .right a svg{width: 20px; display: inline-block; float: left; padding: 0px 5px 0px 0px;}

header .right ul li:hover a svg path{fill: #c0462a;}

header .right .btn{background-color: #1d235e; border: none; color: #fff; padding: 15px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-weight: 500; line-height: 20px; margin: 0% 0% 0% 5%;}

.container .section-five h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 5%; position: relative; text-align: center;} 

.container .section-five h2::after{content: ''; height: 3px; width: 6%; background: #ffb636; position: absolute; left: calc(57% - 10%); bottom: -10px;}

header .right ul .whatapp{    display: inline-block;

    margin: 0% 2% 0% 0%;

    vertical-align: middle;}

header .right ul .whatapp>img{    width: 100%;

    max-width: 40px;}



.header-shadow{-webkit-box-shadow: 0px 0px 8px 0px rgba(48,48,48,0.41); -moz-box-shadow: 0px 0px 8px 0px rgba(48,48,48,0.41); box-shadow: 0px 0px 8px 0px rgba(48,48,48,0.41);}

.phone{margin: 0px 8px -3px 0px;}





.btn:hover {color: #fff;}

.btn {position: relative;

    z-index: 1;}

.btn:before {

       content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0%;

    height: 100%;

    background-color: #ffb636;

    transition: all 0.3s;

    z-index: -1;}

.btn:after {

   content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #1d235e;

    border-radius: 10rem;

    z-index: -2;}

.btn:hover:before {width: 100%;}



.container{display: inline-block;float: left;width: 100%;overflow-y: hidden;max-width: 100%;position: relative;}

.container .section-one{    background-size: cover;display: inline-block; float: left; width: 100%; background-image: url(img/Baking-Training-Course-Bangalore.webp); background-repeat: no-repeat; background-position: center; margin: 80px 0px 0px;} 

.container .section-one .left{display: inline-block;

    float:left;

    width: 52%;

    padding: 3% 0% 3% 5%;

    margin: 20% 0% 5%;

    background-color: #1d235e99;}

.container .section-one h1{    font-size: 35px!important;

    text-transform: uppercase;

    font-weight: 600;

    margin: 0px;

    color: #fff;}

.container .section-one h1 span{font-size: 50px;}

.container .section-one hr{width: 45%;display: inline-block;    margin: 15px 0px;}

.container .section-one p{font-size: 24px;

    line-height: 10px;

    padding: 0px;

    margin: 0px 0px;

    color: #fff;

    font-weight: 700;}

    .container .section-one p span{

    font-size: 20px;}

.container .section-one a{text-decoration: none;border: 1px solid #303030;padding: 10px 40px;color: #303030;}



.container .section-two{display: inline-block;float: left;width: 90%;padding: 5%;background-color: #1d235e;}

.container .section-two .left{display: inline-block;float: left;width: 40%;}

.container .section-two .p{padding: 2% 0% !important;}

.container .section-two .column {float: left;width: 22%;padding: 2%;display: inline-block;}

.container .section-two .column .image{width: 180px; display: inline-block; float: left; text-align: center; margin: -65% 0% 0% 10%; background-color: #fff; border-radius: 50%; height: 180px; border: 10px solid #1d235e;} 

.container .section-two .column .image img{width: 100%; max-width: 100px; margin: 20px 0px 0px;} 

.container .section-two .column h3{font-size: 20px; color: #ffb636; line-height: 26px; padding: 40px 0px 10px; width: 100%; margin: 0px;}

.container .section-two .column p{font-size: 15px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px;color: #fff;} 

/* Clear floats after the columns */

.container .section-two .row:after {content: "";display: table;clear: both;}

.container .section-two .left h2{color: #c0462a;font-size: 36px;font-weight: 400;text-transform: uppercase;margin: 25px 0px 5px;}

.container .section-two .left h2 span{color: #e3e3e3;font-size: 80px;font-weight: 900;line-height: 80px;}

.container .section-two .left .border-line{display: inline-block;float: left;width: 80%;height: 1px;border-bottom: 2px solid #e3e3e3;}

.container .section-two .right{display: inline-block;float: left;width: 45%;padding: 0px 0px 0px 5%;}

.container .section-two .right p{color: #e3e3e3;font-size: 14px;line-height: 22px;font-weight: 200;}



.container .section-five{display: inline-block;float: left;width: 90%;padding: 5% 5% 14%;}

.container .section-five .box{width: 100%;display: inline-block;float: left;}

.container .section-five .box .left{width: 50%;display: inline-block;float: left;}

.container .section-five .box .left img{width: 100%;float: left;}

.container .section-five .box .right{width: 50%;display: inline-block;float: left;padding: 	0% 0px 0px;}

.container .section-five .box .right .content{width: 90%;display: inline-block;float: left;padding: 0px 5%;}

.container .section-five .box .right .content h2{font-weight: 900;font-size: 4vw;text-transform: uppercase;margin: 0;line-height: 30px; color: #1d235e;}

.container .section-five .box .right .content h2 span{color: #c0462a;font-weight: 600;font-size: 2.7vw;color: #1d235e;}

.container .section-five .box .right .content p{font-size: 18px; line-height: 24px; font-weight: 400; color: #1d235e;} 

.container .section-five .box .right .content .overflow-y{height: 120px;overflow-y: scroll;}

#style-1::-webkit-scrollbar-track

{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar

{

  width: 12px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar-thumb

{

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: #555;

}

.container .section-five .box:nth-of-type(even) .left{float: right;}

.container .section-five .box:nth-of-type(even) .right .content{padding: 0px 5% 0px 0px;}



.container .section-six{width: 90%;display: inline-block;float: left;padding: 10% 5%;background-image: url('../images/why-syn.jpg.webp');background-repeat: no-repeat;background-size: cover;}

.container .section-six .left{width: 52%;display: inline-block;float: left;}

.container .section-six .left h3{color: #e3e3e3;font-size: 6.5vw;font-weight: 900;text-transform: uppercase;margin: 0;line-height: 60px;}

.container .section-six .left h3 span{color: #c0462a;font-weight: 400;font-size: 3.5vw;}

.container .section-six .right{width: 40%;display: inline-block;float: left;padding: 2% 0px 0px;}

.container .section-six .right p{color: #e3e3e3;font-size: 15px;font-weight: 200;line-height: 22px;}



.container .section-seven{width: 90%;display: inline-block;float: left;padding: 10% 5%;}

.container .section-seven .left{width: 52%;display: inline-block;float: left;}

.container .section-seven .left h3{font-size: 6.5vw;font-weight: 900;text-transform: uppercase;margin: 0;line-height: 80px;}

.container .section-seven .right{width: 40%;display: inline-block;float: left;padding: 0% 0px 0px 5%;}

.container .section-seven .right .text{display: inline-block;float: left;width: 100%;}

.container .section-seven .right .text p:nth-of-type(1){margin: 0;font-size: 15px;font-weight: 300;line-height: 22px;}

.container .section-seven .right .text p:nth-of-type(2){font-size: 16px;font-weight: 400;}

.container .section-seven .right .flex-control-nav{bottom: -30px;text-align: left ;}

.container .section-seven .right .flex-control-paging li a.flex-active{background-color: #303030;}

.container .section-seven .right .flex-control-paging li a{background:#f7be45}



.container .section-eight{width: 90%;display: inline-block;float: left;padding: 10% 5%;background-color: #1e1e1e;}

.container .section-eight .left{width: 30%;display: inline-block;float: left;}

.container .section-eight .left h3{color: #e3e3e3;font-size: 6.5vw;font-weight: 500;text-transform: uppercase;line-height: 80px;}

.container .section-eight .right{width: 65%;float: left;display: inline-block;padding: 0px 0px 0px 5%;}

.container .section-eight .right .box{width: 48%;display: inline-block;float: left;padding: 0px 0px 50px;}

.container .section-eight .right .box:nth-of-type(1),.container .section-eight .right .box:nth-of-type(3){padding: 0px 2% 50px 0px;}

.container .section-eight .right .box .number{width: 30%;display: inline-block;float: left;text-align: center;}

.container .section-eight .right .box .number span{color: #e3e3e3;    font-size: 7vw; font-weight: 900; opacity: 0.1; line-height: 80px;}

.container .section-eight .right .box .text{width: 67%;display: inline-block;float: left;padding: 0px 0px 0px 3%;}

.container .section-eight .right .box .text h4{color: #e3e3e3;font-weight: 700;text-transform: uppercase;font-size: 30px;margin: 0px;padding: 0px 0px 5px;}

.container .section-eight .right .box .text p{color: #e3e3e3;font-weight: 200;font-size: 15px;line-height: 22px;margin: 0px;}





.container .section-nine{width: 90%;display: inline-block;float: left;padding: 0% 5% 5%;background-color: #1e1e1e;}

.container .section-nine .left{width: 45%;display: inline-block;float: left;}

.container .section-nine .left h3{color: #e3e3e3;font-weight: 700;text-transform: uppercase;font-size: 40px;margin: 0px;}

.container .section-nine .left h3 span{color: #f8be43;}

.container .section-nine .right{width: 50%;display: inline-block;float: left;padding: 0px 0px 0px 5%;}

.container .section-nine .right p{color: #e3e3e3;font-weight: 200;font-size: 15px;line-height: 22px;margin: 0px;}

.container .section-nine .contact-form{width: 100%;display: inline-block;float: left;padding: 5% 0px 0px;}

.container .section-nine .contact-form .text-box{width: 100%;display: inline-block;float: left;margin: 0px 0px 35px;background-color: transparent;border:0px;border-bottom: 1px solid #e3e3e3;outline: none;padding: 0px 0px 10px;}

.container .section-nine .contact-form input{color:#e3e3e3;}

.container .section-nine .contact-form input::placeholder{color:#e3e3e3;}

.container .section-nine .contact-form .message{width: 100%;display: inline-block;float: left;margin: 0px 0px 20px;margin: 30px 0px 30px;background-color: transparent;border:0px;border-bottom: 1px solid #e3e3e3;outline: none;padding: 0px 0px 10px;}

.container .section-nine .contact-form .submit{float: right; background: #f8be43; border: 0px; outline: none; padding: 20px 80px; text-transform: uppercase; font-size: 15px; font-weight: 600; color: #1e1e1e;}



.container .section-ten{width: 90%;display: inline-block;float: left;padding: 5% 5%;}

.container .section-ten .title{text-align: center;font-weight: 900;font-size: 38px;text-transform: uppercase;margin: 0;}

.container .section-ten .content{width: 100%;display: inline-block;float: left;padding: 5% 0px 0px;}

.container .section-ten .content .accordion {background-color: #fff; color: #303030; cursor: pointer; padding: 18px 25px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; transition: 0.4s; border: 1px solid #303030; border-bottom: 0px; }

.container .section-ten .content .last{border-bottom: 1px solid #303030;}



.container .section-ten .content .accordion:after {content: '\002B'; color: #303030; font-weight: bold; float: right; margin-left: 5px; }

.container .section-ten .content .active:after {content: "\2212"; }

.container .section-ten .content .panel {padding: 0 25px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-left: 1px solid #303030;border-right: 1px solid #303030; }

.container .section-ten .content .accordion h3{margin: 0px;width: 80%; display: inline-block; float: left;}

.container .section-ten .content .panel p{width: 80%;margin: 0px 0px 20px;font-weight: 400;font-size: 16px;line-height: 22px;}







.container .section-three{width: 100%; display: inline-block; float: left;} 

.container .section-three .top{background-image: url(img/why-choose-us-blue-bg.jpg.webp); background-repeat: no-repeat; background-position: center; width: 90%; display: inline-block; float: left; padding: 0% 5% 12%; background-size: cover;}

.container .section-three .top .a{width: 33.333%; display: inline-block; float: left; text-align: center; padding: 4% 0%;} 

.container .section-three .top .a .image{ width: 100%; display: inline-block; float: left; text-align: center; padding: 0% 0% 10%;} 

.container .section-three .top .a .image img{width: 100%; max-width: 125px; height: 115px;} 

.container .section-three .top .a .content{width: 100%; display: inline-block; float: left;} 

.container .section-three .top .a .content h1{color: #ffb636; font-size: 7em; margin: 0px; font-weight: 700; padding: 0px 0px 30px; line-height: 70px;} 

.container .section-three .top .a .content p{font-size: 26px; line-height: 30px; font-weight: 400; margin: 0px;color: #fff;}

.container .section-three .down{width: 100%; display: inline-block; float: left;} 

.container .section-three .down img{width: 100%;float: left;}

.container .section-three .box{width: 60%; display: inline-block; float: left; background-color: #fff; margin: -38% 15% 0%; text-align: center; color: #333679; padding: 3.5% 5%;} 

.container .section-three .box h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 25px;position:relative;} 

.container .section-three .box h2::after{content: ''; height: 3px; width: 15%; background: #ffb636; position: absolute; left: calc(52% - 10%); bottom: -10px;} 

.container .section-three .box p{font-size: 18px; line-height: 28px; font-weight: 400;margin: 0px;}



.container .section-four{background-image: url(img/our-team-bg.webp); background-repeat: no-repeat; background-position: center; width: 80%; display: inline-block; float: left; padding: 0% 10% 5%; background-size: cover; text-align: center;position: relative;} 

.container .section-four h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 4% 0px 5%; position: relative;}

.container .section-four h2::after{content: ''; height: 3px; width: 7%; background: #ffb636; position: absolute; left: calc(56% - 10%); bottom: -10px;} 

.container .section-four .flexslider{border-radius: 0px; width: 100%; display: inline-block; float: left; background: transparent;overflow: hidden;position: relative;} 

.container .section-four .flexslider .image{width: 26%; display: inline-block; float: left; text-align: center; padding: 0% 37%; position: relative;} 

.container .section-four .flexslider .image img{width: 80%;padding: 0% 10%;}

.container .section-four .flexslider .content{background-color: #fff; width: 80%; display: inline-block; float: left; padding: 3% 10% 4%; margin: -12% 0% 0%;} 

.container .section-four .flexslider .content h3{font-size: 26px; line-height: 30px; font-weight: 800; margin: 15% 0px 12px; text-transform: uppercase;} 

.container .section-four .flexslider .content span{font-size: 20px; font-weight: 700; line-height: 22px;} 

.container .section-four .flexslider .content p{font-size: 18px; line-height: 28px; font-weight: 500; margin: 20px 0px 0px;}

.container .section-four .arrow{width: 90%; display: inline-block; float: left; position: absolute; top: 55%; left: 5%;} 

.container .section-four .arrow img{width: 100%; max-width: 38px; cursor: pointer;} 

.container .section-four .arrow .left{position: absolute;left: 0;}     

.container .section-four .arrow .right{position: absolute;right: 0;}     



.container .section-affiliation{ background-attachment: fixed;background-image: url(img/affiliation-bg.jpg.webp); background-repeat: no-repeat; background-position: center; width: 100%; display: inline-block; float: left; background-size: cover;padding: 5% 0%;} 

.container .section-affiliation .box{width: 60%; display: inline-block; float: left; margin: 0% 15%; background-color: #ffffffcf; text-align: center; padding: 4% 5% 5%; position: relative; z-index: 0;} 

.container .section-affiliation .box .image{width: 100%; display: inline-block; float: left;    margin: 0% 0% 4%; position: relative; z-index: 9;} 

.container .section-affiliation .box .image img{width: 100%;max-width: 150px;}

.container .section-affiliation .box .text{width: 100%; display: inline-block; float: left;} 

.container .section-affiliation .box .text h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 20px; position: relative;} 

.container .section-affiliation .box .text p{font-size: 18px; line-height: 28px; font-weight: 400; margin: 0px;}

.container .career-outcome{background-image: url(img/career-bg.jpg.webp); background-repeat: no-repeat; background-position: center; width: 90%; display: inline-block; float: left; padding: 6% 5% 14%; text-align: center; background-size: cover;}

.container .career-outcome h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0% 0px 7%; position: relative; color: #fff;}

.container .career-outcome h2::after{content: ''; height: 3px; width: 7%; background: #ffb636; position: absolute; left: calc(56% - 10%); bottom: -10px;}

.container .career-outcome .flexslider1{width: 100%; display: inline-block; float: left; position: relative;} 

.container .career-outcome .flexslider1 .main{width: 90%; display: inline-block; float: left; background-color: #fff; padding: 5% 5% 7%; text-align: center;} 

.container .career-outcome .flexslider1 .main .image{width: 100%; display: inline-block; float: left;}

.container .career-outcome .flexslider1 .main .image img{width: 100%;max-width: 120px;height: 120px;}

.container .career-outcome .flexslider1 .main .content{width: 100%; display: inline-block; float: left;} 

.container .career-outcome .flexslider1 .main .content h3{font-size: 18px; margin: 10px 0px; text-transform: uppercase; line-height: 24px; font-weight: 700;} 

.container .career-outcome .flexslider1 .main .content p{font-size: 16px; margin: 0px; line-height: 24px; font-weight: 500;}

.container .enquire-now{width: 100%; display: inline-block; float: left; padding: 4% 0% 0%; text-align: center;} 

.container .enquire-now h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0% 0px 2%; position: relative;} 

.container .enquire-now h2::after{content: ''; height: 3px; width: 7%; background: #ffb636; position: absolute; left: calc(56% - 10%); bottom: -10px;} 

.container .enquire-now p{font-size: 18px; line-height: 24px; font-weight: 600; margin: 0px;} 

.container .enquire-now .contact{background-image: url(img/form-bg.jpg.webp); background-repeat: no-repeat; background-position: inherit; width: 100%; display: inline-block; float: left; background-size: cover; padding: 5% 0%;} 

.container .enquire-now .contact form{width: 42%; display: inline-block; float: right; background-color: #f8f8ff; margin: 0% 5% 0% 0%; padding: 4% 3% 3%;} 

.container .enquire-now .contact form .input{width: 95%; display: inline-block; float: left; padding: 3% 0% 3% 3%; background-color: transparent; margin: 0% 0% 2%; font-size: 15px; line-height: 20px; border: 1px solid #333679; outline: none;} 

.container .enquire-now .contact form .a{width: 48%; display: inline-block; float: left; margin: 0% 2% 2% 0%;} 

.container .enquire-now .contact form .a .input{width: 96%;padding: 5% 0% 5% 4%;} 

.container .enquire-now .contact form textarea{width: 95%; display: inline-block; float: left; padding: 0% 0% 3% 3%; background-color: transparent; margin: 0% 0% 2%; font-size: 15px; line-height: 50px; border: 1px solid #333679; outline: none;} 

.container .enquire-now .contact form .btn{background-color: #1d235e;   display: inline-block; float: left; font-weight: 600; margin: 25px 0px 0px;}

.container .enquire-now .contact form .btn .submit{    padding: 17px 50px;border: none; outline: none;font-size: 17px; color: #fff; line-height: 20px; cursor: pointer;font-family: 'Nunito Sans', sans-serif;    background: transparent;}

.container .enquire-now .contact form .btn:hover {color: #fff;}

.container .enquire-now .contact form .btn {position: relative;

    overflow: hidden;

    z-index: 1;}

.container .enquire-now .contact form .btn:before {

       content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0%;

    height: 100%;

    background-color: #ffb636;

    transition: all 0.3s;

    z-index: -1;}

.container .enquire-now .contact form .btn:after {

   content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #1d235e;

    border-radius: 10rem;

    z-index: -2;}

.container .enquire-now .contact form .btn:hover:before {width: 100%;}



.container .enquire-now .contact form .input::-webkit-input-placeholder { /* Edge */ font-family: 'Nunito Sans', sans-serif; color: #333679; }

.container .enquire-now .contact form .input:-ms-input-placeholder { /* Internet Explorer 10-11 */

  font-family: 'Nunito Sans', sans-serif; color: #333679;

}



.container .enquire-now .contact form .input::placeholder {

  font-family: 'Nunito Sans', sans-serif; color: #333679;

}



.container .enquire-now .contact form textarea::-webkit-input-placeholder { /* Edge */ font-family: 'Nunito Sans', sans-serif; color: #333679; }

.container .enquire-now .contact form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

  font-family: 'Nunito Sans', sans-serif; color: #333679;

}

.container .enquire-now .contact form textarea::placeholder {

  font-family: 'Nunito Sans', sans-serif; color: #333679;

}

.container .Faq{width: 80%; display: inline-block; float: left; text-align: center; padding: 4% 10% 5%;} 

.container .Faq h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0px; position: relative;} 

.container .Faq h2::after {content: ''; height: 3px; width: 4%; background: #ffb636; position: absolute; left: calc(58% - 10%); bottom: -10px; } 

.container .Faq .section-content {display: inline-block; float: left; width: 100%; padding: 5% 0% 0%;} 

.container .Faq .section-content .accordion {cursor: pointer; padding: 2% 3%; width: 100%; text-align: left; outline: none; font-size: 18px; transition: 0.4s; font-weight: 600; margin: 1% 0px 0%; background-color: transparent; border: 1px solid #333679; color: #333679; line-height: 24px; border-bottom: none;}

.container .Faq .section-content .accordion ul{display: inline-block; float: left; margin: 0px; padding: 0px;position: relative;} 

.container .Faq .section-content .accordion ul>li{display: inline-block; list-style: none; margin: 0px 0px 0px 80px;} 

.container .Faq .section-content .accordion ul>li:nth-of-type(1){position: absolute; margin: 0px; top: -10px; left: 0;} 

.container .Faq .section-content .accordion ul>li>img{width: 45px;}

.container .Faq .section-content .accordion:after {content: '\002B'; color: #333679; font-weight: bold; float: right; margin: 0px 5px 0px 0px; font-size: 25px; } 

.container .Faq .section-content .active:after {content: "\2212"; }



.container .Faq .section-content .panel {max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border: 1px solid #333679; color: #333679; border-top: none;} 

.container .Faq .section-content .panel .panel-content{width: 94%; display: inline-block; float: left; padding: 0px 3% 10px;} 

.container .Faq .section-content .panel .panel-content p{font-weight: 600; font-size: 16px; line-height: 24px; text-align: left;}







.container .gallery{width: 100%; display: inline-block; float: left; padding: 5% 0% 1%;} 

.container .gallery h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0% 0% 4%; position: relative; text-align: center;} 

.container .gallery h2::after {content: ''; height: 3px; width: 4%; background: #ffb636; position: absolute; left: calc(58% - 10%); bottom: -10px;} 

.container .gallery .main{background-image: url(img/gallery-bg.jpg.webp); background-repeat: no-repeat; width: 90%; display: inline-block; padding: 3% 5% 8%; float: left; background-position: center; background-size: cover;} 

.container .gallery .main .flexslider2{width: 100%; display: inline-block; float: left;position: relative;}



.container .modal {display: none; position: fixed; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: transparent; animation-name: animatetop;animation-duration: 0.4s;transition:0.5s;}

.container .modal-content {background-color: #fff; margin:0% 0% 0% 28%; padding: 6% 6% 6%; width: 60%; -webkit-box-shadow: 5px 5px 10px 2px rgb(186 186 186); -moz-box-shadow: 5px 5px 10px 2px #00000040; box-shadow: 0px 0px 10px 3px #00000040;} 

.container .modal-content .close{display: inline-block; float: left; width: 100%; text-align: right;cursor: pointer;    padding: 25px 0px 0px;}

.container .modal-content .close img{width: 20px;    position: fixed;}

.container .modal-content .main{width: 100%;display: inline-block;}

.container .modal-content .main .top{width: 100%; display: inline-block; float: left;} 

.container .modal-content .main .top .left{width: 50%; display: inline-block; float: left; padding: 5% 5% 0% 0%;} 

.container .modal-content .main .top .left img{width: 100%;}

.container .modal-content .main .top .text{width: 45%; display: inline-block; float: left; padding: 8% 0% 0% 0%;} 

.container .modal-content .main .top .text a{font-size: 20px !important;margin: 0px 0px 15px; font-size: 21px; line-height: 28px; font-weight: 700;text-decoration:none;display:inline-block;float:left;width:100%;cursor:pointer;} 

.container .modal-content .main .top .text a:focus{color:#000;}



.container .modal-content .main .top .text span{color: #ffb636; font-size: 20px; line-height: 22px; font-weight: 400;} 

.container .modal-content .main .top .text p{font-size: 16px; line-height: 24px; font-weight: 400;} 

.container .modal-content .main .down{width: 100%; display: inline-block; float: left;} 

.container .modal-content .main .down p{margin: 0px; font-size: 16px; line-height: 24px; font-weight: 400; padding: 0px 0px 10px;} 



@keyframes animatetop {from {right: -300px; opacity: 0} to {right: 0; opacity: 1} }



.container .course-provide .flexslider6 .box .content_below .button{width: 100%; display: inline-block; float: left;text-align: center;}

.container .course-provide .flexslider6 .box .content_below .btn{background-color: #1d235e;

    border: none;

    color: #fff;

    padding: 15px 30px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 18px;

    font-weight: 500;

    line-height: 20px;

       margin: 1% 0% 3%;}

.container .course-provide{background-image: url(img/courses-we-bg.jpg.webp);background-repeat: no-repeat;display: inline-block;float: left;background-size: cover;background-position: center;width: 90%;padding: 4% 5% 6%;

    background-attachment: fixed;}

.container .course-provide h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin:0% 0% 4% 0%; position: relative; color: #fff;text-align: center;} 

.container .course-provide h2::after {content: ''; height: 3px; width: 7%; background: #ffb636; position: absolute; left: calc(56% - 10%); bottom: -10px;} 

.container .course-provide .flexslider6 .box{width: 100%; display: inline-block; float: left;color: transparent;background-color: #fff;} 

.container .course-provide .flexslider6 .box .image{width: 32%; display: inline-block; float: left;padding:2%;} 

.container .course-provide .flexslider6 .box .image img{width: 100%; display: inline-block;} 

.container .course-provide .flexslider6 .box .content h3 span{font-size:18px;}

.container .course-provide .flexslider6 .box .content{background-color: #fff; width: 64%; display: inline-block; float: left;padding:4% 0% 0% 0%;color: #333679;} 

.container .course-provide .flexslider6 .box .content h3{font-size: 30px; line-height: 26px; font-weight: 800; margin: 0px 0px 15px;x;padding-left:2%;} 

.container .course-provide .flexslider6 .box .content p{font-size: 18px; line-height: 22px; font-weight: 600; width: 90%; padding: 0% 2%; margin: 0px 0px 15px;} 

.container .course-provide .flexslider6 .box .content h4{    font-size: 20px;

    line-height: 22px;

    font-weight: 800;margin: 0px 0px 15px;padding-left: 2%;}

.container .course-provide .flexslider6 .box .content span{color: #3661ff; width: 100%; display: inline-block; float: left; font-size: 19px; font-weight: 600; margin: 0px 0px 18px;} 

.container .course-provide .flexslider6 .box .content h6{border: 2px solid #333679; padding: 10px 20px; margin: 0% 1% 5% 0%; color: #333679; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block;cursor: pointer;} 

.container .course-provide .flexslider6 .box .content a{border: 2px solid #333679; padding: 10px 20px; margin: 0% 1% 5% 0%; color: #333679; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block;}

.container .course-provide .flexslider6 .box .content_below{width: 100%; display: inline-block; float: left;padding:3% 0% 0% 0%;color: #333679;}

.container .modal-content .main .top .left h3{margin: 15px 0px 15px;font-size: 23px;line-height: 28px;font-weight: 700;} 



.btn1:hover:before{border: 1px solid #1d235e;}

.btn1:hover{color: #fff !important;border: 1px solid #1d235e !important;}

.btn1:before{border-radius: 50px;background-color: #1d235e;}

.btn1:after{background-color: #fff;;}

.btn1{color: #1d235e !important;}

.container .course-provide .box .content_below h2 {text-transform:none;color:#333679;    }

.container .course-provide .box .content_below h2::after{width:60%;left: calc(30% - 10%);}

.container .course-provide .box .content_below .buttons{display: inline-block;padding: 0% 20% 1% 20%;float: left;width: 60%;}

.container .course-provide .flexslider6 .box .content_below h6{border: 1px solid #1d235e !important;

    padding: 10px 20px !important;

    margin: 0% 1% 3% 0% !important; color: #333679; text-decoration: none; font-size: 14px; font-weight: 700; line-height: 23px; display: inline-block;cursor: pointer;border-radius: 50px;transition: all 0.3s;

    position: relative;

    overflow: hidden;

    z-index: 1;} 

/*.container .course-provide .flexslider6 .box .content_below h6:hover{background-color:#333679;color:#fff;}*/



.hide{display:none;}

.underline{text-decoration: underline !important;text-decoration-color: #ffb636 !important;}

.course-provide.blur {filter: blur(5px);position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;z-index: 1;}

.owl-nav{display: none;}

.center{margin: 0px 10px;width: 440px !important;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{border: none !important; font: inherit !important; background-color: #fff !important; border-radius: 50% !important; width: 12px !important; height: 12px !important; margin: 0px 5px !important;} 

.owl-carousel{height: 460px;width: 100%;}

.owl-carousel{width: 104% !important;margin: 0% 0% 0% -2%;}

.owl-dots{position: absolute; bottom: 0; width: 100%; text-align: center; left: 0;}

.owl-carousel .owl-stage:after{display: none;}



footer .right span{

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;}



/* adapted from  https://codepen.io/glebkema/pen/Xjryjd*/

.owl-item.active > .box:after {

  content: 'active';

}

.owl-item.center > .box:after {

  content: 'center';

}

.owl-item.active.center > .box:after {

  content: 'active center';

}

.active.center {

  transform: scale(1);

  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */

    filter: grayscale(0);

}

.active {

  transform: scale(.6);

  transition: .6s ease;

  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



.container .Faq .section-content .active {

    transform: unset;

    transition: unset;

    -webkit-filter: none;

    filter: unset;}



.flex-direction-nav{display: none;}

.container .section-four .flexslider .flex-control-nav{display: none;}

.container .career-outcome .flexslider1 .flex-control-paging li a.flex-active{background: #fff;}

.container .career-outcome .flexslider1 .flex-control-paging li a{background: #ffffff8f;}

.flex-control-paging li a:hover{background: unset;}

.container .career-outcome .flexslider1 .flex-control-nav{bottom: -75px;}

.container .gallery .main .flexslider2 .flex-control-nav{bottom: -65px;}

.container .gallery .main .flexslider2 .flex-control-paging li a.flex-active{background: #333679;}

.container .gallery .main .flexslider2 .flex-control-paging li a{background: transparent;}



.container .student-testi{background-image: url(img/testimonials-bg.jpg.webp); background-repeat: no-repeat; display: inline-block; float: left; background-size: cover; background-position: center; width: 90%; padding: 4% 5% 8%;} 

.container .student-testi h2{font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: 700; margin: 0% 0px 6%; position: relative; color: #fff;text-align: center;} 

.container .student-testi h2::after {content: ''; height: 3px; width: 7%; background: #ffb636; position: absolute; left: calc(56% - 10%); bottom: -10px;} 

.container .student-testi .flexslider3{width: 100%; display: inline-block; float: left;position: relative;} 

.container .student-testi .flexslider3 .image{width: 100%; display: inline-block; float: left; text-align: center; position: relative;} 

.container .student-testi .flexslider3 .image img{width: 100%;max-width: 170px;}

.container .student-testi .flexslider3 .content{width: 90%; display: inline-block; float: left; background-color: #fff; padding: 5%; text-align: center; margin: -25% 0% 0%;} 

.container .student-testi .flexslider3 .content h3{margin: 25% 0% 0%;min-height: 60px;}

.container .student-testi .flexslider3 .content p{min-height: 200px;margin: 0px;}

.container .student-testi .flexslider3 .flex-control-paging li a.flex-active{background: #fff;}

.container .student-testi .flexslider3 .flex-control-paging li a{background: #ffffff8f;}

.container .student-testi .flexslider3 .flex-control-nav{bottom: -65px;}



.thank-you{width: 100%;

    display: inline-block;

    float: left;

    position: relative;}

.thank-you .main{width: 60%;

    display: inline-block;

    float: left;

    padding: 8% 20% 5%;

    text-align: center;}

.thank-you .main .image{width: 100%;

    display: inline-block;

    float: left;}

.thank-you .main .image img{width: 100%;

    max-width: 600px;}

.thank-you .main .content{width: 100%;

    display: inline-block;

    float: left;}

.thank-you .main .content h1{margin: 0px;

    font-size: 6em;

    font-weight: 800;

    line-height: 80px;}

.thank-you .main .content img{width: 25%;}

.thank-you .main .content p{margin: 10px 15% 30px; font-size: 22px; font-weight: 600; line-height: 26px; width: 70%;} 

.thank-you .main .content a{background-color: #1d235e; border: none; color: #fff; padding: 15px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-weight: 500; line-height: 20px;}

.thank-you .top-img{position: absolute; top: 0; right: 0; width: 30%; display: inline-block; float: left;}

.thank-you .top-img img{width: 100%;}

.thank-you .down-img{position: absolute; bottom: 0; left: 0; width: 25%; display: inline-block; float: left;} 

.thank-you .down-img img{width: 100%;float: left;}



.container .enquire-now .para{width: 100%; display: inline-block; padding: 20px 0px; text-align: left; font-size: 16px; font-weight: 400;}

.container .enquire-now a{display: inline-block; width: 100%; text-align: left; font-weight: 600;}







.active{filter: unset !important;}

.container .gallery .main .flexslider2 .image .content-overlay{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;}

.container .gallery .main .flexslider2 .image:hover .content-overlay{opacity: 1;}

.container .gallery .main .flexslider2 .image:hover .zoom{opacity: 1;}

.container .gallery .main .flexslider2 .image{display: inline-block; position: relative;width: 100%;float: left; margin: 0px;} 

.container .gallery .main .flexslider2 .image .zoom{position: absolute; top: 45%;opacity: 0; text-align: center; width: 100%; display: inline-block;left: 0;}

.container .gallery .main .flexslider2 .image .zoom img{width: 100%;max-width: 40px;height: auto; min-height: auto; max-height: auto;} 

.container .gallery .main .flexslider2 .image a{width: 100%;display: flex;float: left;}

.container .gallery .main .flexslider2 .image a img{width: 100%; height: 100%;} 



footer{width: 90%; display: inline-block; float: left; padding: 1.5% 5%; background-color: #505050; color: #fff;} 

footer .left{width: 65%; display: inline-block; float: left;} 

footer .left p{margin: 0px; font-size: 16px; text-transform: uppercase; font-weight: 600; line-height: 22px;padding: 12px 0px 0px;} 

footer .left ul{display: inline-block; float: left; list-style: none; padding: 0; width: 100%; margin: 12px 0px 0px;} 

footer .left ul li{display: inline-block;list-style: none;}

footer .left ul li a{text-decoration: none; font-size: 15px; color: #fff; font-weight: 600; line-height: 22px;    margin: 0px 5px 0px 0px;} 

footer .left ul li a svg{margin: 0px 8px -6px 0px;width: 25px;}

footer .right{width: 35%; display: inline-block; float: left; text-align: right;} 

footer .right p{margin: 0px; font-size: 18px; line-height: 22px; font-weight: 600;padding: 0px;} 

footer .right ul{margin: 3px 0px 0px; width: 100%; display: inline-block; float: left; text-align: right;} 

footer .right ul li{display: inline-block; list-style: none; list-style-type: none; margin: 0px 10px 0px;} 

footer .right ul li a svg{width: 20px;}

footer .right ul li:hover a svg path{fill: #ffb636;}





.desktop{display: block !important;}

.mobile{display: none !important;}





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



.desktop{display: none !important;}

.mobile{display: inline-block !important;}



header{-webkit-box-shadow: 0px 0px 8px 0px rgb(48 48 48 / 41%); 
    -moz-box-shadow: 0px 0px 8px 0px rgba(48,48,48,0.41); box-shadow: 0px 0px 8px 0px rgb(48 48 48 / 41%);} 

header .logo{width: 50%;    margin: 4px 0px 0px;}

header .logo img{max-width: 110px;}

header .phone{width: 50%; display: inline-block; float: left; text-align: right; margin: 0px 0px 0px;}

header .phone a{  display: inline-block;} 

header .phone a img{width: 36px;margin: 7px 0px 0px;}





.container .gallery .main .flexslider2 .flex-control-nav {bottom: -100px;}

.container .section-one{height: unset;background-position: center;background-size: cover;margin: 50px 0px 0px;}

.container .section-one .left{  margin: 30% 0% 2%;  width: 90%;

    padding: 3% 0% 3% 5%;}

.container .section-one h1{    font-size: 15px!important;
    letter-spacing: 1px; font-weight: 700;}

    
.container .section-one hr {

    display: block;

    margin: 5px 0px;}    

.container .section-one br{display:none;}

.container .section-one p {    font-size: 12px;

    line-height: 16px;

    margin: 0px;}

    .container .section-one p span {

    font-size: 10px;

}

.container .course-provide .flexslider6 .box .content h3 span {

    font-size: 12px;

}

.container .enquire-now .para { padding: 10px 0px;}

.container .section-one h1 span{font-size: 22px;}

.container .section-five h2{margin: 0px 0px 10%;}

.container .section-five h2::after{left: calc(50% - 10%);width: 18%;}

.container .section-five .box .left{width: 100%;}

.container .section-five .box .right{width: 100%;}

.container .section-five .box .right .content{width: 100%;padding: 0px;}

.container .section-five{padding: 5% 5% 28%;}

.container .section-two .column{width: 100%;padding: 0% 3% 5% 0%;}

.container .section-two .column .image{width: 100px;height: 100px;margin: 0% 0% 0% 7%;}

.container .section-two .column .image img{max-width: 50px;}

.container .section-two .column h3{padding: 5px 0px 15px 3%;font-size: 16px;line-height: 22px;display: inline-block;}

.flexslider4{position: relative;margin: -25% 0% 0%;}

.container .section-two{padding: 5% 5% 15%;}

.flexslider4 .flex-control-paging li a.flex-active{background: #fff;}

.flexslider4 .flex-control-paging li a{background: #ffffff8f;}

.container .section-three .top .a{padding: 10% 0%;}

.container .section-three .top .a .image img{max-width: 70px;height: 70px;}

.container .section-three .top .a .content h1{font-size: 2.5em;line-height: 40px;padding: 0px 0px 15px;}

.container .section-three .top .a .content p{font-size: 16px;line-height: 20px;}

.container .section-three .box{width: 80%;margin: -10% 5% 0%;padding: 3.5% 5%;}

.container .section-three .box h2{font-size: 18px;    margin: 0px 0px 15px;line-height: 22px;}

.container .section-three .box p{font-size: 15px;line-height: 20px;}

.container .section-three .down img{height: 120px;}

.container .section-three{padding: 0% 0% 8%;}

.container .section-four{width: 90%;padding: 0% 5% 20%;}

.container .section-four h2{margin: 5% 0px 12%;}

.container .section-four .flexslider .image{width: 50%;padding: 0% 25%;}

.container .section-four .flexslider .content{margin: -15% 0% 0%;}

.container .section-four .flexslider .content h3{margin: 20% 0px 12px;}

.container .section-four .arrow{display: none;}

.container .section-four .flexslider .flex-control-paging li a.flex-active{background: #fff;}

.container .section-four .flexslider .flex-control-paging li a{background: #ffffff8f;}

.container .section-four .flexslider .flex-control-nav{display: inline-block;left: 0;bottom: -60px;}

.container .student-testi{    padding: 8% 5% 35%;}

.container .student-testi h2{font-size: 24px;margin: 0% 0px 12%;}

.container .student-testi h2::after{width: 30%;left: calc(45% - 10%);}

.container .student-testi .flexslider3 .flex-control-nav{bottom: -100px;}

.container .section-affiliation .box{width: 80%;margin: 0% 5%;}

.container .section-affiliation{padding: 20% 0% 6%;}

.container .section-affiliation .box .image img{max-width: 150px;}

.container .section-affiliation .box .text h2{font-size: 24px;line-height: 28px;}

.container .career-outcome .flexslider1 .flex-control-nav{bottom: -55px;}

.container .career-outcome{padding: 10% 5% 40%;background-attachment: fixed;}

.container .gallery h2{margin: 0% 0% 8%;}

.container .gallery h2::after{width: 20%;left: calc(50% - 10%);}

.container .c .main{    padding: 8% 5% 30%;}

.container .Faq{padding: 5%;width: 90%;}

.container .Faq .section-content .accordion{padding: 6% 3%;font-size: 16px;line-height: 20px;}

.container .Faq .section-content .accordion ul>li{margin: 0px 0px 0px 55px;}

.container .Faq .section-content .accordion:after{margin: 0px 3px 0px 0px;}

.container .Faq h2::after{width: 14%;left: calc(52% - 10%);}

.container .enquire-now{padding: 7% 0% 0%;}

.container .enquire-now h2{    margin: 0% 0px 0%;}

.container .enquire-now .contact {

    background-position: inherit;

    background-size: auto;

    padding: 30% 0%;}

.container .enquire-now h2::after{width: 20%;left: calc(48% - 10%);}

.container .enquire-now p{    font-size: 16px;}

.container .enquire-now .contact form{padding: 4% 5% 3%;width: 90%;margin: 0px;}
.container #fulltext{display:none;}

footer .left{width: 100%;}

footer .right{text-align: left;width: 100%;padding: 20px 0px 5px;}

footer .right ul{padding: 0px;margin: 8px 0px 0px;text-align: left;}

footer .right span{padding: 0px 0px 8px;    display: inline-block;}

.container .course-provide .flexslider5 .box{width: 100%; display: inline-block; float: left;color: transparent;} 

.container .course-provide .flexslider5 .box .image{width: 100%; display: inline-block; float: left;} 

.container .course-provide .flexslider5 .box .content{background-color: #fff; width: 90%; display: inline-block; float: left; padding: 3% 5%;text-align: center;color: #333679;} 

.container .course-provide .flexslider5 .box .content h3{font-size: 22px; line-height: 26px; font-weight: 700; margin: 0px 0px 12px;} 

.container .course-provide .flexslider5 .box .content p{font-size: 16px; line-height: 22px; font-weight: 500; width: 90%; padding: 0% 5%; margin: 0px 0px 15px;} 

.container .course-provide .flexslider5 .box .content span{color: #ffb636; width: 100%; display: inline-block; float: left; font-size: 18px; font-weight: 500; margin: 0px 0px 18px;} 

.container .course-provide .flexslider5 .box .content a{border: 2px solid #333679; padding: 10px 20px; margin: 0% 1% 5% 0%; color: #333679; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block;} 

.container .course-provide .flexslider5 .box .image img{width: 100%;}

.container .course-provide h2{margin: 0% 0px 10%;} 

.container .course-provide .flexslider5 .flex-control-paging li a.flex-active{background: #fff;}

.container .course-provide .flexslider5 .flex-control-paging li a{background: #ffffff8f;}  

.container .course-provide .flexslider5 .flex-control-nav{    bottom: -55px;}

.container .course-provide .flexslider5{position: relative;}

.container .course-provide .flexslider5 .box .content h6{border: 2px solid #333679; padding: 10px 20px; margin: 0% 1% 5% 0%; color: #333679; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block; cursor: pointer; }

.container .modal-content{width: 90%;}

.container .modal-content .main .top .left{width: 100%;}

.container .modal-content .main .top .text{width: 100%;}

.container .section-five .box .right .content .overflow-y{height: unset;overflow-y: unset;}

.container .Faq .section-content .accordion ul{width: 90%;}

.thank-you .main{width: 80%;    padding: 30% 10% 45%;}

.thank-you .top-img{width: 45%;}

.thank-you .down-img{width: 35%;}

.thank-you .main .content h1{line-height: 40px;font-size: 3em;}

.thank-you .main .content img{width: 40%;}

.thank-you .main .content p{width: 100%;margin: 10px 0% 30px;}



.container .course-provide{padding:4% 5% 30%;width:90%;}

.container .course-provide .flexslider5{position: relative;}

.container .course-provide .flexslider5 .box .content h6{border: 2px solid #333679; padding: 10px 20px; margin: 0% 1% 5% 0%; color: #333679; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block; cursor: pointer; }

.container .modal-content{width: 90%;}

.container .modal-content .main .top .left{width: 100%;}

.container .modal-content .main .top .text{width: 100%;}

.container .course-provide .flexslider6 .box .image {

    width: 94%;

    display: inline-block;

    float: left;

    padding: 3%;

}

.container .course-provide h2 {

    font-size: 14px;}

    .container .course-provide .flexslider6 .box .content {width: 94%;    padding: 3%;}



.container .course-provide .box .content_below .buttons {

    display: inline-block;

    padding: 0% 5% 1% 5%;

    float: left;

    width: 100%;

}

.container .modal-content {margin:14% 0% 0% 0%;}

.container .course-provide .box .content_below h2 {text-align: left;padding-left: 6%;}

.container .course-provide .box .content_below h2::after {

    width: 54%;

    left: 6%;}

.container .course-provide .flexslider6 .box .content_below .btn{font-size: 16px;}





}