/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */



/* *{margin: 0px; padding: 0px;}

body{ font-family:'poppins', sans-serif !important; scroll-behavior: smooth;}

html{scroll-padding-top: 100px;} */



label {

    display: inline-block;

    font-size: 12px;

    color: #c80f0f;

}





section{padding: 50px 0px 0px 0px;

}

p {

    margin-top: 0;

    margin-bottom: 0px;

}



.black{color: black; font-weight: bold;}

#topsec{background-image: url(./img/slider1.png);

    background-size: cover!important; 

    background-repeat: no-repeat!important;  margin-top: 80px;}

.top-cnt{margin-top: 80px;}

.top-cnt p{line-height:1.3; font-size:14px; margin-top:-10px;}

.model-img{margin-bottom: -80px;}

.top-btn{padding: 10px 20px; border: 1px solid  #2f633a!important; font-weight: bold;}



#whychoose{background-color: #e6e6e6;padding-bottom: 60px;}

.choose-image{ width: 15%;

    float: left;

    margin-right: 10px;

    margin-top: 20px;

}

.box-choose{background-color: #fff; padding: 30px; margin: 20px 20px; border-right: 5px solid #fec641!important;height: 180px;}

.box-choose2{background-color: #fff; padding: 30px; margin: 20px 20px; border-left: 5px solid #fec641!important;height: 180px;}

.box-choose h5{color:#740325; font-size:20px; font-weight:600;}

.box-choose2 h5{color:#740325; font-size:20px; font-weight:600;}

.box-choose p{font-size:13px;}

.box-choose2 p{font-size:13px;}







/* Program */

#programs{margin:20px;}



#programs h3{text-align:center!important;}

    .tabbtn{width:400px; margin:auto!important; justify-content:center!important; display:flex;}

.tabbutton{background-color: #e6e6e6; padding: 15px 20px; border-style: none; color: #000; margin: 10px; font-weight: 500; border-radius: 10px;}

.TabButtonActive{background-color:  #2f633a; color: #fff; font-weight: 500;}

.course-box{margin: 0px; box-shadow: 0 0 5px 2px #ccc!important; border-radius: 10px;

    height: 640px;}

.course-box p{text-align: start;}

.coursebtn{

    margin-top: 40px!important;

}

.cr-img{width: 100%;}

.thh{font-weight: bold;}

.tdd{margin-left:30px;}

.badge{background-color: green; float: right;}

.cr-desc h4{text-align: center; font-weight: bold; font-size: 18px;}

.cr-desc{margin: 0px 20px 10px 20px; padding: 10px;}

.course-btn {

    background-color: #2f633a;

    border-radius: 5px;

    margin: 10px 0px 10px 0px;

    color: #fff;

    border-style: none;

    padding: 10px 20px;

    width: 100%;

    margin-top: 0px;

    font-size: 16px;

    cursor: pointer;

    transition: background-color 0.3s ease, transform 0.3s ease;

}



.course-btn:hover {

    background-color: #a0133c; /* A lighter shade for the hover effect */

    transform: scale(1.05); /* Slightly increases the size of the button */

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds a shadow for a lifted effect */

}

#about h3{color:#740325; font-size: 40px; font-weight: bold;}

#abt-cnt p{font-weight:300!important;}

.abt-cnt{margin-top: 50px;}

/* Form */

#form{background-color: #fff!important; padding: 20px; margin: 10px; box-shadow: 0 0 5px 2px #9b9a9a; border-radius: 10px!important;}

.frm-heading{text-align: center; color:  #2f633a; font-weight: bold; }

.sub-btn{padding: 10px 30px; width: 100%; background-color:  #2f633a; border-radius:10px; border-style: none; color: #fff;}

.form-control{margin-bottom: 10px;}



#achievements{background-color:  #2f633a; color: #fff;}

#achievements h3{font-size: 50px; font-weight: bold;}

#value{font-weight: bold;}





.cer-cnt{margin-top: 60px!important;}

.enroll-btn{padding: 10px 40px;     margin: 0px; border-style: none; background-color:  #2f633a; color: #fff; border-radius: 20px; }



#approvals{background-color: #e6e6e6; padding: 50px 0px 80px 0px; text-align: center;}

#approvals h3{color:  #2f633a; font-weight: bold;}

.apr-hp{color: #000; text-align: center; font-size:18px;

padding-bottom:15px;}

.apr-img{width: 50%;}

.box-apr{background-color: #fff!important; border-radius: 20px; padding: 20px;height:250px;}

.box-apr p{font-size:13px;}



#footer{background-color:#333!important; color: #cdcdcd!important;}

#footer h5 {

    color: #ffffff;

    margin-top: 30px;

}





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

    section{padding: 30px 0px 30px 0px;

    }

    h2{color:  #2f633a!important; font-weight: bold!important; font-size: 30px!important;}

    .black{color: black; font-weight: bold;}

    #topsec{background-image: url(img/CU-BG-copy.png);

        background-size: cover!important; 

        background-repeat: no-repeat!important; padding: 20px;}

        

        #topsec p{font-size:14px;}

    .top-cnt{margin-top: 20px;}

    

    .model-img{margin-bottom: -80px;}

    .top-btn{padding: 10px 20px; border: 1px solid  #2f633a!important; font-weight: bold;}

    

    #whychoose{background-color: #e6e6e6;}

    .choose-image{width: 30%;  padding: 10px 10px 5px 10px;}

    .box-choose{background-color: #fff; padding: 10px 10px 5px 10px; margin: 20px 10px; border-right: 5px solid #56698F!important;}

    .box-choose2{background-color: #fff; padding: 10px 10px 5px 10px; margin: 20px 10px; border-left: 5px solid #56698F!important;}

    .box-choose h5{font-size: 16px; color:  #2f633a;}

    .box-choose2 h5{font-size: 16px; color:  #2f633a;}

    .box-choose p{font-size: 13px;}

    

    /* Program */

#programs h3{font-size:20px;}

    .tabbtn{width:320px; margin:auto!important; justify-content:center!important; display:flex;}

    .tabbutton{background-color: #e6e6e6; width: 160px; padding: 15px 5px; border-style: none; color: #000; margin: 5px; font-weight: 500; border-radius: 10px;}

    .TabButtonActive{background-color:  #2f633a; width: 160px; color: #fff; font-weight: 500;}

    .course-box{margin: 10px; box-shadow: 0 0 5px 2px #ccc!important; border-radius: 10px;

        margin-top: 20px;

        height: 550px;}

    .course-box p{text-align: center;}

    .cr-img{width: 100%;}

    .thh{font-weight: bold;}

    .tdd{margin-left:30px;}

    .badge{background-color: green; float: right;}

    .cr-desc h4{text-align: center; font-weight: bold;}

    .cr-desc{margin: 0px 20px 10px 20px; padding: 10px;}

    .course-btn{background-color:  #2f633a; border-radius: 5px; margin: 10px 0px 10px 0px; color:#fff; border-style: none; padding: 10px 20px; width: 100%; margin-top: 20px;}

    #about{margin-bottom:10px}

    .abt-cnt p{font-size:13px;line-height: 25px;}

    #about h3{ font-size: 30px; font-weight: bold;}

    .abt-cnt{margin-top: 20px;}

    /* Form */

    #form{background-color: #fff!important; padding: 20px; margin-top: 50px; box-shadow: 0 0 5px 2px #9b9a9a; border-radius: 10px!important;}

    .frm-heading{text-align: center; color: #2f633a; font-weight: bold; }

    .sub-btn{padding: 10px 30px; width: 100%; background-color:  #2f633a; border-radius:10px; border-style: none; color: #fff;}

    .form-control{margin-bottom: 10px;}

    

    #achievements{background-color:  #2f633a; color: #fff; display: flex;}

    #achieve-box{width: 50%;}

    #achievements h3{font-size: 30px; font-weight: bold;}

    #value{font-weight: bold;}

    

    

    .cer-cnt{margin-top: 60px!important; padding:20px;}

    .cer-cnt p{font-size:13px;}

    .enroll-btn{padding: 10px 40px; margin: 20px 0px; border-style: none; background-color:  #2f633a; color: #fff; border-radius: 20px; }

    

    #approvals{background-color: #e6e6e6; padding: 50px 0px; text-align: center;}

    

    #approvals h3{color:  #2f633a; font-weight: bold;}

    .apr-hp{color: #000; text-align: center;}

    .apr-img{width:120px;}

    .box-apr{background-color: #fff!important; border-radius: 20px; padding: 10px; margin: 5px; height:auto;}

    

    #footer{background-color:#333!important; color: #cdcdcd!important; font-size:13px;}

    #footer h5{color: #fff;}

  }

  

  select.form-control{

    -webkit-appearance: menulist!important;

    -moz-appearance: menulist!important;

    -ms-appearance: menulist!important;

    -o-appearance: menulist!important;

    appearance: menulist!important;

}



.c15 {

    margin-top: -10px;

}



.main-about-section-p {

    font-size: 1.5rem !important;

    font-weight: 500;

    color: #000;

}

#about h1{

    font-size: 30px;

    font-weight: bold;

    color: #2f633a;

}

.box-choose h3{

    font-size: 20px;

    color: #2f633a;

    font-weight: 600;

    margin-top: 10px;

    margin-bottom: 10px;

    transition: color 0.3s ease;

}

.box-choose2 h3{

    font-size: 20px;

    color: #2f633a;

    font-weight: 600;

    margin-top: 10px;

    margin-bottom: 10px;

    transition: color 0.3s ease;

}

.footer .footer__inner .footerLinks p{

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 15px;

}