@import url("animate.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto+Slab:wght@700&display=swap');
:root {
    --brand-color-green: #38c098;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
    font-size: 16px;
}
body {
    line-height: 1.375;
    padding: 0; margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
}
/* Layout */
ul, ul li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
a {text-decoration: none;color:#000;font-size: 1rem;}
a:hover { text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab', serif;}
h1, h2 {
    font-size: 2rem;
    margin: 1.25rem 0 1.56rem;
    font-weight: 400;
}
h3 {
    font-size: 1.5rem;
    margin: 1.25rem 0 1.56rem;
    font-weight: 400;
    line-height:140%;
    }
h4 {
    font-size: 1.3rem;
    margin: 1.56rem 0 1.56rem;
    font-weight: 400;
    line-height:140%;
}

img {
    max-width: 100%;
    height: auto;
}
p {margin-bottom: 15px;color: #000;font-size: 1rem;font-weight: 400;line-height: 1.5rem;}

.no-margin, .m-0 {
    margin: 0px !important; 
}
.no-margin-top, .mt-0 {
    margin-top: 0px !important;
}
.no-margin-bottom, .mb-0 {
    margin-bottom: 0px !important;
}
.no-margin-left, .ml-0 {
    margin-left: 0px !important;
}
.no-margin-right, .mr-0 {
    margin-right: 0px !important;
}
.no-margin-v, .mv-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.no-padding, .p-0 {
    padding: 0px !important; 
}
.no-padding-top, .pt-0 {
    padding-top: 0px !important;
}
.no-padding-bottom, .pb-0 {
    padding-bottom: 0px !important;
}
.no-padding-left, .pl-0 {
    padding-left: 0px !important;
}
.no-padding-right, .pr-0 {
    padding-right: 0px !important;
}
.no-padding-v, .pv-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.container {
    min-width: 320px;
}

.container {
    min-width: 320px;
}

body.width-full #fContent > .container {
    width: 100%;
    padding: 0;
}
body.width-full #fMatter {
    padding: 0;
}
body.title-off .fPageTitle {
    display: none;
}
#fMatter .fModule,
#fSidebarRight .fModule,
#fContentPre .fModule,
#fContentPost .fModule {
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow:hidden;
}
#f-messages {
    margin: 0;
}

.padding-no {
    padding: 0 !important;
}
.margin-no {
    margin: 0 !important;
}
.spacing-no {
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width : 767.8px) {
    .col-xs-12 {
        float: none;
    }
}
#fMatter .fModule.fBanner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow:hidden;
}
.row.row-equal {
    display: flex;
    flex-wrap: wrap;
}
.row-equal:before,
.row-equal:after {
   content: normal;
}
/*Module*/
.fModule .fModuleTitle,
.fModule .fModuleContent {
    width: 100%;
}
/*Background */
.fBgDark {
    background: #cd8f16;
    color: #ffffff;
}
.fBgDark a {color: #ffffff; }
.fBgDark a:hover {}
.fBgLight {
    background: #0d2d62;
    color: #fff !important;
}
.fBgLight a {color: #505050;}
.fBgLight a:hover { color: #005d88;}
.fBgWhite {
    background: #ffffff;
    color: #000000;
    border: 1px solid #cecece;
}
.fBgWhite a, .fBgWhite a:hover {color: #d34344;}
.fBgColor {
    background: #fff;
    color: #ccc;
}
.fBgColor p {
    color: #aeaeae;
}
.fBgColor a, .fBgColor h3, .fBgColor h4 {color: #ffffff; line-height: 120%;}
/* Button */
a.fButton,
input.fButton {
    padding: 14px 40px;
    margin: -15px 0px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 1em;
    text-align: center;
    background-color: #00bcd4;
    border-color: #480d09;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0px;
    border-radius: 22px;
}
a.fButton1,
input.fButton1 {
    padding:12px 40px;
    margin: 10px 0px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 0.89em;
    border-radius: 22px;
    text-align: center;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}
a.fButton1:hover, input.fButton1:hover {
    background: #fff;
    color: #828189;
}

/* Column */
#fMatter .fCol5 .fGalleryImages .fGalleryItem,
#fContentPost .fCol5 .fGalleryImages .fGalleryItem,
.fCol5 .fGalleryImages .fGalleryItem {
    width: 20%;
    float: left;
    padding: 2em;
}
/* Common CSS */
.border {
    border:6px solid #fff;
    box-shadow: 0px 0px 2px 2px #ccc;
    border-radius:3px;
}
input.form-control,
textarea.form-control {
    display: inline-block;
    margin: 10px 0px;
}
/* Module */
.fModuleEnd .fModuleTitle,
.fModuleEnd .fModuleContent,
.fModuleBoxed {
  margin: 0 auto;
}   
/* Responsive Homepage */
@media (max-width : 319px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 280px;
    }  
}
@media (min-width : 320px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 300px;
    }        
}
@media (min-width : 480px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 470px;
    }
}
@media (min-width: 768px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 1170px;
    }
}
.d-flex{
    display: flex !important;
}
.ml-auto{
    margin-left: auto !important;
}
.align-items-center{
    align-items: center !important;
}
.fRegion{
    display: inline-block;
    width: 100%;
}
#fPageTitle{
    display: none !important;
}
#fContent > .container{
    width: 100% !important;
    padding: 0 !important;
}
.fPageTitle{
    display: none !important;
}
.fHeader1 .navbar-header{
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}
a{
    text-decoration: none !important;
}
.padd-0{
    padding: 0 !important;
}
/*Customization*/
.fBanner .fGalleryList > li{
    overflow: hidden;
    position: relative;
    height: 100vh;
}
.fBanner .fGalleryList > li .fGalleryImage{
    display: block;
}
.fBanner .fGalleryList > li .fGalleryImage > img{
    width: 100%;
    height: auto;
}
.fBanner .fGalleryList > li .fGalleryText {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    padding-left: 8%;
    padding-top: 25%;
}
.fBanner .fGalleryList > li .fGalleryText img {
    width: 150px;
    height: auto;
}
.fBanner .fGalleryList > li .fGalleryText h3{
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    line-height: normal;
    margin: 0;
} 
.fBanner .fGalleryList > li .fGalleryText p{
    color: #fff;
    font-size: 1.4rem;
    width: 60%;
}
.fHeader1{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 15px 0;
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.09845936665681898) 35%, rgba(255,255,255,1) 100%);
    transition: 0.2s;
}
.fHeader1:hover,.fHeader1.active{
    background: #fff;
    transition: 0.2s;

}

.fHeader1.active{
    background: #fff;
    transition: 0.2s;
        box-shadow: 0px 0px 8px #00000038;
}


.fHeader1 .fMenu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.fHeader1 .fMenu > li{
    margin-right: 20px;
}
.fHeader1 .fMenu > li a{
    display: block;
    color: #002c65 !important;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
}
.fHeader1 .fMenu > li:last-child{
    margin-right: 0;
}
.fHeader1 .fMenu > li:hover a, .fHeader1 .fMenu > li.selected a {
	color: #f3e500;
}
.fHeader1 .fMenu > li#menu-item-18804 > a::after,
.fHeader1 .fMenu > li#menu-item-18820 > a::after
{
	content: '\f078';
	font-family: FontAwesome;
	display: inline-block;
	font-size: 13px;
	margin-left: 5px;
}
.fHeader1 .fMenu > li > ul{
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 11;
    left: 0;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    padding: 30px 9%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
}
.fHeader1 .fMenu > li:hover > ul{
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}
.fHeader1 .fMenu > li > ul li{
    width: 50%;
    flex: 0 0 50%;
}
.fHeader1 .fMenu > li > ul li a{
    color: #000 !important;
    font-weight: bold !important;
    margin: 15px 0;
}
.fHeader1 .fMenu > li > ul li ul{
    padding-left: 15px;
}
.fHeader1 .fMenu > li > ul li ul li{
    list-style: disc;
    width: 80%; 
}
.fHeader1 .fMenu > li > ul li ul li a{
    color: #f3e500 !important;
    font-weight: normal!important;
    padding: 1px 0;
    font-family: 'Open Sans', sans-serif;
}
.fHeader1 .fMenu > li#menu-item-18820 > ul li{
    width: 100%;
    flex: 0 0 100%;
}
.fHeader1 .fMenu > li > ul li#menu-item-18814{
    margin-top: -50px;
}
.fHeader1 .logo a{
    display: inline-block;
}
.fHeader1 .logo a > img{
    width: 100%;
    height: auto;
}
.fHeader1 .fRegion{
    display: flex;
    align-items: center;
}
.fbutton{
    display: inline-block;
    padding: 13px 40px;
    border: 1px solid #f3e500;
    background: #f3e500;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
}
.fBanner .fbutton{
    margin-top: 15px;
    color: #002c65 !important;
    font-family: 'Open Sans', sans-serif;
}
.fModuleTitle h3{
    text-align: center;
    font-size: 2rem;
    width: 60%;
    display: block;
    margin: 0 auto;
     margin-bottom: 40px;
}
.fModuleTitle h3 > small{
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
}
.course_list_style .fGalleryList{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.course_list_style .fGalleryList > li{
    width: 33.333%;
    flex: 0 0 33.333%;
    padding: 0 15px;
}
.course_list_style .fGalleryList > li .fGalleryText h3 > a{
    font-size: 1.5rem;
    line-height: 1;
}
.appy_btn_sec > a{
    display: block;
    padding: 10px 25px;
    border: 1px solid #f3e500;
    background: #f3e500;
    color: #fff !important;
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
}
.Main_hdr_mnu{
    position: static !important;
}
.secondary_banner_sec ul.fGalleryList > li{
    overflow: hidden;
    position: relative;
    height: 445px;
}
.secondary_banner_sec ul.fGalleryList > li .fGalleryImage{
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.secondary_banner_sec ul.fGalleryList > li .fGalleryImage:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#082d47;
    z-index:1;
    opacity: 0.75;
}
.secondary_banner_sec ul.fGalleryList > li .fGalleryImage > img{
    width: 100%;
    height: auto;
}
.secondary_banner_sec ul.fGalleryList > li .fGalleryText{
    position: absolute;
    left: 8%;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.secondary_banner_sec .fGalleryText h3{
    font-size: 3rem;
    color: #fff;
}
.secondary_banner_sec .fGalleryText p{
    font-size: 1.2rem;
    width: 60%;
    color: #fff;
    margin: 25px 0;
}
.secondary_banner_sec .fGalleryText ul > li{
    margin-right: 15px;
    color: #fff;
}
.secondary_banner_sec .fGalleryText ul > li:last-child{
    margin-right: 0;
}
.secondary_banner_sec{
    padding: 0 !important;
}
.fbutton2{
    background: none;
    border: 1px solid #f3e500;
    border-radius: 6px;
    color: #f3e500;
}
.testonial_slider{
    background: #f6f6f6;
}
.testonial_slider .bx-wrapper{
    margin: 0;
}
.testonial_slider .bx-wrapper .bx-viewport{
    background: none;
}
.testonial_slider ul.fGalleryList > li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.testonial_slider ul.fGalleryList > li .fGalleryImage{
    width: 30%;
    flex: 0 0 30%;
}
.testonial_slider ul.fGalleryList > li .fGalleryImage > img{
    border-radius: 100%;
}
.testonial_slider ul.fGalleryList > li .fGalleryText{
    width: 70%;
    flex: 0 0 70%;
    padding: 60px;
}
.testonial_slider ul.fGalleryList > li .fGalleryText h3{
    font-size: 3rem;
}
.testonial_slider ul.fGalleryList > li .fGalleryText h3::after {
	content: '\f10d';
	font-family: FontAwesome;
	display: block;
	margin-top: 20px;
}
.testonial_slider ul.fGalleryList > li .fGalleryText p{
    font-size: 1.2rem;
}
.numbr_listing_sec{
    position: relative;
    z-index: 0;
    background: url(../images/bg-03.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.numbr_listing_sec:after{
     position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#082d47;
    z-index:-1;
    opacity: 0.75;
}
.numbr_listing_sec ul.fGalleryList{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    text-align: center;
}
.numbr_listing_sec ul.fGalleryList > li{
    width: 25%;
    flex: 0 0 25%;
    padding: 15px;
}
.numbr_listing_sec ul.fGalleryList > li h3{
    margin: 0;
    font-size: 4rem;
    line-height: normal;
    color: #fff;
}
.numbr_listing_sec ul.fGalleryList > li span{
    display: inline-block;
    padding: 7px 12px;
    border-radius: 6px;
    background:  #f3e500;
    color: #131313;
}
.side_con_img_styl ul.fGalleryList > li,.why_style_sec ul.fGalleryList > li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.side_con_img_styl ul.fGalleryList > li .fGalleryImage{
    width: 40%;
    flex: 0 0 40%;
    position: relative;
    overflow: hidden;
   
}
.side_con_img_styl ul.fGalleryList > li .fGalleryImage:after{
    position: absolute;
    left: 50%;
    top: 50%;
    content: '\f01d';
    transform: translate(-50%,-50%);
    font-family: FontAwesome;
    color: #fff;
    font-size: 5rem;
    z-index: 1;
    display: inline-block;
}
.side_con_img_styl ul.fGalleryList > li .fGalleryText{
    width: 60%;
    flex: 0 0 60%;
    padding: 60px;
}
.side_con_img_styl ul.fGalleryList > li .fGalleryText h3{
    font-size: 2.5rem;
}
.side_con_img_styl ul.fGalleryList > li .fGalleryText p{
    font-size: 1.2rem;
}
.side_con_img_styl{
    background: #eef5fd;
}
.why_style_sec ul.fGalleryList > li:nth-child(even){
    flex-direction: row-reverse;
}
.why_style_sec ul.fGalleryList > li > div,.why_style_sec ul.fGalleryList > li >  a.fGalleryImage{
    width: 50%;
    flex: 0 0 50%;
}
.why_style_sec ul.fGalleryList > li > div.fGalleryText{
    padding: 120px 60px;
    background: #082d47;;
}
.why_style_sec ul.fGalleryList > li > div.fGalleryText h3{
    font-size: 2rem;
    color: #fff;
}
.why_style_sec ul.fGalleryList > li > div.fGalleryText p{
   font-size: 1.2rem;
    color: #fff; 
}
.why_style_sec ul.fGalleryList > li >  a.fGalleryImage{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.why_style_sec ul.fGalleryList > li >  a.fGalleryImage > img{
    display: inline-block;
    width: 50%;
}
.why_style_sec ul.fGalleryList > li{
     background:  #f3e500;
}
.our_prtnr_sec ul.fGalleryList{
    display: flex;
    align-items: center;
    justify-content: center;
}
.our_prtnr_sec ul.fGalleryList > li{
    padding: 15px 30px;
}
.our_prtnr_sec ul.fGalleryList > li a{
    display: block;
}
#fFooter{
    background: #1c273b;
    padding-top: 3rem;
}
#fFooter h3{
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 30px;
    margin: 0;
    text-align: left;
    margin-bottom: 40px;
}
#fFooter p,#fFooter a{
    color: #ccc;
}
#fFooter .copy_right{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.2);
}
#fFooter .fMenu > li ul,#fFooter .fMenu > li:last-child{
    display: none;
}
#fFooter .fMenu{
    padding-left: 30px;
}
#fFooter .fMenu > li{
    list-style: disc;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 15px;
}
.ftr_logo .fGalleryImage{
    display: inline-block;
    margin-bottom: 20px;
}
.ftr_logo .fGalleryImage > img{
    width: 50%;
}
.social_sec ul{
    display: flex;
    align-items: center;
}
.social_sec ul > li{
    margin-right: 6px;
}
.social_sec ul > li a{
    display: inline-block;
    font-size: 1.5rem;
}
.square-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;

  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;

  /*border:1px solid #efefef;*/

  position: relative;
  float: left;
  margin: 20px;
}
.square-flip {
    width: 30%;
    flex: 0 0 30%;
    margin: 14px;
    height: 350px;
}
.square,
.square2 {
  width: 100%;
  height: 100%;
}
.square {
  background-size: cover;
  background-position: center center;

  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;

  position: absolute;
  top: 0;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.square-flip .square {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  z-index: 1;
}
.square-flip:hover .square {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
}

.square2 {
  background-size: cover;
  background-position: center center;

  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;

  position: absolute;
  top: 0;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.square-flip .square2 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  z-index: 1;
}
.square-flip:hover .square2 {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}

/*Square content*/
.square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;

  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) scale(1);
  transform: translateY(-50%) translateX(0px) scale(1);
  transform-style: preserve-3d;
  z-index: 2;
}
.square-flip:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform-style: preserve-3d;
}

.square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;

  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px)
    scale(0.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);

  transform-style: preserve-3d;
  z-index: 2;
}
.square-flip:hover .square-container2 {
  -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform-style: preserve-3d;
}

/*Style text*/
.square-flip h2 {
  color: white;
  font-weight: 700;
  font-size: 22px;
}
.square-flip h3 {
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
/*Elements*/
.flip-overlay {
  display: block;
  background: #1c273b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.align-center {
  margin: 0 auto;
}
.kallyas-button {
  display: block;
  width: 160px;
  padding: 18px 30px;
  font-weight: 600;
  color: #fff;
  background: #ff2024;
  margin: 0 auto;
  border-radius: 2px;
  text-decoration: none;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa067+0,ff2959+49,ff2024+100 */
  background: #ffa067; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #ffa067 0%,
    #ff2959 49%,
    #ff2024 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #ffa067 0%,
    #ff2959 49%,
    #ff2024 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #ffa067 0%,
    #ff2959 49%,
    #ff2024 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#ff2024',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*ADD SHADOWS OPTIONAL*/
.square-flip .square .boxshadow,
.square-flip .square .textshadow,
.square-flip .square2 .boxshadow,
.square-flip .square2 .textshadow {
  -ms-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition: 0.6s;
}

.square-flip .square .boxshadow {
  width: 50%;
    display: inline-block;
    filter: invert(100%);
}
.square-flip .square .textshadow {
  -webkit-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}
.square-flip:hover .square .textshadow {
  -webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
  -moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
  box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}

.square-flip .square2 .textshadow {
  -webkit-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
  -moz-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
  text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}
.square-flip:hover .square2 .textshadow {
  -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

/*You can delete this style*/
.centerflipcards {
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.clearfix {
  clear: both;
}
.centerflipcards p {
  margin-top: 10px;
    color: #fff;
}


@media (max-width : 768px){
    
    .Main_hdr_mnu{
        position: fixed !important;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s;
    }
    .fHeader1.set .Main_hdr_mnu{
        left: 0;
        visibility: visible;
        opacity: 1;
        transition: 0.4s;
    }
    .Main_hdr_mnu > .fModuleContent{
        position: fixed;
        left: -100%;
        top: 0;
        width: 300px;
        height: 100%;
        background: #002c65;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: 0.9s;
    }
    .fHeader1.set .Main_hdr_mnu > .fModuleContent{
        left: 0;
        visibility: visible;
        opacity: 1;
        transition: 0.9s;
    }
    .fHeader1 .fMenu{
        display: block;
        padding: 30px;
    }
    .fHeader1 .fMenu > li a{
        color: #fff !important;
        display: block;
        padding: 15px;
    }
    .fHeader1 .navbar-header{
        margin: 0;
        position: relative;
    }
    .navbar-toggle{
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        cursor: pointer;
        background: #002c65;
        border-radius: 100%;
        padding: 15px 12px;
        margin: 0;
    }
    .navbar-toggle .icon-bar{
        background: #fff;
    }
    .fHeader1 .logo a > img {
	width: 50%;
	height: auto;
}
    .fBanner .fGalleryList > li{
        height: 70vh;
    }
    .fBanner .fGalleryList > li .fGalleryImage > img,.secondary_banner_sec ul.fGalleryList > li .fGalleryImage > img{
        height: 100%;
        width: auto;
        max-width: inherit;
        transform: translateX(-30%);
    }
    .fBanner .fGalleryList > li .fGalleryText{
        padding-top: 35%;
    }
    .fBanner .fGalleryList > li .fGalleryText p,.fModuleTitle h3,.secondary_banner_sec .fGalleryText p{
        width: 100%;
    }
    .course_list_style .fGalleryList > li,.testonial_slider ul.fGalleryList > li .fGalleryImage,.testonial_slider ul.fGalleryList > li .fGalleryText,.numbr_listing_sec ul.fGalleryList > li,.side_con_img_styl ul.fGalleryList > li .fGalleryImage,.side_con_img_styl ul.fGalleryList > li .fGalleryText,.square-flip{
        width: 100%;
        flex: 0 0 100%;
    }
    .course_list_style .fGalleryList > li,.testonial_slider ul.fGalleryList > li .fGalleryText,.side_con_img_styl ul.fGalleryList > li .fGalleryText{
        padding: 15px;
    }
    .numbr_listing_sec ul.fGalleryList{
        flex-wrap: wrap;
    }
    .square-flip{
        height: 300px;
    }
    #fFooter .fMenu{
        margin-bottom: 30px;
    }
    .our_prtnr_sec ul.fGalleryList{
        display: block;
    }
    .our_prtnr_sec ul.fGalleryList > li{
        text-align: center;
    }
    .fbutton{
        padding: 8px 25px;
    }
    .fHeader1.active{
        padding: 8px 0;
    }
}


.bule-button
{
    color: #002c65;
}

 .F-our-programmes-button
{
    padding-top: 0 !important;
    text-align: center;
}



.inner-imgBg-all .fModuleTitle {
        background-color: rgb(0 47 98 / 41%);
    width: 100%;
    height: 100%;
    position: absolute;
 background-image: linear-gradient(
180deg
, #fbfaf9cc, #fbfaf980, #315680b0 , #315680ed);   
}

.inner-imgBg-all .fModuleTitle h3 {
    position: relative;
    top: 60%;
    /* left: 50%; */
    transform: translate(0% , -50%);
    font-weight: 900;
    font-size: 58px;
    text-transform: capitalize;
    color: rgba(255 , 255, 255, 1);
    width: 90%;
    text-align: center;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.inner-imgBg-all.fModule {
    padding: 0px !important;
    overflow: hidden;
    /* height: 100%; */
    position: relative;
}

.inner-imgBg-all a.fGalleryImage {
    height: 70vh;
    display: block;
}

.inner-imgBg-all a.fGalleryImage img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.f-content-banner-title .headring-text-center {
    text-transform: capitalize;
    color: rgba(255 , 255, 255, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 58px;
}

.inner-gallery-ll .f-content-image {
    position: relative;
    display: block;
    height: 70vh;
}

.inner-gallery-ll .f-content-image:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(175 22 73 / 48%);

 background-image: linear-gradient(
180deg
, #fbfaf9cc, #fbfaf980, #315680b0 , #315680ed);   


}

.inner-gallery-ll .f-content-image img {
    height: 100%;
    object-fit: cover;
}

.inner-gallery-ll {
    position: relative;
    padding-bottom: 0 !important;
}

.f-content-banner-title {
    position: relative;
}

.f-content-container-modifys {
    margin: 3vw 0;
}
.f-content-container-modifys .qx-element-action-content h4
{
    color: #4C71B3;
    line-height: 1.3em;
}

.tabs-nav-content .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #002f62;
    cursor: default;
    background-color: #fff;
    border: 1px solid #002f62;
    border-bottom-color: transparent;
    font-weight: 600;
}

.tabs-nav-content .nav-tabs>li>a
{
       font-weight: 600; 
}

.tabs-nav-content {
    margin-top: 3vw;
}


.tabs-nav-content .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.tabs-nav-content .tab-content>.active {

    border: 1px solid #002f62;
    /* background: red; */
    padding: 13px;
}








.f-content-container-modifys .logos-img
{

}

.f-content-container-modifys .logos-img img
{
    
}

.content-list-item .f-list-item-container
{

}


.content-list-item .f-list-item-container {
    background: #ffffff;
    box-shadow: 0 0 5px rgb(0 0 0 / 7%);
    text-align: left;
    border-bottom:3px solid #002f62;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 30px;
    padding: 45px 30px 45px 30px;
    transition: all 500ms ease;
    height: 510px;


}



.content-list-item .f-list-item-container .f-list-item-title a {
    color: #4C71B3;
    font-family: "Poppins", Sans-serif;
    line-height: 1.3em;
    font-size: 17px;
    margin-top: 1.5vw;
    display: block;
    font-weight: 600;
}


.content-list-item .f-list-item-container .f-list-item-teaser-content p
{
        color: #1c1c1c;
    font-size: 12px;
}


.content-list-item .f-list-item-container:hover {
    transform: translateY(-15px);
    border-bottom: 3px solid #000000;
}

.content-list-item .f-list-item-button a
{
    font-family: "Poppins", Sans-serif;
    text-transform: capitalize;
}


.f-list-filter a {
    border: 1px solid #000;
    padding: 6px;
    margin-left: 7px;
}

.f-list-filter a.selected {
border: 1px solid #103b6b;
    padding: 6px;
    margin-left: 7px;
    background: #002f62;
    color: white;
}

.f-list-filter {
    margin-top: 3vw;
}