/* SLIDE1 CSS */

.tp-app .tp-app-content #slide1
{
    border: 0px solid white;
    margin-top: 0px;
    width:100%;
    height: 500px;
    padding-top1: 50px; 
    display1: flex; 
    
    background-image: url('https://techyp-media-public.s3.us-west-2.amazonaws.com/images/banners/jee_home_withgirl.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* Resize the background image to cover the entire container */
}

.tp-app .tp-app-content #slide1 div{
    padding-top: 100px;
}  

.tp-app .tp-app-content #slide1 div h1
{
   font-size1: 40px;
   text-shadow1: 1px 3px 25px #000000;
}

@media (max-width: 800px) {
    .tp-app .tp-app-content #slide1 {
      height: 300px; /* Reduce height for smaller screens */
      background-image: url('https://techyp-media-public.s3.us-west-2.amazonaws.com/images/banners/jee_home_onlybg.png');
    }
    .tp-app .tp-app-content #slide1 div{
        padding-top: 50px;
    }  
  }



.tp-app .tp-app-content #slide1 div h4
{
    /*font-style: italic;*/
}


.tp-logo-large{
    width: 270px;
    /*background-image: linear-gradient(to bottom right, #a7d7d8, #fdfdfd);*/
    
}
.tp-btn-audience
{
    font-size: 22px;
}

.tp-btn-audience .w3-button
{
    background-image: linear-gradient(to bottom right, #a7d7d8, #fdfdfd);
    color: #0f2530;
    
    
}


/* SLIDE2 CSS */
.tp-app .tp-app-content #slide2
{
    padding-top: 10px;
}

.tp-app .tp-app-content #slide2 img
{
    width: 80%;
    
}

.tp-app .tp-app-content #slide2 h1
{
    font-size1: 60px;
}

.tp-app .tp-app-content #slide2 h4
{
    font-style: italic;
}


#slide2 .tp-target-student{
    margin: auto;
    padding: 15px; 
    width: 80%;
    border-radius: 25px;
}

@media screen and (max-width: 680px) 
{
    /* SLIDE2 CSS */
    .tp-app .tp-app-content #slide2 img
    {
        width: 100%;
    }
}



/* Slide 3 CSS */

.w3-col{
    border: 0px solid red;
}
.tp-app .tp-app-content #slide4
{
    padding-top: 80px;
    background-image: linear-gradient(to bottom right, #a7d7d8, #fdfdfd);
    height: auto;
    /*
    background: #466368;
    background: -webkit-linear-gradient(#648880, #293f50);
    background:    -moz-linear-gradient(#648880, #293f50);
    background:         linear-gradient(#648880, #293f50);*/
    
    /*background: linear-gradient(to right bottom, #648880, #293f50);
    background: radial-gradient(#648880, #293f50);*/
}


.tp-app .tp-app-content #slide4 h1
{
    text-align1: center;
    font-size1: 40px;
}
.tp-app .tp-app-content #slide4 p11
{
    text-align: center;
    width: 70%;
}

.tp-app .tp-app-content #slide4 h4
{
    text-align1: center;
    font-style: italic;
}


.tp-card
{
    border: 0px solid gray;
    width: 300px;
    height: 480px;
    margin: auto;
    border-top-right-radius: 10%;
    border-bottom-left-radius: 10%;
    background-color: white;
    box-shadow: 20px 20px 50px 15px grey;
}
.tp-card.tp-course
{
    padding-left: 20px;
    padding-right: 20px;
}
.tp-card.tp-course div:first-child
{
    font-weight: bold;
    color: red;
}
.tp-card.tp-course div:nth-child(2) img
{
    border-top-right-radius: 10%;
}
.tp-card.tp-course div:nth-child(2)
{
    height: 270px;
    width: 100%;
    border-top-right-radius: 10%;
    
    background-image1: url(/public/course/images/jeecomp1_2yr_bangla.png);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.tp-card.tp-course div:nth-child(3)
{
    font-weight: bold;
}

.tp-card.tp-course td:nth-child(even){
    text-align: left;
    padding-left: 5px;
    border: 0px solid green;
}

.tp-card.tp-course td:nth-child(odd){
    text-align: center;
    padding-left: 15px;
    width: 15px!important;
    border: 0px solid red;
}

.tp-card.tp-course h4{
    font-size: 17px;
    padding:0;
}

.tp-card.tp-course div:last-child{
    padding: 5px;
}
.tp-card.tp-course div:last-child strike{
    color: red;
}
.tp-card.tp-course div:last-child b{
    font-size:20px;
}



/* SLIDE4 CSS */
.tp-app .tp-app-content #slide6
{
    padding-top: 80px;
}

.tp-app .tp-app-content #slide6 h1
{
    font-size: 60px;
}


#slide7{
    height: auto;
    
}
#slide7 h1
{
    padding-top: 65px;
    padding-bottom: 65px;
    font-size: 60px;
}

#slide7 ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#slide7 li{
    margin-bottom: 10px;
    text-align: left;
}

#slide7 li div{
    display: table-cell;
    border: 0px solid yellow;
    vertical-align: middle;
}

#slide7 li div:first-child{
    width: 100px;
}

#slide7 li div:last-child{
    width: 100%;
}

#slide7 li img{
    width: 75px;
}


#slide7 .tp-student-info{
    margin: auto;
}
#slide7 .tp-student-info div{
    margin: auto;
    display: flex;
    padding: 0;
    border: 0px solid red;
    
}
#slide7 .tp-student-info div > div:first-child{
    border: 0px solid yellow;
     width: 150px;
     margin: auto;
}

#slide7 .tp-student-info div > div:last-child{
    border: 0px solid white;
    width: 400px;
    text-align: left;
    margin: auto;
}

/*  could be moved to common css*/
pre.tp-founder-letter{
    white-space: pre-wrap; /* Wraps the text to fit within the parent */
    word-wrap: break-word; /* Breaks long words to fit */
    overflow: auto; /* Adds scrollbars if content exceeds boundaries */
    max-width: 100%; /* Ensures it doesn't go beyond the parent */
    text-align:justify;
}