@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root{
    --main-color : #125875;
    --second-color : #FF7350;
    --trid-color : #101828;
    --black-color : #000000;
    --text-color : #3A4659;
    --White-color : #FEFEFE;
    --White-color1 : #EFF0ED;
}


*{
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-transform: capitalize;
    text-decoration: none;
    transition: all .5s cubic-bezier(.35, 1.14, .26, 1.24);
}




::-webkit-scrollbar{
    width: 0.8rem;
    background: var(--White-color);
    /* z-index: -1; */
    
}


::-webkit-scrollbar-thumb{
    width: 0.8rem;
    background: var(--main-color);
    border-radius: 5rem;
}

*::selection{
    background: var(--main-color);
    color: #fff;
}

section{
    padding: 7rem 9%;
    background-color: var(--White-color);
    
}

footer{
    padding: 7rem 9%;
}

html{
    font-size: 62.5%;
    overflow-x: hidden;
}


body{
    overflow-x: hidden;
}

/* box-shadow 

box-shadow:  18px 18px 30px #f2f2f2,
             -18px -18px 30px #ffffff;
    
*/






.btns{
    padding: 15px 30px;
    background-color: var(--White-color);
    text-decoration: none;
    color: var(--trid-color);
    font-size: 1.8rem;
    font-weight: 500;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    z-index: 999;
}


.btns:hover{
    background-color: var(--main-color);
    color: var(--White-color);
    border: 1px solid var(--main-color);
}



.btns1{
    padding: 15px 30px;
    background-color: var(--main-color);
    text-decoration: none;
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    z-index: 999;
}

.btns1 i{
    transition: all 0.3s ease;
}

.btns1:hover i{
    padding-left: 0.5rem;
}



.btns2{
    padding: 15px 30px;
    background-color: transparent;
    text-decoration: none;
    color: var(--trid-color);
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}





/* Heading */

.main_heading{
    text-align: center;
    margin-bottom: 8rem;
    
}

.main_heading .heading_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.main_heading .heading_img h4{
    font-size: 2rem;
    font-weight: 600;
    color: var(--second-color);
}

.main_heading h2{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--trid-color);
    margin-bottom: 2rem;
}

.main_heading p{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-color);
    padding-left: 10rem;
    padding-right: 10rem;
    line-height: 1.5;
}








/* Header Section */

.headerNavber{
    position: fixed;
    width: 100%;
    padding: 2rem 9%;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}

.headerNavber.active{
    background-color: var(--White-color);
    padding: 1.5rem 9%;
    box-shadow: 20px 0px 20px 0px rgba(92, 92, 92, 0.2);
}


.logo1{
    display: none;
}



.headerNavber .navBers{
    display: flex;
    margin-right: auto;
}


.headerNavber .navBers .nav_menu{
    display: flex;
    list-style: none;
}


.headerNavber .navBers .nav_menu .nav_list{
    margin-left: 3rem;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.headerNavber .navBers .nav_menu .nav_list a{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--trid-color);
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}





.headerNavber .headerBtn{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}








.headerNavber .navBers .nav_menu .nav_list .dropDown{
    position: absolute;
    top: 40px;
    left: 0;
    width: 220px;
    list-style: none;
    background-color: var(--White-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    opacity: 0;
    visibility: hidden;
    padding-top: 2rem;
    transition: all 0.5s ease;
}


.headerNavber .navBers .nav_menu .nav_list:hover .dropDown{
    opacity: 1;
    visibility: visible;
    top: 35px;
}


.headerNavber .navBers .nav_menu .nav_list .dropDown li a{
    transition: all 0.3s ease;
}

.headerNavber .navBers .nav_menu .nav_list .dropDown li a:hover{
    margin-left: 0.5rem;
}


.headerNavber .closebtn{
    display: none;
}

.headerNavber .menubtn{
    display: none;
}




.headerBtn1{
    display: none;
}





/* Hero Section */

.hero_section{
    padding: 7rem 9%;
    background-image: url(./images/5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.hero_container .hero_row{
    align-items: center;
    margin-top: 10rem;
    
}


.hero_container .hero_row .hero_content .hero_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    z-index: 999;
}


.hero_container .hero_row .hero_content .hero_retting img{
    margin-top: -2.2rem;
}


.hero_container .hero_row .hero_content .hero_retting .hero_ret_text h3{
    font-size: 2rem;
    font-weight: 600;
    color: #344054;
    line-height: 1.5;
    z-index: 999;
}

.hero_container .hero_row .hero_content .hero_retting .hero_ret_text p{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-color);
    line-height: 1.5;
}

.hero_container .hero_row .hero_content .hero_retting .hero_ret_text p span{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-color);
    line-height: 1.5;
    font-style: italic;
    text-decoration: underline;
}


.hero_container .hero_row .hero_content h1{
    font-size: 7.9rem;
    font-weight: 700;
    color: var(--trid-color);
    line-height: 98px;
    margin-bottom: 2rem;
}


.hero_container .hero_row .hero_content p{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-color);
    line-height: 26px;
    margin-bottom: 2rem;
}


.hero_container .hero_row .hero_content .hero_btns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}




.hero_container .hero_row .hero_img{
    display: flex;
    align-items: center;
    gap: 3rem;
    padding-left: 2rem;
}

.hero_container .hero_row .hero_img img{
    width: 45%;
    height: 45%;
    object-fit: cover;
    z-index: 999;
}

.hero_container .hero_row .hero_img img:nth-child(2){
    width: 45%;
    height: 45%;
    object-fit: cover;
    margin-bottom: 18rem;
    z-index: 999;
}






/* Client Section */

.client_section{
    background-color: #EAF8FE;
}

.client_heading{
    text-align: center;
}

.client_heading h3{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 3rem;
}


.client_container .client_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}





  /* .swiper-slide img {
    display: block;
    margin-bottom: 5rem;
  } */

  





/* Course Section */

.course_container .course_row{
    align-items: center;
    text-align: center;
}

.course_container .course_row .course_box{
    padding-left: 2.5rem;
}

.course_container .course_row .course_box .course_content{
    padding: 3rem;
    background-color: #D6F2FE;
    border-radius: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.course_container .course_row .course_box .course_content:hover{
    background-color: var(--White-color);
    box-shadow: 0 10px 20px #d6f2feaf;
}

.course_container .course_row .course_box .course_content img{
    margin-bottom: 2rem;
}

.course_container .course_row .course_box .course_content h2{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
    margin-bottom: 1rem;
}

.course_container .course_row .course_box .course_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    margin-bottom: 2.1rem;
}

.course_container .course_row .course_box .course_content a{
    font-size: 1.5rem;
    padding: 0.9rem 1.3rem;
    border: 1px solid var(--main-color);
    border-radius: 100%;
    color: var(--main-color);
    transition: all 0.3s ease;
}

.course_container .course_row .course_box .course_content:hover a {
    border-color: var(--second-color);
    background-color: var(--second-color);
    color: var(--White-color);
}

.course_container .course_row .course_box .course_content:hover a i{
    transform: rotate(-35deg);
}
















/* About Section */

.about_container .about_row{
    align-items: center;
}


.about_container .about_row .about_img{
    padding-right: 4rem;
}


.about_container .about_row .about_content .about_title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}


.about_container .about_row .about_content .about_title h3{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--second-color);
}

.about_container .about_row .about_content h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--trid-color);
    line-height: 1.2;
    margin-bottom: 2rem;
}

.about_container .about_row .about_content p{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 2rem;
}


.about_container .about_row .about_content .about_box .about_title_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.about_container .about_row .about_content .about_box{
    margin-bottom: 2rem;
}

.about_container .about_row .about_content .about_box .about_title_img h4{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
}

.about_container .about_row .about_content .about_box p{
    font-size: 1.7rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-left: 5rem;
}


.about_container .about_row .about_content .about_btn{
    display: inline-block;
    margin-top: 3rem;
}

.about_container .about_row .about_content .about_btn .btns1{
    padding: 15px 30px;
    background-color: var(--main-color);
    text-decoration: none;
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    z-index: 999;
}

.about_container .about_row .about_content .about_btn .btns1 i{
    transition: all 0.3s ease;
}

.about_container .about_row .about_content .about_btn .btns1:hover i{
    padding-left: 0.5rem;
}







/* Course1 Section */

.course1_section{
    background-color: #EAF8FE;
}

.course1_container .course1_row{
    align-items: center;
}

.course1_container .course1_row .course1_box{
    padding-left: 2rem;
    margin-bottom: 3rem;
}

.course1_container .course1_row .course1_box .course1_content{
    padding: 2rem;
    background-color: var(--White-color);
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}

.course1_container .course1_row .course1_box .course1_content .course1_img{
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 3.5rem;
    
}

.course1_container .course1_row .course1_box .course1_content .course1_img img{
    transition: all 0.5s ease;
}

.course1_container .course1_row .course1_box .course1_content:hover .course1_img img{
    transform: scale(1.1);
}

.course1_container .course1_row .course1_box .course1_content a{
    position: absolute;
    top: 56%;
    left: 45%;
    font-size: 1.5rem;
    background-color: var(--main-color);
    color: var(--White-color);
    border-radius: 100%;
    padding: 1.3rem 1.4rem;
    transition: all 0.3s ease;
    display: grid;
    place-items: center;
    text-decoration: none;
}

.course1_container .course1_row .course1_box .course1_content:hover a {
    background-color: var(--second-color);
}


.course1_container .course1_row .course1_box .course1_content h4{
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--text-color);
    margin-bottom: 1rem;
}


.course1_container .course1_row .course1_box .course1_content .course1_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}


.course1_container .course1_row .course1_box .course1_content .course1_title h2{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
    transition: all 0.3s ease;
}

.course1_container .course1_row .course1_box .course1_content .course1_title h2:hover{
    color: var(--second-color);
    text-decoration: underline;
}


.course1_container .course1_row .course1_box .course1_content .course1_title h3{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
    background-color: #D6F2FE;
    padding: 0.8rem 1.5rem;
    border-radius: 10px;
}

.course1_container .course1_row .course1_box .course1_content .course1_text{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}


.course1_container .course1_row .course1_box .course1_content .course1_text p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}

.course1_container .course1_row .course1_box .course1_content .course1_text p i{
    color: #FDCE3F;
}



/* counter Section */

.counter_section{
    padding: 4rem 9%;
    background-color: var(--main-color);
}


.counter_container .counter_row{
    align-items: center;
}

.counter_container .counter_row .counter_box{
    text-align: center;
}


.counter_container .counter_row .counter_box img{
    margin-bottom: 2rem;
}


.counter_container .counter_row .counter_box h3{
    font-size: 3.6rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 1rem;
}


.counter_container .counter_row .counter_box p{
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--White-color);
}











/* Video section */

.video_section{
    position: relative;
}


.video_container .video_row{
    background-color: #D6F2FE;
    align-items: center;
    border-radius: 20px;
}

.video_container .video_row .video_content{
    padding-left: 5rem;  
}


.video_container .video_row .video_content h4{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    background-color: var(--White-color);
    display: inline-block;
    padding: 0.8rem 2rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}


.video_container .video_row .video_content h1{
    font-size: 4.5rem;
    font-weight: 700;
    color: var(--trid-color);
    line-height: 1.3;
    margin-bottom: 2rem;
    text-align: start;
}

.video_container .video_row .video_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 2rem;
}


.video_container .video_row .video_content .video_btn{
    display: inline-block;
    margin-bottom: 2rem;
}


.video_container .video_row .video_content .video_btn .btns1{
    padding: 15px 30px;
    background-color: var(--main-color);
    text-decoration: none;
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;

}

.video_container .video_row .video_content .video_btn .btns1 i{
    transition: all 0.3s ease;
}

.video_container .video_row .video_content .video_btn .btns1:hover i{
    padding-left: 0.5rem;
}








.video_container .video_row .video_img{
    padding-left: 5rem;
    padding-right: 0;
    position: relative; 
}

.video_container .video_row .video_img .pulse .video_img1{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.video_container .video_row .video_img .pulse .video_btn{
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
} 

.video_container .video_row .video_img .video_btn:hover{
    transform: scale(1.1)
}


.video_container .video_row .video_img .pulse{
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 100px;
    display: grid;
    place-items: center;
    position: absolute;
    top: 35%;
    left: 50%;
}



.video_container .video_row .video_img .pulse:before,
.video_container .video_row .video_img .pulse:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--second-color);
    border-radius: 100%;
    z-index: 1;
    opacity: 0.7;
}

.video_container .video_row .video_img .pulse:before{
    animation: pulse 2s ease-out infinite;
}

.video_container .video_row .video_img .pulse:after{
    animation: pulse 2s 1s ease-out infinite;
}


@keyframes pulse{
    100%{
        transform: scale(2.2);
        opacity: 0;
    }
}






 /* #blur{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1345vh;
    transition: all 0.5s linear;
    z-index: -1;
}  */


 /* #blur.active{
    background: rgba(16, 16, 16, 0.21);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.1px);
    -webkit-backdrop-filter: blur(3.1px);
    z-index: 2000;
}





.popup{
    position: absolute;
    top: 5%;
    right: 22%;
    visibility: hidden;
    opacity: 0;
    background-color: var(--White-color);
    padding: 1rem;
    border-radius: 10px;
    transition: all 0.5s ease;
    z-index: 3000;
}

.popup.active{
    visibility: visible;
    opacity: 1;
    z-index: 3000;
}


.popup iframe{
    width: 700px;
    height: 350px;
    z-index: 3000;
}



.popup .close{
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
    z-index: 3000;
}

.popup .close i{
    font-size: 3rem;
    color: var(--trid-color);
    background-color: var(--White-color);
    padding: 1rem 1.3rem;
    border-radius: 100%;
} */





/* Review section */

.review_section{
    background-color: #EAF8FE;
    padding: 10rem 9%;
    position: relative;
}

.review_shape{
    position: absolute;
    top: 60%;
    left: 5%;
    z-index: 1;
}

.review_shape1{
    position: absolute;
    top: 60%;
    right: 5%;
    z-index: 1;
}



.review_container .review_row{
    align-items: center;
}

.review_container .review_row .review_box{
    padding-left: 2rem;
    margin-bottom: 5rem;
    z-index: 2;
}


.review_container .review_row .review_box .review_content{
    padding: 3rem;
    background-color: var(--White-color);
    border-radius: 20px;
    cursor: pointer;
}



.review_container .review_row .review_box .review_content i{
    font-size: 8rem;
    color: var(--main-color);
    margin-bottom: 1rem;
}

.review_container .review_row .review_box .review_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    margin-bottom: 2rem;
}

.review_container .review_row .review_box .review_content .review_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review_container .review_row .review_box .review_content .review_info .review_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

.review_container .review_row .review_box .review_content .review_info .review_img img{
    width: 18%;
    height: 18%;
    object-fit: cover;
}

.review_container .review_row .review_box .review_content .review_info .review_img_text{
    margin-top: 2rem;
}

.review_container .review_row .review_box .review_content .review_info .review_img_text h1{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
}


.review_container .review_row .review_box .review_content .review_info .review_img_text p{
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--text-color);
}


.review_container .review_row .review_box .review_content .review_info .review_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.review_container .review_row .review_box .review_content .review_info .review_retting i{
    font-size: 1.5rem;
    color: #F4BD15;
}

.swiper-pagination{
    position: relative;
    margin-top: 2rem;
    z-index: 1000;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: var(--main-color);
}



















/* Mentor section */

.mentor_section{
    background-color: var(--main-color);
}



.main_heading1{
    text-align: center;
    margin-bottom: 8rem;
    
}

.main_heading1 h2{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}

.main_heading1 p{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--White-color);
    padding-left: 10rem;
    padding-right: 10rem;
    line-height: 1.5;
}



.mentor_container .mentor_row .mentor_box{
    padding-left: 2rem;
    margin-bottom: 5rem;
}

.mentor_container .mentor_row .mentor_box .mentor_content{
    position: relative;
    overflow: hidden;
}

.mentor_container .mentor_row .mentor_box .mentor_content .mentor_img{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.mentor_container .mentor_row .mentor_box .mentor_content .mentor_img .mentor_overlow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1018283f;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.mentor_container .mentor_row .mentor_box .mentor_content:hover .mentor_img .mentor_overlow{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}



.mentor_container .mentor_row .mentor_box .mentor_content .mentor_img img{
    border-radius: 20px;
    transition: all 0.8s ease;
}

.mentor_container .mentor_row .mentor_box .mentor_content:hover .mentor_img img{
    transform: scale(1.1);
}



.mentor_container .mentor_row .mentor_box .mentor_content .mentor_text{
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 46%;
    text-align: center;
    background-color: #101828bb;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease;
    z-index: 2;
}

.mentor_container .mentor_row .mentor_box .mentor_content:hover .mentor_text{
    opacity: 1;
    visibility: visible;
    bottom: 0px;
}

.mentor_container .mentor_row .mentor_box .mentor_content .mentor_text h2{
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--White-color);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}


.mentor_container .mentor_row .mentor_box .mentor_content .mentor_text p{
    font-size: 1.6rem;
    font-weight: 400;
    color: #ccc;
    margin-bottom: 1rem;
}

.mentor_container .mentor_row .mentor_box .mentor_content .mentor_text .mentor_text_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 2rem;
}

.mentor_container .mentor_row .mentor_box .mentor_content .mentor_text .mentor_text_icon a{
    font-size: 2rem;
    color: var(--White-color);
}




.mentor_btn{
    display: flex;
    justify-content: center;
    align-items: center;
}


.mentor_btn .btns1{
    padding: 15px 30px;
    background-color: var(--second-color);
    text-decoration: none;
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
    border: 1px solid var(--second-color);
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.mentor_btn .btns1 i{
    transition: all 0.3s ease;
}

.mentor_btn .btns1:hover i{
    padding-left: 0.5rem;
}







/* Blog section */

.heading2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 10rem;
}

.heading2 h1{
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--trid-color);
}




.blog_container .blog_row{
    align-items: center;
}

.blog_container .blog_row .blog_content .blog_img{
    background-color: #D6F2FE;
}




.blog_container .blog_row .blog_box1{
    padding-left: 0rem;
}


.blog_container .blog_row .blog_box1 .blog_text{
    padding: 2rem;
    background-color: #D6F2FE;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


.blog_container .blog_row .blog_box1 .blog_text a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    gap: 1rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: var(--text-color);
}

.blog_container .blog_row .blog_box1 .blog_text a i{
    font-size: 2rem;
    transition: all 0.3s ease;
}

.blog_container .blog_row .blog_box1 .blog_text a:hover i{
    color: var(--trid-color);
}


.blog_container .blog_row .blog_box1 .blog_text h1{
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--trid-color);
    margin-bottom: 3rem;
    transition: all 0.3s ease;
}

.blog_container .blog_row .blog_box1 h1 span{
    color: var(--trid-color);
}


.blog_container .blog_row .blog_box1 .blog_text h1{
    color: var(--second-color);
}


.blog_container .blog_row .blog_box1 .blog_text p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 2rem;
}


.blog_container .blog_row .blog_box1 .blog_text .blog_info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

.blog_container .blog_row .blog_box1 .blog_text .blog_info img{
    width: 10%;
    height: 10%;
    object-fit: cover;
}


.blog_container .blog_row .blog_box1 .blog_text .blog_info .blog_info_title{
    margin-top: 2rem;
}

.blog_container .blog_row .blog_box1 .blog_text .blog_info .blog_info_title h1{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}


.blog_container .blog_row .blog_box1 .blog_text .blog_info .blog_info_title p{
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}




.blog_container .blog_row .blog_box2{
    padding-left: 2rem;
}

.blog_container .blog_row .blog_box2 .blog_content2 .blog_content2_img{
    overflow: hidden;
    transition: all 0.5s ease;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.blog_container .blog_row .blog_box2 .blog_content2:hover .blog_content2_img img{
    transition: all 0.5s ease;
}


.blog_container .blog_row .blog_box2 .blog_content2:hover .blog_content2_img img{
    transform: scale(1.1);
}

.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2{
    padding: 2rem;
    background-color: #D6F2FE;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2 a{
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--trid-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2 a span{
    color: var(--trid-color);
}

.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2:hover a{
    color: var(--second-color);
    text-decoration: underline;
}


.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2 .blog2_info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}


.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2 .blog2_info  img{
    width: 10%;
    height: 10%;
    object-fit: cover;
    transition: all 0.3s ease;
}


.blog_container .blog_row .blog_box2 .blog_content2 .blog_text2 .blog2_info h3{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}


.blog_container .blog_row .blog_box2_row{
    margin-top: 3rem;
    padding-left: 0;
}





/* Newsletter Section */


.newsletter_container .newsletter_row{
    align-items: center;
    text-align: center;
}



.newsletter_container .newsletter_row .newsletter_box{
    background-image: url(../asset/images/newsletter.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10rem 9%;
    border-radius: 15px;
}




.newsletter_container .newsletter_row .newsletter_box .newsletter_title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}


.newsletter_container .newsletter_row .newsletter_box .newsletter_title h3{
    font-size: 2rem;
    font-weight: 600;
    color: var(--White-color);
}


.newsletter_container .newsletter_row .newsletter_box h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    line-height: 1.1;
    margin-bottom: 3rem;
}

.newsletter_container .newsletter_row .newsletter_box .newsletter_send{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0rem;
    width: 100%;
    height: 100%;
}

.newsletter_container .newsletter_row .newsletter_box .newsletter_send input{
    width: 300px;
    height: 55px;
    padding-left: 2rem;
    outline: none;
    border: none;
    background-color: #1A263E;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--White-color);
}

.newsletter_container .newsletter_row .newsletter_box .newsletter_send .newsletter_btn{
    padding: 15px 30px;
    background-color: var(--main-color);
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--White-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}






/* Footer Section */

.footer_section{
    padding: 7rem 9%;
    padding-bottom: 2rem;
    background-color: var(--main-color);
}


.footer_container .footer_row .footer_box{
    padding-right: 3rem;
}


.footer_container .footer_row .footer_box .footer_logo img{
    margin-bottom: 3rem;
}

.footer_container .footer_row .footer_box .footer_logo p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffffb3;
}





.footer_container .footer_row .footer_box1{
    padding-left: 2rem;
}

.footer_container .footer_row .footer_box1 .footer_content1 h2{
    font-size: 2.1rem;
    font-weight: 600;
    color: var(--White-color);
    margin-bottom: 3rem;
}


.footer_container .footer_row .footer_box1 .footer_content1 .footer_link{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}


.footer_container .footer_row .footer_box1 .footer_content1 .footer_link a{
    font-size: 1.6rem;
    font-weight: 400;
    color: #ffffffb3;
    text-decoration: none;
    transition: all 0.3s ease;
}


.footer_container .footer_row .footer_box1 .footer_content1 .footer_link a:hover{
    margin-left: 0.5rem;
}




.footer_container .footer_row .footer_box2{
    padding-left: 2rem;
}


.footer_container .footer_row .footer_box2 .footer_content2 h2{
    font-size: 2.1rem;
    font-weight: 600;
    color: var(--White-color);
    margin-bottom: 3rem;
}


.footer_container .footer_row .footer_box2 .footer_content2 .footer_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}


.footer_container .footer_row .footer_box2 .footer_content2 .footer_img p{
    font-size: 1.6rem;
    font-weight: 400;
    color: #ffffffb3;
    margin-top: 2rem;
}


.footer_container .footer_row .footer_box2 .footer_content2 .footer_img a{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffffb3;
    text-decoration: none;
    margin-top: 2rem;

}




.footer_container .footer_row .footer_box2 .footer_content2 .footer_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.8rem;
    margin-top: 2rem;
}

.footer_container .footer_row .footer_box2 .footer_content2 .footer_icon .fa-facebook-f{
    font-size: 2rem;
    color: var(--trid-color);
    padding: 0.8rem 1.2rem;
    background-color: var(--White-color);
    border-radius: 100%;
}

.footer_container .footer_row .footer_box2 .footer_content2 .footer_icon i{
    font-size: 2rem;
    color: var(--trid-color);
    padding: 0.8rem;
    background-color: var(--White-color);
    border-radius: 100%;
}





.createBy{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10rem;
    margin-bottom: 1rem;
    border-top: 1px solid #ffffffb3;
    padding-top: 2rem;
}


.createBy p{
    font-size: 1.5rem;
    font-weight: 400;
    color: #ffffffb3;
}

.createBy .createBy_link{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}


.createBy .createBy_link a{
    font-size: 1.5rem;
    font-weight: 400;
    color: #ffffffb3;
    text-decoration: none;
}






















/*===========================================/
                 Courses Page 
 =============================================*/


 /* Courses Hero Section */

 .courses_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/courses-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
 }


 .courses_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
 }


 .courses_hero_section .courses_betcum{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
 }

 .courses_hero_section .courses_betcum a{
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--White-color);
 }





 /* courses blog section */

 .courses_blog_section{
    padding: 7rem 9%;
 }
  

 .courses_tabs{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5rem;
    margin-bottom: 8rem;
 }


 .courses_tabs .tabs_select select{
    width: 140px;
    height: 50px;
    outline: none;
    border: 1px solid #dbebfa;
    padding: 1rem; 
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    text-align: start   ;
 }


 .courses_tabs .tabs_btns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    background-color: #E7EFF6;
    padding: 1rem;
    border-radius: 100px;
 }



 .courses_tabs .tabs_btns a{
    padding: 8px 20px;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none;
    transition: all 0.3s ease;
 }

 .courses_tabs .tabs_btns a:hover{
    color: var(--White-color);
    background-color: var(--trid-color);
    border-radius: 100px;
 }

 .courses_tabs .tabs_btns a.active{
    padding: 8px 20px;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--White-color);
    background-color: var(--trid-color);
    border-radius: 100px;
    text-decoration: none;
 }









 .courses_blog_container .courses_blog_row .courses_blog_box{
    padding-left: 2rem;
    margin-bottom: 5rem;
 }

 .courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content{
    width: 100%;
 }



 .courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_img{
    overflow: hidden;
    margin-bottom: 2rem;
    width: 100%;
    height: 100%;
    position: relative;
 }

 .courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_img img{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
 }

 .courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content:hover .courses_blog_img img{
    transform: scale(1.1);
 }



.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_img i.active{
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 0.8rem 1rem;
    background-color: #B1FDAF;
    color: var(--trid-color);
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_img i{
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 0.8rem 1rem;
    background-color: #00000041;
    color: var(--White-color);
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_img i:hover{
    background-color: #B1FDAF;
    color: var(--trid-color);
}

.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text{
    width: 100%;
    padding: 0rem 2rem;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_retting{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_retting h3{
    padding: 0.9rem 1.5rem;
    background-color: #FFE3EC;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--trid-color);
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_retting h4{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--trid-color);
}

.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_retting h4 i{
    font-size: 1.6rem;
    color: #FDCE3F;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text h2{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--trid-color);
    cursor: pointer;
    margin-bottom: 2rem;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info .courses_blog_info_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    gap: 1rem;
}

.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info .courses_blog_info_img img{
    width: 20%;
    height: 20%;
    object-fit: cover;
}


.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info .courses_blog_info_img a{
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    color: var(--text-color);
}



.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info .courses_blog_info_pricing p{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
}

.courses_blog_container .courses_blog_row .courses_blog_box .courses_blog_content .courses_blog_text .courses_blog_info .courses_blog_info_pricing p span{
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-color);
    text-decoration: line-through;
}


















/*===========================================/
                 Mentors Page 
 =============================================*/

 
 
 
 
 /* Mentors Hero Section */
 
 .mentors_hero_section{
     padding: 15rem 9%;
     background-image: url(../asset/images/mentors-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}


.mentors_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.mentors_hero_section .mentors_betcum{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.mentors_hero_section .mentors_betcum a{
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--White-color);
}


/* Mentors Box Section */

.mentors_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--trid-color);
    margin-bottom: 5rem;
    text-align: center;
}



.mentors_container .mentors_row .mentors_box{
    padding-left: 2rem;
    margin-bottom: 4rem;
}

.mentors_container .mentors_row .mentors_box .mentors_content{
    width: 100%;
    height: 100%;
}


.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img{
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img img{
    width: 100%;
    height: 100%;
    transition: all 0.5s linear;
}


.mentors_container .mentors_row .mentors_box .mentors_content:hover .mentors_img img{
    transform: scale(1.1);
}


.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img .mentors_overley{
    position: absolute;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: #0000005e;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}


.mentors_container .mentors_row .mentors_box .mentors_content:hover .mentors_img .mentors_overley{
    opacity: 1;
    visibility: visible;
    bottom: 0;
}


.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img .mentors_text{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    background-color: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
}


.mentors_container .mentors_row .mentors_box .mentors_content:hover .mentors_img .mentors_text{
    opacity: 1;
    visibility: visible;
    bottom: 5px;
}




.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img .mentors_text a{
    font-size: 2rem;
    font-weight: 600;
    color: var(--White-color);
    text-decoration: none;
}

.mentors_container .mentors_row .mentors_box .mentors_content .mentors_img .mentors_text p{
    font-size: 1.6rem;
    font-weight: 400;
    color: #fffc;
}
















/*===========================================/
                 Mentors Details Page 
 =============================================*/



 .mentor_details_title{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--trid-color);
    margin-bottom: 5rem;
    padding-left: 2rem;
 }


 .mentor_details_container .mentor_details_row{
    align-items: center;
 }


.mentor_details_container .mentor_details_row .mentor_details_box{
    padding-left: 2rem;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.5s ease;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_img:hover img{
    transform: scale(1.1);
 }



 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content h1{
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--trid-color);
    line-height: 1.5;
    margin-bottom: 0.5rem;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content h3{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 0.5rem;
 }



 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 2rem;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_retting i{
    font-size: 1.6rem;
    color: #fed049;
 }

 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_retting span{
    font-size: 1.6rem;
    font-weight: 600;
    color: #fed049;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: 2rem;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
 }


 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_icon a{
    font-size: 2rem;
    color: var(--trid-color);
    padding: 0.5rem 1rem;
    border-radius: 50%;
    /* background-color: #B1FDAF; */
    transition: all 0.3s ease;
 }

 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_icon a:hover{
    background-color: #B1FDAF;
 }

 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_icon a:nth-child(1){
    font-size: 2rem;
    color: var(--trid-color);
    padding: 0.5rem 1.3rem;
    border-radius: 50%;
    /* background-color: #B1FDAF; */
    transition: all 0.3s ease;
 }

 .mentor_details_container .mentor_details_row .mentor_details_box .mentor_details_content .mentor_details_icon a:nth-child(2){
    font-size: 2rem;
    color: var(--trid-color);
    padding: 0.5rem 1.2rem;
    border-radius: 50%;
    /* background-color: #B1FDAF; */
    transition: all 0.3s ease;
 }













 /*===========================================/
                 Blogs Page 
 =============================================*/


 
 
 
 /* Blogs Section */
 
 .blogs_hero_section{
     padding: 15rem 9%;
     background-image: url(../asset/images/blogs-hero-img.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     text-align: center;
}


    
.blogs_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}

.blogs_section .blogs_details_title{
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 5rem;
    padding-left: 2rem;
    margin-top: 0rem;
    text-align: start;
 }


.blogs_hero_section .blogs_betcum{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.blogs_hero_section .blogs_betcum a{
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--White-color);
}



/* Blogs section */

.blogs_section h1{
   font-size: 4.7rem;
   font-weight: 700;
   line-height: 1.5;
   color: var(--trid-color);
   margin-bottom: 5rem;
   margin-top: 5rem;
   text-align: center;
}




.blogs_container .blogs_row .blogs_box{
    padding-left: 2rem;
    margin-bottom: 4rem;
}

.blogs_container .blogs_row .blogs_box .blogs_content{
    box-shadow: 0 5px 10px rgba(124, 124, 124, 0.1);
    transition: all 0.3s ease;
}


.blogs_container .blogs_row .blogs_box .blogs_content:hover{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}



.blogs_container .blogs_row .blogs_box .blogs_content:hover .blogs_img img{
    transform: scale(1.1);
}



.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text{
    padding: 2rem 1.5rem;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_title{
    display: inline-block;
    margin-bottom: 2rem;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_title h3{
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0.8rem 1.5rem;
    border-radius: 50px;
    background-color: #F2E9FF;
    color: var(--text-color);
}

.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_title h3{
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0.8rem 1.5rem;
    border-radius: 50px;
    background-color: #F2E9FF;
    color: var(--text-color);
}



.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_link{
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #cccccc85;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_link a{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
    text-decoration: none;
    line-height: 1.3;
    transition: all 0.3s ease;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_text_link a:hover{
    text-decoration: underline;
}


.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_date{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}



.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_date a{
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    color: var(--text-color);
}

.blogs_container .blogs_row .blogs_box .blogs_content .blogs_text .blogs_date a i{
    font-size: 1.6rem;
    color: var(--text-color);
}










 /*===========================================/
                 Blogs details Page 
 =============================================*/


.blogs_details_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/blog-details-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.blogs_details_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.blogs_details_hero_section .blogs_details_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.blogs_details_hero_section .blogs_details_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}





/* Blogs details */

.Blogs_details_section{
    margin-top: 5rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box{
    padding-left: 3rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content{
    width: 100%;
    height: 100%;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_img{
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.3s linear;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_img:hover img{
    transform: scale(1.1);
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_date{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
}




.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_date a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content h1{
    font-size: 4.7rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--trid-color);
    margin-bottom: 3rem;
}



.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: 2.5rem;
}




.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    margin-top: 5rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a{
    padding: 8px 20px;
    background-color: #3D6AD6;
    border-radius: 20px;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--White-color);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a:hover{
    background-color: var(--black-color);
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a:nth-child(2){
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--White-color);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    background-color: #1DA1F3;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a:nth-child(2):hover{
    background-color: var(--black-color);
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a:nth-child(3){
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--White-color);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    background-color: #0077B5;
}



.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_icon a:nth-child(3):hover{
    background-color: var(--black-color);
}








/* blogs details side box */

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side{
    padding: 2rem;
    background-color: #F4F5F7;
    border-radius: 10px;
    margin-bottom: 3rem;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_input{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_input input{
    width: 220px;
    height: 60px;
    padding-left: 1rem;
    outline: none;
    border: 1px solid #F4F5F7;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_input input:focus{
    border-color: var(--trid-color);
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_input a{
    padding: 15px 2rem;
    font-size: 2rem;
    background-color: var(--trid-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: var(--White-color);
}






.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post h2{
    font-size: 2rem;
    font-weight: 600;
    color: var(--trid-color);
    padding-bottom: 2rem;
    border-bottom: 1px solid #cccccc98;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_post_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_post_img img{
    width: 20%;
    height: 20%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_post_img a{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-color);
    text-decoration: none;
}






.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_category{
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 2rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_category a{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
    text-decoration: none;
    transition: all 0.3s ease;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_category a:hover{
    color: var(--trid-color);
    font-weight: 500;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_tags{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_tags a{
    padding: 10px 1.3rem;
    background-color: var(--White-color);
    border-radius: 10px;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--trid-color);
    transition: all 0.3s ease;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_tags a:hover{
    background-color: var(--trid-color);
    color: var(--White-color);
}



.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_side .Blogs_details_post .Blogs_details_tags a.active{
    padding: 10px 1.3rem;
    background-color: var(--trid-color);
    border-radius: 10px;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--White-color);
    transition: all 0.3s ease;
}





/* Blogs Comment section */

.blogs_comment_section h1{
    font-size: 3.6rem;
    font-weight: 600;
    color: var(--trid-color);
    margin-bottom: 5rem;
    position: relative;
}


.blogs_comment_section h1::before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 20%;
    height: 2px;
    background-color: var(--trid-color);
}



.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content{
    background-color: var(--White-color);
    border-radius: 15px;
    border: 1px solid var(--White-color1);
    padding: 2rem;
}

.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row{
    display: flex;
    align-items: center;
    gap: 1rem;
}


.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_img{
    width: 20%;
}


.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}





.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}



.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info .blogs_comment_info_text h3{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--trid-color);
}

.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info .blogs_comment_info_text p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}



.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info .blogs_comment_info_btn a{
    padding: 1rem 2rem;
    background-color: var(--trid-color);
    color: var(--White-color);
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info .blogs_comment_info_btn:hover a i{
    margin-right: 0.5rem;
}



.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
}





/* Blogs Comment Form box */

.blogs_form_section h1{
    font-size: 3.6rem;
    font-weight: 700;
    color: var(--trid-color);
    margin-bottom: 2rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content{
    padding: 2rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input_box{
    display: flex; 
    align-items: center;
    gap: 2rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input{
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input input{
    width: 100%;
    height: 50px;
    outline: none;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    transition: all 0.3s ease;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input input:focus{
    border-color: var(--trid-color);
}



.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input textarea{
    width: 100%;
    height: 200px;
    outline: none;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    transition: all 0.3s ease;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input textarea:focus{
    border-color: var(--trid-color);
}




.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_btn{
    display: block;
    margin-top: 3rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_btn input{
    padding: 15px 35px;
    background-color: var(--trid-color);
    color: var(--White-color);
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.8rem;
    font-weight: 500;
    outline: none;
    border: none;
}





















 /*===========================================/
               Sign Up Page 
 =============================================*/


 .signup_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/signup-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.signup_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.signup_hero_section .signup_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.signup_hero_section .signup_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}






/* signup form section */

.signup_form_section{
    text-align: center;
}


.signup_form_section .signup_form_title h1{
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 0.2rem;
}


.signup_form_section .signup_form_title p{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 5rem;
}



.signup_form_container .signup_form_row{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content{
    width: 100%;
    /* height: 100%; */
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_input{
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 2rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_input input{
    width: 100%;
    height: 55px;
    padding-left: 2rem;
    border: 1px solid #C7CBD1;
    border-radius: 8px;
    outline: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--trid-color);
    transition: all 0.3s ease;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_input input:focus{
    border-color: var(--trid-color);
}




.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_input i{
    position: absolute;
    top: 32%;
    right: 5%;
    font-size: 1.8rem;
    color: var(--text-color);
    cursor: pointer;
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form :where(.signup_form_checkbox input, h4){
    cursor: pointer;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox input{
    width: 5%;
    height: 15px;
    accent-color: var(--trid-color);
}

.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox h4{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
    margin-top: 0.5rem;
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn{
    width: 100%;
    margin-bottom: 2rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn input{
    width: 100%;
    height: 55px;
    outline: none;
    border: none;
    border-radius: 8px;
    background-color: var(--trid-color);
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn1{
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
}

.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn1 img{
    position: absolute;
    top: 28%;
    left: 22%;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn1 input{
    width: 100%;
    height: 55px;
    outline: none;
    border: 1px solid #C7CBD1;
    border-radius: 8px;
    background-color: var(--White-color);
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 500;
    transition: all 0.3s ease;
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn1 input:hover{
    border-color: var(--trid-color);
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_login{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_login h3{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
}

.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_login a{
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: none;
    margin-top: -0.5rem;
}







 /*===========================================/
                 Sign In Page 
 =============================================*/


 .signin_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/signin-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.signin_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.signin_hero_section .signin_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.signin_hero_section .signin_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}






.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1{
    display: flex;
}

.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1 .checkbox_input_link{
    width: 80%;
    text-align: end;
    margin-top: 0.3rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1 .checkbox_input_link a{
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
}



.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1 .checkbox_input{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content .signup_form_checkbox1 form :where(.checkbox_input input, h4){
    cursor: pointer;
}


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1 .checkbox_input input{
    width: 10%;
    height: 15px;
    accent-color: var(--trid-color);
}

.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_checkbox1 .checkbox_input h4{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
    margin-top: 0.5rem;
}

















 /*===========================================/
               Forgot Page 
 =============================================*/


 .forget_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/forget-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.forget_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.forget_hero_section .forget_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.forget_hero_section .forget_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}




/*===========================================/
               About Page 
 =============================================*/


 .about_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/about-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.about_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.about_hero_section .about_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.about_hero_section .about_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}





/*===========================================/
               Error Page 
 =============================================*/


 .error_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/error-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.error_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.error_hero_section .error_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.error_hero_section .error_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}





.error_btn{
    text-align: center;
    margin-top: 5rem;
}


.error_btn a{
    padding: 12px 25px;
    background-color: var(--trid-color);
    border-radius: 100px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 500;
    color: var(--White-color);
}












/*===========================================/
               Contact Page 
 =============================================*/

 /* Contact Hero Section */

 .contact_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/contact-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.contact_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.contact_hero_section .contact_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.contact_hero_section .contact_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}





 /* Contact Section */


.contact_container .contact_row{
    align-items: center;
}



.contact_container .contact_row .contact_box{
    padding-right: 2rem;
}


.contact_container .contact_row .contact_box .contact_content h1{
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--trid-color);
}

.contact_container .contact_row .contact_box .contact_content p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3rem;
    color: var(--text-color);
}




.contact_container .contact_row .contact_box .contact_content .contact_location{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}


.contact_container .contact_row .contact_box .contact_content .contact_location .contact_location_icon{
    padding: 2rem 2.2rem;
    background-color: #F3F9FD;
    border-radius: 100px;
}


.contact_container .contact_row .contact_box .contact_content .contact_location .contact_location_icon i{
    font-size: 3rem;
    color: var(--trid-color);
}



.contact_container .contact_row .contact_box .contact_content .contact_location .contact_location_info h2{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
    margin-bottom: 1rem;
}


.contact_container .contact_row .contact_box .contact_content .contact_location .contact_location_info p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    color: var(--text-color);
}






/* contact Form */

.contact_container .contact_row .contact_box .contact_form{
    padding: 5rem;
    background-color: #F4F5F7;
    border-radius: 10px;
}

.contact_container .contact_row .contact_box .contact_form h1{
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--trid-color);
}

.contact_container .contact_row .contact_box .contact_form p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3rem;
    color: var(--text-color);
}




.contact_container .contact_row .contact_box .contact_form form{
    width: 100%;
    margin-top: 3rem;
}

.contact_container .contact_row .contact_box .contact_form form .contact_form_input{
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
}


.contact_container .contact_row .contact_box .contact_form form .contact_form_input input{
    width: 100%;
    height: 55px;
    padding-left: 2rem;
    padding-right: 1rem;
    outline: none;
    border: 1px solid #C0C4CC;
    background-color: var(--White-color);
    border-radius: 8px;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    transition: all 0.3s ease;
}


.contact_container .contact_row .contact_box .contact_form form .contact_form_input input:focus{
    border-color: var(--trid-color);
}




.contact_container .contact_row .contact_box .contact_form form .contact_form_textarea{
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
}


.contact_container .contact_row .contact_box .contact_form form .contact_form_textarea textarea{
    width: 100%;
    height: 110px;
    padding-left: 2rem;
    padding-right: 1rem;
    padding-top: 1rem;
    outline: none;
    border: 1px solid #C0C4CC;
    background-color: var(--White-color);
    border-radius: 8px;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    transition: all 0.3s ease;
}


.contact_container .contact_row .contact_box .contact_form form .contact_form_textarea textarea:focus{
    border-color: var(--trid-color);
}



.contact_container .contact_row .contact_box .contact_form form .contact_form_checkbox{
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem;
}

.contact_container .contact_row .contact_box .contact_form form :where(.contact_form_checkbox input, span){
    cursor: pointer;
}

.contact_container .contact_row .contact_box .contact_form form .contact_form_checkbox input{
    width: 4%;
    height: 50px;
    accent-color: var(--trid-color);
}


.contact_container .contact_row .contact_box .contact_form form .contact_form_checkbox span{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
}





.contact_container .contact_row .contact_box .contact_form form .contact_form_btn{
    width: 100%;
    height: 100%;
}

.contact_container .contact_row .contact_box .contact_form form .contact_form_btn input{
    width: 100%;
    height: 55px;
    outline: none;
    border: none;
    background-color: var(--trid-color);
    color: var(--White-color);
    border-radius: 8px;
    font-size: 1.8rem;
    font-weight: 500;
}





















/*===========================================/
                Cart Page 
 =============================================*/


 .cart_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/cart-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.cart_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.cart_hero_section .cart_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.cart_hero_section .cart_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}





/* Cart List section */


.cart_container .cart_row{
    align-items: normal;
}



.cart_container .cart_row .cart_box #cart_content{
    padding: 2rem;
    background-color: #F4F5F7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    border-radius: 10px;
    overflow: scroll;
    
}


.cart_container .cart_row .cart_box #cart_content .cart_img h1{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-color);
}


.cart_container .cart_row .cart_box #cart_content .cart_pricing h1{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-color);
}


.cart_container .cart_row .cart_box #cart_content .cart_icon h1{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-color);
}








.cart_container .cart_row .cart_box{
    padding-right: 2rem;
    overflow: scroll;
    position: relative;
}

.cart_container .cart_row .cart_box .cart_content{
    padding: 2rem;
    background-color: var(--White-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    overflow: scroll;
    top: 0;
}




.cart_container .cart_row .cart_box .cart_content .cart_img{
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 50%;
}


.cart_container .cart_row .cart_box .cart_content .cart_img img{
    width: 30%;
    height: 30%;
    object-fit: cover;
    border-radius: 10px;
}


.cart_container .cart_row .cart_box .cart_content .cart_img .cart_img_text h2{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--trid-color);
    line-height: 1.5;
    margin-bottom: 0.5rem;
}


.cart_container .cart_row .cart_box .cart_content .cart_img .cart_img_text .cart_img_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
}


.cart_container .cart_row .cart_box .cart_content .cart_img .cart_img_text .cart_img_retting i{
    font-size: 1.4rem;
    color: #ECC132;
}

.cart_container .cart_row .cart_box .cart_content .cart_img .cart_img_text .cart_img_retting span{
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-color);
}








.cart_container .cart_row .cart_box .cart_content .cart_pricing h3{
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--trid-color);
}

.cart_container .cart_row .cart_box .cart_content .cart_pricing h3 span{
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-color);
    text-decoration: line-through;
}




.cart_container .cart_row .cart_box .cart_content .cart_icon a{
    font-size: 2rem;
    color: var(--trid-color);
    transition: all 0.3s ease;
}


.cart_container .cart_row .cart_box .cart_content .cart_icon a:hover{
    color: #ff0000;
}











.cart_container .cart_row .cart_box .cart_side_content{
    padding: 3rem;
    background-color: #F4F5F7;
    border-radius: 10px;
}

.cart_container .cart_row .cart_box .cart_side_content h1{
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7e5e5;
    margin-bottom: 2rem;
}


.cart_container .cart_row .cart_box .cart_side_content p{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}


.cart_container .cart_row .cart_box .cart_side_content .cart_side_input{
    display: flex;
    width: 100%;
    margin-bottom: 3rem;
}

.cart_container .cart_row .cart_box .cart_side_content .cart_side_input input{
    width: 80%;
    height: 50px;
    padding-left: 1rem;
    outline: none;
    border: 1px solid var(--White-color);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}

.cart_container .cart_row .cart_box .cart_side_content .cart_side_input a{
    padding: 0.9rem 2rem;
    background-color: var(--trid-color);
    color: var(--White-color);
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


.cart_container .cart_row .cart_box .cart_side_content .cart_side_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}


.cart_container .cart_row .cart_box .cart_side_content .cart_side_text h3{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-color);
}

.cart_container .cart_row .cart_box .cart_side_content .cart_side_text span{
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--trid-color);
}


.cart_container .cart_row .cart_box .cart_side_content .cart_side_btn{
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 5rem;
}

.cart_container .cart_row .cart_box .cart_side_content .cart_side_btn a{
    padding: 1.8rem 4rem;
    text-decoration: none;
    background-color: var(--trid-color);
    color: var(--White-color);
    outline: none;
    border: none;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 8px;
}



















 /*===========================================/
               checkout Page 
 =============================================*/


 .checkout_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/checkout-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.checkout_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.checkout_hero_section .checkout_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.checkout_hero_section .checkout_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}




/* checkout section */


.checkout_container .checkout_row .checkout_box{
    padding-right: 2rem; 
}


.checkout_container .checkout_row .checkout_box .checkout_content{
    padding: 3rem;
    background-color: #F4F5F7;
    border-radius: 15px;
}


.checkout_container .checkout_row .checkout_box .checkout_content h1{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
    line-height: 1.5;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #EAECF0;
    margin-bottom: 3rem;
}



.checkout_container .checkout_row .checkout_box .checkout_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--trid-color);
    line-height: 1.5;
    margin-bottom: 3rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content form{
    width: 100%;
    height: 100%;
}

.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_input{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}



.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_input input{
    width: 100%;
    height: 55px;
    outline: none;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    padding-left: 2rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    background-color: var(--White-color);
    transition: all 0.3s ease;
}


.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_input input:focus{
    border-color: var(--trid-color);
}



.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_textarea{
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
}




.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_textarea textarea{
    width: 100%;
    height: 180px;
    outline: none;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    padding-left: 2rem;
    padding-top: 2rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    background-color: var(--White-color);
    transition: all 0.3s ease;
}


.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_textarea textarea:focus{
    border-color: var(--trid-color);
}





.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_checkbox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0rem;
    margin-bottom: 2rem;
}

.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_checkbox input{
    width: 5%;
    height: 15px;
    accent-color: var(--trid-color);
}

.checkout_container .checkout_row .checkout_box .checkout_content form :where(.checkout_checkbox input, span){
    cursor: pointer;
}


.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_checkbox span{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--text-color);
}




.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img{
    width: 20%;
    height: 20%;
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img_text a{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
    text-decoration: none;
    color: var(--text-color);
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img_text .checkout_side_img_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img_text .checkout_side_img_retting i{
    font-size: 1rem;
    color: #fed049;
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_img_box .checkout_side_img_text .checkout_side_img_retting span{
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--text-color);
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_content .checkout_side_pricing h3{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}








.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #DEE2E6;
    margin-bottom: 1.5rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing h2{
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--trid-color);
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing span{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}





.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #DEE2E6;
    margin-bottom: 3rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing1 .checkout_total_pricing1_text h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--trid-color);
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing1 .checkout_total_pricing1_text span{
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--text-color);
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_total_pricing1 span{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--trid-color);
}



.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment{
    margin-bottom: 3rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}




.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment .checkout_side_payment_box{
    padding: 1.8rem 1.1rem;
    background-color: var(--White-color);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}



.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment .checkout_side_payment_box .checkout_side_payment_input{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment .checkout_side_payment_box :where(.checkout_side_payment_input input, span){
    cursor: pointer;
}



.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment .checkout_side_payment_box .checkout_side_payment_input input{
    accent-color: var(--trid-color);
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment .checkout_side_payment_box .checkout_side_payment_input span{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}







.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment1{
    background-color: transparent;
    margin-top: 2rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment1 .checkout_side_payment_box1 .checkout_side_payment_checkbox{
    display: flex;
    align-items: center;
    gap: 1rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment1 .checkout_side_payment_box1 .checkout_side_payment_checkbox input{
    width: 10%;
    height: 25px;
    accent-color: var(--trid-color);
}

.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment1 .checkout_side_payment_box1 :where(.checkout_side_payment_checkbox input, label){
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
}



/* .checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_payment1 .checkout_side_payment_box1 .checkout_side_payment_checkbox label{
} */







.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_btns{
    margin-top: 4rem;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_btns .checkout_side_btns_box{
    width: 100%;
    height: 100%;
}


.checkout_container .checkout_row .checkout_box .checkout_content .checkout_side_btns .checkout_side_btns_box #checkout_input1{
    width: 100%;
    height: 60px;
    outline: none;
    border: none;
    border-radius: 10px;
    background-color: var(--trid-color);
    color: var(--White-color);
    font-size: 1.8rem;
    font-weight: 500;
}
































 /*===========================================/
            Course Details Page 
 =============================================*/


 .course_details_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/course-details-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.course_details_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.course_details_hero_section .course_details_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.course_details_hero_section .course_details_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}



/* Course Details Section */

.course_details_container .course_details_row .course_details_box{
    padding-right: 2rem;
}




.course_details_container .course_details_row .course_details_box .course_details_content{
    overflow: scroll;
}


.course_details_container .course_details_row .course_details_box .course_details_content h1{
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--trid-color);
    margin-bottom: 1.5rem;
}

.course_details_container .course_details_row .course_details_box .course_details_content p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 4rem;
}



.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box .course_details_retting{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.1rem;
}

.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box .course_details_retting span{
    font-size: 1.6rem;
    font-weight: 700;
    color: #ECC132;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}

.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box .course_details_retting i{
    font-size: 1.4rem;
    color: #ECC132;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box .course_details_span1{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--second-color);
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_retting_box .course_details_span2{
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--trid-color);
}





.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_btns{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #D9D9D9;
    margin-top: 5rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_btns .tabs_link{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--text-color);
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
}

.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .tabs_link.active{
    color: var(--second-color);
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .tabs_link.active:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 100%;
    height: 3px;
    background-color: var(--second-color);
    transition: all 0.3s ease;
}






.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content{
    margin-top: 4rem;
    display: none;
}

.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content.active{
    margin-top: 4rem;
    display: block;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content h1{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
    margin-bottom: 2rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 3rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content h2{
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--trid-color);
    margin-bottom: 2rem;
}




.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .curriculum_text{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .curriculum_text i{
    color: #7044B0;
}





.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row{
    align-items: center;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box{
    padding-right: 1.5rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_img{
    overflow: hidden;
    border-radius: 15px;
    transition: all 0.3s linear;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_img:hover img{
    transform: scale(1.1);
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_text .help_info{
    margin-bottom: 2rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_text .help_info h3{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--trid-color);
    margin-bottom: 1rem;
}

.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box .help_text .help_info a{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--second-color);
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}



























/* course_details_card */



.course_details_container .course_details_row .course_details_card .course_details_card_img{
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.course_details_container .course_details_row .course_details_card .course_details_card_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s linear;
}


.course_details_container .course_details_row .course_details_card .course_details_card_img .pouse_icon{
    position: absolute;
    top: 35%;
    left: 40%;
    width: 25%;
    height: 30%;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.3s ease;
}

.course_details_container .course_details_row .course_details_card .course_details_card_img .pouse_icon:hover{
    transform: scale(1.1);
}


.course_details_container .course_details_row .course_details_card .course_details_card_content{
    padding: 2rem;
    border: 1px solid #EAECF0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}


.course_details_container .course_details_row .course_details_card .course_details_card_content h1{
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content h1 span{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
}


.course_details_container .course_details_row .course_details_card .course_details_card_content p{
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--second-color);
    margin-bottom: 3rem;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_btn{
    margin-bottom: 3rem;
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--trid-color);
    border-radius: 15px;
    cursor: pointer;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_btn a{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--White-color);
    text-decoration: none;
}


.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}


.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_icon .course_facebook_card_icon{
    padding: 0.5rem 1.4rem;
    border-radius: 100%;
    background-color: var(--trid-color);
    font-size: 2rem;
    color: var(--White-color);
    transition: all 0.3s ease;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_icon .course_facebook_card_icon:hover{
    background-color: var(--second-color);
}


.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_icon a{
    padding: 0.5rem 1.1rem;
    border-radius: 100%;
    background-color: var(--trid-color);
    font-size: 2rem;
    color: var(--White-color);
    transition: all 0.3s ease;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_icon a:hover{
    background-color: var(--second-color);
}



.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    border-top: 1px solid #EAECF0;
}

.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_info h3{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
}


.course_details_container .course_details_row .course_details_card .course_details_card_content .course_details_card_info a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--second-color);
}






/* course_faq_section */

.course_faq_section{
    background-color: #F7FBFE;
}


.course_faq_heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem;
}


.course_faq_heading h1{
    font-size: 3.6rem;
    font-weight: 700;
    color: var(--trid-color);
}


.course_faq_heading .course_faq_btns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}


.course_faq_heading .course_faq_btns .course_faq_text{
    padding: 0.8rem 2rem;
    background-color: var(--White-color);
    border-radius: 15px;
    text-align: center;
}

.course_faq_heading .course_faq_btns .course_faq_text h2{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 0.5rem;
}

.course_faq_heading .course_faq_btns .course_faq_text p{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: 1rem;
}






/* FAQs Section */

.faqs_container .faqs_row{
    align-items: center;
 }

 

 .accordion{
    --bs-accordion-btn-bg: #ffff;
    --bs-accordion-active-bg: #fff;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-bg: #fff;
    --bs-accordion-color: var(--black-color);
    --bs-accordion-btn-active-icon: #821F40;
    --bs-accordion-border-color: none;
}


.accordion-item{
    margin-bottom: 2rem;
}

.accordion-item .accordion-body{
    padding: 3rem;
    border-bottom: 1px solid #4754677a;
    border-left:  1px solid #4754677a;
    border-right:  1px solid #4754677a;
    border-top:  1px solid #ffffff;
    
}

.accordion-item .accordion-body .accordion_play{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
    cursor: pointer;
    
}


.accordion-item .accordion-body .accordion_play img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    transition: all 0.3s ease;
}

.accordion-item .accordion-body .accordion_play span{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.accordion-item .accordion-body .accordion_play span:hover{
    color: var(--second-color);
}

.accordion-header{
    box-shadow: 0 5px 10px #47546723;
}

.accordion-header .accordion-button span{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    margin-left: 73rem;
}



.accordion .accordion-button{
    font-size: 2rem;
    font-weight: 400;
    border-bottom: none;
    color: var(--trid-color);
    padding: 2.5rem;
    display: flex;
    align-items: center;
}

.accordion .accordion-button:focus{
    color: var(--main-color);
}


.accordion .accordion-button:not(.collapsed){
    box-shadow: none;
}





.accordion-button::after {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='DarkRed' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); */
    background-image: url(../asset/images/plus-icon.svg);
    transition: all 0.5s;
    --bs-accordion-btn-active-icon-color: #821F40;
    --bs-accordion-btn-icon-width: 2rem;

  }


  .accordion-button:not(.collapsed)::after {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='DarkRed' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); */
    background-image: url(../asset/images/minus-icon.svg);
    --bs-accordion-btn-icon-width: 2rem;
  }







  /* Course Instructor section */

  .course_instructor_section h1{
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 5rem;
  }


.course_instructor_container .course_instructor_row{
    align-items: center;
  }


.course_instructor_container .course_instructor_row .course_instructor_box{
    padding-left: 2rem;
}


.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_img{
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.3s linear;
}


.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
  }

.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_img:hover img{
    transform: scale(1.1);
}





.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content h2{
    font-size: 2.8rem;
    font-weight: 600;
    color: var(--trid-color);
    line-height: 1.5;
}


.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content h4{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 2rem;
}

.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content p{
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--trid-color);
    line-height: 1.5;
    margin-bottom: 2rem;
}



.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content .course_instructor_icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content .course_instructor_icon a{
    padding: 0.5rem 1.3rem;
    background-color: var(--trid-color);
    color: var(--White-color);
    font-size: 2rem;
    border-radius: 100px;
    transition: all 0.3s ease;
}


.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content .course_instructor_icon a:hover{
    background-color: var(--second-color);
}


.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content .course_instructor_icon a:nth-child(3){
    padding: 0.5rem 1rem;
    background-color: var(--trid-color);
    color: var(--White-color);
    font-size: 2rem;
    border-radius: 100px;
    transition: all 0.3s ease;
}

.course_instructor_container .course_instructor_row .course_instructor_box .course_instructor_content .course_instructor_icon a:nth-child(3):hover{
    background-color: var(--second-color);
}











 /*===========================================/
                 Gallery Page 
 =============================================*/


 .gallery_hero_section{
    padding: 15rem 9%;
    background-image: url(../asset/images/gallery-hero-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
   
   
.gallery_hero_section h1{
    font-size: 4.7rem;
    font-weight: 700;
    color: var(--White-color);
    margin-bottom: 2rem;
}


.gallery_hero_section .gallery_betcum{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 1rem;
}

.gallery_hero_section .gallery_betcum a{
   font-size: 1.8rem;
   font-weight: 500;
   text-decoration: none;
   color: var(--White-color);
}



/* Gallery Box section */

.gallery_section h1{
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--main-color);
    margin-bottom: 5rem;
    margin-top: 3rem;
    text-align: center;
}




.gallery_container .gallery_row .gallery_box{
    padding-right: 1.5rem;
}



.gallery_container .gallery_row .gallery_box .gallery_img{
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    transition: all 0.3s linear;
    cursor: pointer;
    margin-bottom: 3rem;
}

.gallery_container .gallery_row .gallery_box .gallery_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
}


.gallery_container .gallery_row .gallery_box .gallery_img:hover img{
    transform: scale(1.1);
}


.gallery_container .gallery_row .gallery_box .gallery_img i{
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 2.5rem;
    color: var(--White-color);
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transition: all 0.3s linear;
}

.gallery_container .gallery_row .gallery_box .gallery_img:hover i{
    opacity: 1;
    visibility: visible;
}


.gallery_container .gallery_row .gallery_box .gallery_img .gallery_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #125775af;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    transition: all 0.3s linear;
}

.gallery_container .gallery_row .gallery_box .gallery_img:hover .gallery_overlay{
    opacity: 1;
    visibility: visible;
}






































































/* media queries */

@media (max-width:768px){


    section{
        padding: 7rem 4%;
    }

    footer{
        padding: 7rem 4%;
    }

    html{
        font-size: 55%;
    }


    /* Header Section */

    .headerBtn1{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        margin-top: 2rem;
    }

    .headerNavber .headerBtn{
        display: none;
    }

    .logo1{
        display: block;
        position: absolute;
        top: 30px;
        left: 10px;
    }

    .headerNavber .navBers .nav_menu .closebtn{
        display: block;
        position: absolute;
        right: 10px;
        top: 30px;
    }


    #dropMenu2.active{
        transform: rotate(45deg);
    }

    #dropMenu1.active{
        transform: rotate(45deg);
    }

    #dropMenu.active{
        transform: rotate(45deg);
    }

    .headerNavber .navBers .nav_menu .closebtn i{
        font-size: 2.5rem;
        color: var(--White-color);
        padding: 1rem 1.4rem;
        background-color: var(--text-color);
        border-radius: 100%;
    }

    .headerNavber .menubtn{
        display: block;
    }

    .headerNavber .menubtn.hide{
        display: none;
    }

    .headerNavber .menubtn i{
        font-size: 3rem;
    }




    .headerNavber .navBers .nav_menu{
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        border-right: 2px solid #a3a2a269;
        height: 100vh;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 0rem;
        padding-left: 2rem;
        padding-right: 1rem;
        padding-top: 10rem;
        overflow: scroll;
        transition: all 0.8s ease;
    }

    .headerNavber .navBers .nav_menu.active{
        left: 0;
    }

    .headerNavber .navBers .nav_menu .nav_list{
        margin-left: 0rem;
        border-bottom: 1px solid var(--text-color);
        padding-bottom: 2rem;
    }

    .headerNavber .navBers .nav_menu .nav_list a{
        font-size: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }



    .headerNavber .navBers .nav_menu .nav_list .dropDown{
        position: relative;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 0rem;
        background-color: transparent;
        box-shadow: none;
        padding: 0rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        opacity: 0;
        visibility: hidden;
        max-height: 0px;
        padding-top: 0rem;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .headerNavber .navBers .nav_menu .nav_list .dropDown.active{
        max-height: 450px;
        opacity: 1;
        visibility: visible;
        padding-top: 1rem;
        top: 0;
    }


    /* .headerNavber .navBers .nav_menu .nav_list .dropDown li a{
        border-top: none;
        padding-top: 0rem;
    } */

    .headerNavber .navBers .nav_menu .nav_list .dropDown li #dropDown_text{
        border-top: 1px solid var(--text-color);
        padding-top: 2rem;
    }













    /* Hero Section */

    .hero_section{
        padding: 7rem 4%;
        background: none;
    }




    .hero_container .hero_row .hero_content h1{
        font-size: 3.9rem;
        font-weight: 700;
        color: var(--trid-color);
        line-height: 1.5;
        margin-bottom: 2rem;
    }
    
    
    .hero_container .hero_row .hero_content p{
        font-size: 1.5rem;
        font-weight: 500;
        color: var(--text-color);
        line-height: 26px;
        margin-bottom: 2rem;
    }
    
    
    .hero_container .hero_row .hero_content .hero_btns{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
    }


    .hero_container .hero_row{
        align-items: center;
        margin-top: 5rem;
        
    }



    .hero_container .hero_row .hero_img{
        display: flex;
        align-items: center;
        gap: 3rem;
        padding-left: 0rem;
        padding-top: 5rem;
    }






    /* heading Section */

    .main_heading h2{
        font-size: 3.5rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--trid-color);
        margin-bottom: 2rem;
    }
    
    .main_heading p{
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--text-color);
        padding-left: 0rem;
        padding-right: 00rem;
        line-height: 1.5;
    }


    .main_heading1 h2{
        font-size: 3.5rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--White-color);
        margin-bottom: 2rem;
    }
    
    .main_heading1 p{
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--White-color);
        padding-left: 0rem;
        padding-right: 00rem;
        line-height: 1.5;
    }



    /* client Section */

    /* .client_container .client_row{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        gap: 2rem;
    } */




 
     /* course Section */
    .course_container .course_row .course_box{
        padding-left: 0rem;
        margin-bottom: 2.5rem;
    }


    /* About Section */
    .about_container .about_row .about_img{
        padding-right: 0rem;
        margin-bottom: 4rem;
    }


    .about_container .about_row .about_content h1{
        font-size: 3rem;
        font-weight: 700;
        color: var(--trid-color);
        line-height: 1.2;
        margin-bottom: 2rem;
    }





    /* course1 section */
    .course1_container .course1_row .course1_box{
        padding-left: 0rem;
        margin-bottom: 3rem;
    }



    /* Video section */
    .video_container .video_row .video_content{
        padding-left: 2rem; 
        margin-top: 2rem; 
        margin-bottom: 2rem;
    }


    .video_container .video_row .video_content h1{
        font-size: 2.9rem;
        font-weight: 700;
        color: var(--trid-color);
        line-height: 1.3;
        margin-bottom: 2rem;
        text-align: start;
    }


    .video_container .video_row .video_img{
        padding-left: 0rem;
        padding-right: 0;
        position: relative; 
    }



    .video_container .video_row .video_img .pulse{
        width: 100px;
        height: 100px;
        background: transparent;
        border-radius: 100px;
        display: grid;
        place-items: center;
        position: absolute;
        top: 30%;
        left: 38%;
    }





     /* Review section */
     .review_section{
        background-color: #EAF8FE;
        padding: 4rem 4%;
        position: relative;
    }

    .review_shape{
        display: none;
    }
    
    .review_shape1{
        display: none;
    }

    .review_container .review_row .review_box{
        padding-left: 0rem;
        margin-bottom: 5rem;
        z-index: 2;
    }

    .review_container .review_row .review_box .review_content .review_info{
        display: flex;
        flex-direction: column;
        align-items: end;
    }






    /* Mentor Section */

    .mentor_container .mentor_row .mentor_box{
        padding-left: 0rem;
        margin-bottom: 2rem;
        text-align: center;
    }







    .heading2{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2rem;
        margin-top: 3rem;
        margin-bottom: 5rem;
    }


    .heading2 h1{
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--trid-color);
    }






    /* blog section */

    .blog_container .blog_row .blog_box2{
        padding-left: 0rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }


    .blog_container .blog_row .blog_box2_row{
        padding-left: 1rem;
        margin-top: 0;
    }







   /* newsletter section */

    .newsletter_container .newsletter_row .newsletter_box h1{
        font-size: 3.5rem;
        font-weight: 700;
        color: var(--White-color);
        line-height: 1.3;
        margin-bottom: 3rem;
    }
    
    .newsletter_container .newsletter_row .newsletter_box .newsletter_send{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0rem;
        width: 100%;
        height: 100%;
    }
    
    .newsletter_container .newsletter_row .newsletter_box .newsletter_send input{
        width: 200px;
        height: 50px;
        padding-left: 2rem;
        outline: none;
        border: none;
        background-color: #1A263E;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 1.4rem;
        font-weight: 400;
        color: var(--White-color);
    }
    
    .newsletter_container .newsletter_row .newsletter_box .newsletter_send .newsletter_btn{
        padding: 15px 30px;
        background-color: var(--main-color);
        text-decoration: none;
        font-size: 1.6rem;
        font-weight: 500;
        color: var(--White-color);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }




    /* Footer Section */
    .footer_section{
        padding: 7rem 4%;
    }

    .footer_container .footer_row .footer_box{
        padding-right: 0rem;
        margin-bottom: 2rem;
    }

    .footer_container .footer_row .footer_box1{
        padding-left: 1rem;
        margin-bottom: 2rem;
    }

    .footer_container .footer_row .footer_box2{
        padding-left: 1rem;
        margin-bottom: 2rem;
    }




    .createBy{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10rem;
        margin-bottom: 1rem;
        border-top: 1px solid #ffffffb3;
        padding-top: 2rem;
    }







    /* Popup Section */
    .popup{
        position: absolute;
        top: 50%;
        right: 10%;
        visibility: hidden;
        opacity: 0;
        background-color: var(--White-color);
        padding: 1rem;
        border-radius: 10px;
        transition: all 0.5s ease;
        z-index: 3000;
    }
    
    .popup.active{
        visibility: visible;
        opacity: 1;
        z-index: 3000;
    }
    
    
    .popup iframe{
        width: 300px;
        height: 200px;
        z-index: 3000;
    }
    
    
    
    .popup .close{
        position: absolute;
        top: -30px;
        right: -30px;
        cursor: pointer;
        z-index: 3000;
    }
    
    .popup .close i{
        font-size: 3rem;
        color: var(--trid-color);
        background-color: var(--White-color);
        padding: 1rem 1.3rem;
        border-radius: 100%;
    }





    #blur{
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 3300vh;
        /* background-color: #000000; */
        transition: all 0.5s linear;
        z-index: -1;
    } 
    
    
     #blur.active{
        background: rgba(16, 16, 16, 0.21);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(3.1px);
        -webkit-backdrop-filter: blur(3.1px);
        z-index: 2000;
    }







/*===========================================/
                 Courses Page 
 =============================================*/

 .courses_blog_section{
    padding: 7rem 4%;
 }


 .courses_tabs{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
 }



 .courses_tabs .tabs_btns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0rem;
    background-color: #E7EFF6;
    padding: 1rem;
    border-radius: 10px;
 }



 .courses_blog_container .courses_blog_row .courses_blog_box{
    padding-left: 0rem;
    margin-bottom: 3rem;
 }





 /*===========================================/
                 Mentors Page 
 =============================================*/

 .mentors_section h1{
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--trid-color);
    margin-bottom: 5rem;
    text-align: center;
}




.mentors_container .mentors_row .mentors_box{
    padding-left: 0rem;
    margin-bottom: 3rem;
}






 /*===========================================/
                 Mentors Details Page 
 =============================================*/

 .mentor_details_container .mentor_details_row .mentor_details_box{
    padding-left: 0rem;
    margin-bottom: 2rem;
 }


 .mentor_details_title{
    font-size: 2.9rem;
    font-weight: 700;
    color: var(--trid-color);
    margin-bottom: 5rem;
    padding-left: 2rem;
 }






 /*===========================================/
                 Blogs Page 
 =============================================*/

 .blogs_section h1{
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 5rem;
    margin-top: 0rem;
    text-align: center;
 }





 .blogs_container .blogs_row .blogs_box{
    padding-left: 0rem;
    margin-bottom: 4rem;
}




 /*===========================================/
                 Blogs details Page 
 =============================================*/

 .Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content .Blogs_details_date{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    text-align: center;
    margin-bottom: 3rem;
}



.Blogs_details_container .Blogs_details_row .Blogs_details_box .Blogs_details_content h1{
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--trid-color);
    margin-bottom: 3rem;
}


.Blogs_details_container .Blogs_details_row .Blogs_details_box{
    padding-left: 0rem;
    margin-bottom: 3rem;
}




/* .blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content{
    display: flex;
    flex-direction: column;
    padding: 0rem;
    background-color: var(--White-color);
    border-radius: 15px;
    border: 1px solid var(--White-color);
} */

.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_img{
    width: 100%;
    height: 100%;
}

.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.blogs_comment_container .blogs_comment_row .blogs_comment_box .blogs_comment_content .row .blogs_comment_text .blogs_comment_info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.5rem;
}
















.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content{
    padding: 0rem;
}


.blogs_form_container .blogs_form_blog .blogs_form_box .blogs_form_content .blogs_form_input_box{
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    gap: 0rem;
}




 /*===========================================/
                 Sign Up Page 
 =============================================*/


.signup_form_container .signup_form_row .signup_form_box .signup_form_content form .signup_form_btn1 img{
    position: absolute;
    top: 28%;
    left: 12%;
}




 /*===========================================/
                Contact Page 
 =============================================*/


.contact_container .contact_row .contact_box{
    padding-right: 0rem;
    margin-bottom: 3rem;
}



.contact_container .contact_row .contact_box .contact_form{
    padding: 2rem;
    background-color: #F4F5F7;
    border-radius: 10px;
}




 /*===========================================/
                Cart Page 
 =============================================*/


 .cart_container .cart_row .cart_box{
    padding-right: 0rem;
    margin-bottom: 3rem;
}



.cart_container .cart_row .cart_box .cart_content .cart_img{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    width: 50%;
}







 /*===========================================/
                checkout Page 
 =============================================*/

 .checkout_container .checkout_row .checkout_box .checkout_content{
    padding: 1.5rem;
 }


 .checkout_container .checkout_row .checkout_box .checkout_content form .checkout_input{
    width: 100%;
    height: 100%;
    display: block;
    margin-bottom: 0rem;
}

.checkout_container .checkout_row .checkout_box .checkout_content form .checkout_input input{
    margin-bottom: 2rem;
}



.checkout_container .checkout_row .checkout_box{
    padding-right: 0rem; 
    margin-bottom: 3rem;
}









 /*===========================================/
            Course Details Page 
 =============================================*/

 .course_details_container .course_details_row .course_details_box .course_details_content h1{
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--trid-color);
    margin-bottom: 1.5rem;
}


 .course_details_container .course_details_row .course_details_box{
    padding-right: 0rem;
    margin-bottom: 3rem;
}




.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_btns{
    display: flex;
    justify-content: space-between;
    align-items: normal;
    padding-bottom: 2rem;
    border-bottom: 1px solid #D9D9D9;
    margin-top: 5rem;
    gap: 2rem;
}



.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .curriculum_text{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3rem;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .curriculum_text i{
    color: #7044B0;
}


.course_details_container .course_details_row .course_details_box .course_details_content .course_details_curriculum .course_details_curriculum_content .help_container .help_row .help_box{
    padding-right: 0rem;
    margin-bottom: 2rem;
}



.accordion-header .accordion-button span{
    display: none;
}



.course_faq_heading{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4rem;
}


.course_instructor_container .course_instructor_row .course_instructor_box{
    padding-left: 0rem;
    margin-bottom: 3rem;
}
























   
}