@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body.rtl{
    direction: rtl;
}
a, h1, h2, h3, h4, h5, h6, p, span, input, button {
    font-family: "Cairo", sans-serif!important;
}
nav.navbar {
    background-color: #fff!important;
}
nav.navbar {
    padding: 10px 0;
}
nav li{
    padding: 0 20px;
}
nav li a{
font-size: 20px;
color: #333333!important;
font-weight: bold;
}
.lang-item a{
color: #333333!important;
}
.buttoncontent{
    gap:20px;
}
a.nav-link.button {
    background-color: #E6464D;
    color: #fff;
    text-align: center;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 24px;
    font-weight: bold;
}


section.homebanner{
    background-image: url(../../img/landing_page/takallam-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-content: center;
    padding:240px 0;
}
section.homebanner img{
    max-width: 35%;
}
section.homebanner h1{
 color: #fff;
}
section.homebanner a{
    background-color: #fff;
    color: #E6464D;
    text-align: center;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 24px;
    font-weight: bold;
}

section.abouttaklam {}
section.abouttaklam img.icon {max-width: 30px;}
section.abouttaklam h2 { font-size: 36px;}
section.abouttaklam h3 { font-size: 32px; color: #F9A33E;}
section.abouttaklam p { font-size: 22px;}
section.abouttaklam li, .contentimg{
    gap: 20px;
}
a.btnn{
    background-color: #E6464D;
    color: #fff;
    text-align: center;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 24px;
    font-weight: bold;
}

section.coursesnew .courseitemnew { padding: 32px 28px; background-color: #F5F5F5; border-radius: 30px;}
section.coursesnew .courseitemnew img { max-width: 100%;}
section.coursesnew .courseitemnew h5.name{ color: #E6464D; }
section.coursesnew .courseitemnew a.btnn {min-width: 100%; display: block;}


section.banners img {max-width: 100%!important;}

section.ctafooter{
    margin-top: 60px;
    background-image: url(../../img/landing_page/takallam-banner-4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    text-align: right;
    align-content: center;
    padding: 183px 0;
    margin-bottom: 30px;
}
section.ctafooter h3, section.ctafooter h5 {
    color: #fff;
}

section.ctafooter a.btnn{
    background-color: #fff;
    color: #E6464D;
}

section.chooseplan .plan{
    border: 2px solid #CCCCCC;
    border-radius: 20px;
    padding-bottom: 40px;
}
section.chooseplan .plan .plantitle{
    background-color: #ccc;
    border-radius: 15px;
    padding: 20px 0;
    font-weight: bold;
}


footer{
    margin-top: 40px;
    background-color: #FEA439;
    padding: 100px 0;
    text-align: center;
}
footer ul  {
    display: flex;
    gap: 60px;
    margin-top: 40px;
}

footer ul li {
    list-style-type: none;
}

footer ul li a {
    color: #fff;
}
.center-align {
    justify-self: center;
}

@media only screen and (max-width: 768px) {
    .buttoncontent img{
        display: none!important;
    }
    a.btnn{
        font-size: 18px;
    }
    .abouttaklam a.btnn{
        display: block;
    }
    section.homebanner{
        background-image: url(../../img/landing_page/BannerMobile.jpg);
        padding:80px 0 480px;
    }
    section.abouttaklam h2{
        font-size: 30px;
    }
    section.ctafooter{
        margin-top: 60px;
        background-image: url(../../img/landing_page/takallam-mobile-banner-footer.png);
        text-align: center;
        padding: 40px 0 353px;
    }
    a.nav-link.button{
        padding: 4px 16px;
        font-size: 18px;
    }
    footer{
        padding:30px 0;
    }
    footer img{
        max-width: 150px;
    }
    footer ul  {
        gap: 30px;
    }
  }