.content-module {
padding: 30px 0px 0px;
}
.three-col .col h3 {
    padding: 0px 0px;
    min-width: 100%;
    max-width: 80%;
    color: #004953;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 50px;
    margin-top: 15px;
}
.newsletter-title p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;    
    min-height: 70px;
}
.three-col .col h3:after {
margin: 15px 0px -10px;
display: block;
content: '';
background: unset!important; 
}
.three-col .col p {
padding: 0px 5px;
}
#learning-centre .date-time{
margin-top: 25px;
}
.three-col .col .cta-bttn {
position: absolute! important;
bottom: unset! important; 
}
.cta-bttn a{
    color: #4d4d4d;
}
.three-col .col a, .three-col-icons .col a {
 margin-left: 0px; 
}
#hero-alt{
background-color:#ffffff;
padding-top: 50px;
}

#login-form{
background-color:#00b3db;
display: inline-block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}

.subscribe {
display: inline-flex;
justify-content: center;
gap: 13px;
padding: 0px 5% 0px 1%;
/*margin-left: 75px !important;*/
}
#login-form .subscribe{
    width: 100%;
    padding: 0px 30px;
}

.subscribe-heading {
color: #ffff;
font-weight: 100;
margin-top: 5px;
margin-bottom: 0px;
text-align: center;
}
.all-inputs input {
border: none;
background-color: transparent;
color: #ffff;
border-bottom: 1px solid;
margin: 5px 15px;
}
.signup-button button {
color: #004953;
background-color: #ffff;
padding: 5px 14px;
border: 1px solid #fff;
}
.signup-button button:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
/*18-04-2023*/

.container-title p{
font-size: 20px;
font-weight: 400;
transform: rotate(270deg);
white-space: nowrap;
}
.layout{
  height: 100%;
  width: 100%;
  display: flex; 
  justify-content: center !important;
}

#ul01{
    list-style:none;
    width:100%;
}

#ul01 li{
    float:left; 
    width:33%;
}

#ul01 li a { 
    display:block; 
    padding: 5px; 
    color: #004953;
    font-size: 18px;
}

#ul01li:first-of-type a:after {
    content: '*' !important;
}


.layout ul li{
    text-align: center;
}

.layout ul li a{
    cursor: pointer;
    color: #004953;
}
.active a {
    background: #004953;
    color: white !important;
}

.layout ul li .active a{
    color: white;

}

/*.tab-contain{
    display: flex;
    margin-left: 0px;
    padding-top: 0px;
    justify-content: center;
    align-items: center;
}*/

.tab-everything label{
    margin-right: 115px;
    font-size: 18px; 
}
.lets-talk-mobile-hide a i{
    color:#004953;
}
#footer-area .footer-nav .col h4 a{
    font-weight: 500;
}
#footer-area .footer-nav .col ul li a:hover{
    color: #4d4d4d;
}
div.container-title {
position: absolute;
top: 0px;
font-size: 18px;
padding-left: 7px;
padding-right: 10px;
padding-top: 25px;
margin-left: 0px;
bottom: 0px;
width: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.layout .ul-layout #everything{
    padding-left: 11px;
}

/*17-08-2023 Start CSS*/

.apply-button button{
    background-color: #d9d9d2;
    padding: 9px 20px;
    font-size: 15px;
    cursor: pointer;
}
.newsletters .featured-article .image-wrap{
    position:relative;
}
#hero-alt .featured-article .text1{
    width: 45%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}
/*#hero-alt .featured-article .text1 .banner-heading-lets-talk{
    width: 80%;
}*/
/*#hero-alt .featured-article .text1 p{
    width: 80%;
}*/
.notification h3{
    color: #ffff;
    font-size: 20px;
}
#hero-alt .notification i{
    font-size: 20px;
    float: right;
    cursor: pointer;
    color: #ffffff;
    margin-left: 20px;
}
.notification{
    background-color: #04aa6d;
    display: inline-block;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    text-align: center;
    position: absolute;
    display: none;
}
#learning-centre .newsletter-title h3{
    margin-bottom: 8px;
}
.newsletters .alert, .bulletins .alert {
    background-color: #04AA6D;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 99999;
    top: 0px;
    padding: 7px;
}

.newsletters .alert h4, .bulletins .alert h4 {
    width: 100%;
    font-size: 20px;
}
.newsletters .alert span, .bulletins .alert span {
    font-size: 40px;
}

/*17-08-2023 End CSS*/

/*18-08-2023 CSS Start*/
#tabs .tab-everything{
    width: 100%;
    margin: 0px auto;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top:20px;
}
html[lang="fr"]  #tabs .tab-everything{
    padding-top: 40px;
}
/*18-08-2023 CSS End*/

/*25-08-2023 CSS Start*/
#learning-centre .image-wrap img{
    min-height: 320px;
    max-height: 320px;
    height: 320px;
    object-fit: cover;
}
/*25-08-2023 CSS End*/



@media only screen and (max-width: 767px) {
    .image-wrap img {
        height: auto !important;
    }
    .all-inputs input{
        margin: 5px 60px !important;
    }
    .layout #ul01 {
      padding-left: 0 !important;
    }
    .layout #ul01 li{
        width: 100%;
    }
    .tab-contain{
        margin-left: 0px !important;
    }
    .tab-everything label{
        white-space: nowrap;
        margin-right: 50px;
    }
    .tab-everything label input{
        margin-right: 10px;
    }
    .contact-desktop-hide h2{
      color: #3d3d3d !important;
    }
    .featured-article .banner-heading-lets-talk{
        font-size: 22px;
        width: 100%;
    }
    #learning-centre .date-time{
        margin-top: 15px;
        font-size: 14px;
    }
    .container-title p{
        font-size: 15px;
    }
    #hero-alt{
        padding: 0;
    }
    #hero-alt .featured-article{
        display: block;
        margin-top: 0;
    }
    #hero-alt .featured-article .text1{
        width: 100%;
        padding-left: 0;
    }
    #hero-alt .featured-article .text1 p{
        width: 100%;
    }
    #tabs .tab-everything{
        width: 100%;
        display: inline-block;
    }
    .apply-button{
        padding-top: 20px;
    }
    .alert.success h4{
        margin: 8px;
    }
    #learning-centre .image-wrap img{
        min-height: inherit;
        max-height: inherit;
        height: auto;
    }
}


@media screen and (min-width:1324px) and (orientation: landscape) {
    .container-header-title{
        position: absolute;
        top: 207px;
        font-size: 17px;
        padding-top: 10px;
        transform: rotate(270deg);
        width: 28%;
        margin-left: -161px;
        text-align: center;
    }
}

@media screen and (max-width:954px) and (orientation: landscape) {
    .container-header-title{
        position: absolute;
        top: 221px;
        top: 168px;
        font-size: 17px;
        padding-top: 9px;
        transform: rotate(270deg);
        width: 28%;
        margin-left: -124px;
        text-align: center;
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .container-title p{
        font-size: 20px;
    }
    #login-form{
        padding-bottom: 25px;
    }
    .subscribe-left-headin{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .signup-button{
     display: flex;
     flex-direction: column;
     justify-content: center;
    }
    .signup-button button{
        padding: 5px 14px;
       white-space: nowrap;
    }
    .tab-everything label{
        margin-right: 42px;
    }
    #hero-alt{
        padding: 0;
    }
    #hero-alt .featured-article{
        display: block;
        margin-top: 0;
    }
    #hero-alt .featured-article .text1{
        width: 100%;
        padding-left: 0;
    }
    #hero-alt .featured-article .text1 p{
        width: 100%;
    }
    .alert.success h4{
        margin: 34px;
    }
    #learning-centre .image-wrap img{
        min-height: inherit;
        max-height: inherit;
        height: auto;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .signup-button button{
        white-space: nowrap;
    }
    .tab-everything label{
        margin-right: 98px;
    }
    .container-title p{
        font-size: 15px;
    }
    #learning-centre .image-wrap img{
        min-height: 250px;
        max-height: 250px;
        height: 250px;
        object-fit: cover;
    }
     #learning-centre .date-time{
        margin-top: 10px;
        font-size: 12px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1299px){
    .signup-button button{
        white-space: nowrap;
    }
    .container-title p{
        font-size: 17px;
    }
}

@media only screen and (min-width:1300px) and (max-width:1399px){
    .tab-everything label{
        margin-right: 80px;
    }
    /*.tab-contain .tab-everything{
        padding-bottom: 25px;
    }*/
}


@media only screen and (min-width:1500px) and (max-width:1600px){
    .container-title p{
      font-size: 20px;
      font-weight: 400;
      line-height: 26px;
    }
    .tab-contain{
        justify-content: center;
        margin-left: 0px;
        padding-bottom: 0px;
    }
    /*#hero-alt .featured-article .text1 .banner-heading-lets-talk {
       width: 60%;
    }*/
    /*#hero-alt .featured-article .text1 p {
       width: 70%;
    }*/
}

@media only screen and (min-width:1900px) and (max-width:2200px){
   
    #login-form .subscribe{
        display: flex;
        justify-content: space-evenly;
        padding: 0;
    }
    .tab-contain{
        padding-bottom: 0px;
        justify-content: center;
    }
    /*#hero-alt .featured-article .text1 .banner-heading-lets-talk{
        width: 60%;
    }*/
    /*#hero-alt .featured-article .text1 p{
        width: 60%;
    }*/
    #learning-centre .image-wrap img{
      min-height: 400px;
      max-height: 400px;
      height: 400px;
      object-fit: cover;
    }
}