* {box-sizing: border-box}
                    body {font-family: Verdana, sans-serif; margin:0}
                    .mySlides {
                       /* display: none*/
                       margin:auto;
                       text-align: center;
                       background-color: #ffffff30;
                    }
                    img {vertical-align: middle;}

                    /* Slideshow container */
                    .slideshow-container {
                    /* max-width: 1000px;
                    */position: relative;
                    margin: auto;
                    overflow:hidden;
                    display:flex;
                    align-items: center;
                    }

                    /* Next & previous buttons */
                    .slider_prev, .slider_next {
                    cursor: pointer;
                    position: absolute;
/*                     top: 50%; */
                    width: auto;
                    padding: 16px;
/*                     margin-top: -22px; */
                    color: white;
                    font-weight: bold;
                    font-size: 18px;
                    transition: 0.6s ease;
                    border-radius: 0 3px 3px 0;
                    user-select: none;
                    background-color: rgba(0,0,0,0.6);
                    }

                    /* Position the "next button" to the right */
                    .slider_next {
                    right: 0;
                    border-radius: 3px 0 0 3px;
                    }

                    /* On hover, add a black background color with a little bit see-through */
                    .slider_prev:hover, .slider_next:hover {
                    background-color: rgba(0,0,0,0.8);
                    }

                    /* Caption text */
                    .text {
                    color: #f2f2f2;
                    font-size: 15px;
                    padding: 8px 12px;
                    position: absolute;
                    top: 0px;
                    height:100%;
                    text-align: left;
                    max-width:500px;
                        border:0px solid red;
                        display:flex;
                        align-items:center;
                    }

                    .textMargLeft{
                        margin-left:100px;
                    }
                    .textMargRight{
                        right:100px;
                    }

                    .textWidth{
                    width: 100%;
                    }

                    /* Number text (1/3 etc) */
                    .numbertext {
                    color: #f2f2f2;
                    font-size: 12px;
                    padding: 8px 12px;
                    position: absolute;
                    top: 0;
                    }

                    /* The dots/bullets/indicators */
                    .dot {
                    cursor: pointer;
                    height: 15px;
                    width: 15px;
                    margin: 0 2px;
                    background-color: #bbb;
                    border-radius: 50%;
                    display: inline-block;
                    transition: background-color 0.6s ease;
                    }

                    .active, .dot:hover {
                    background-color: #717171;
                    }

                    /* Fading animation */
                    .fadee {
                    -webkit-animation-name: fadee;
                    -webkit-animation-duration: 1.5s;
                    animation-name: fadee;
                    animation-duration: 1.5s;
                    }

                    @-webkit-keyframes fadee {
                    from {opacity: .4} 
                    to {opacity: 1}
                    }

                    @keyframes fadee {
                    from {opacity: .4} 
                    to {opacity: 1}
                    }

                    /* On smaller screens, decrease text size */
                    @media only screen and (max-width: 300px) {
                    .slider_prev, .slider_next,.text {font-size: 11px}
                    }


                    .btn{
                        border-width: 0!important;
                        border-radius: 40px;
                        font-size: 18px;
                        font-family: Poppins,Helvetica,Arial,Lucida,sans-serif!important;
                        font-weight: 600!important;
                        background-color: #df504b;
                        padding-top: 12px!important;
                        padding-right: 30px!important;
                        padding-bottom: 12px!important;
                        padding-left: 30px!important;
                        }
                        
                    .btn:link{
                        color:white;
                        text-decoration:none;
                    }	

                    .imgWidth100p{
                            width:100%;
                        }
                        
                    .textMargCenter{
                        margin-left:100px;
                        margin-right:100px;
                    }	
                    .textWidthCenter{
                        max-width:unset;
                        width:calc(100% - 200px);
                    }
                    .textInnerWidthCenter{
                        margin:auto;max-width:500px;text-align:center;
                    }

                    @media (max-width:992px){
                        .imgWidth100p{
                            width:unset;
                        }
                    }

                    @media (max-width:992px){
                        .textMargLeft{
                            margin-left:70px;
                        }
                        .textMargRight{
                        right:70px;
                        }
                    .textMargCenter{
                        margin-left:70px;
                        margin-right:70px;
                    }	
                    .textWidthCenter{
                        width:calc(100% - 140px);
                    }

                    }


                    @media (max-width:650px){
                        .textMargLeft{
                            margin-left:50px;
                            }
                        .textWidth{
                            width:450px;
                        }
                        .textMargRight{
                        right:50px;
                        }
                    .textMargCenter{
                        margin-left:50px;
                        margin-right:50px;
                    }	
                    .textWidthCenter{
                        width:calc(100% - 100px);
                    }
                    .textInnerWidthCenter{
                            width:450px;
                        }
                    }
					.t1_df_middle{
							display:flex;align-items:center;justify-content:center;
						}


                    @media (max-width:550px){
                        .textMargLeft{
                            margin-left:30px;
                            }
                        .textWidth{
                            width:300px;
                        }
                        .textMargRight{
                        right:30px;
                        }
                    .textMargCenter{
                        margin-left:30px;
                        margin-right:30px;
                    }	
                    .textWidthCenter{
                        width:calc(100% - 60px);
                    }
                    .textInnerWidthCenter{
                            width:300px;
                        }
                    }

                    @media (max-width:450px){
                        .textMargLeft{
                            margin-left:30px;
                        }
                        .textWidth{
                            width:200px;
                        }
                        .textMargRight{
                        right:30px;
                        }
                        .textMargCenter{
                            margin-left:30px;
                            margin-right:30px;
                        }	
                        .textWidthCenter{
                            width:calc(100% - 60px);
                        }
                        .textInnerWidthCenter{
                            width:200px;
                        }
                    }




    .t2_slider-container {
      width: 90%;
      max-width: 1200px;
      overflow: hidden;
      position: relative;
	  margin: auto;
    }

    .t2_slider {
      display: flex;
      transition: transform 0.5s ease;
	  position:relative;
	  z-index:4;
    }

    .t2_slide {
      flex: 0 0 calc(100% / 4); /* Default for desktop: 4 slides per view */
      padding: 2px 5px;
	  position:relative;
    }
	
	.t2_slide_div{
		position:absolute;
		width:100%;
		bottom:10px;
		text-align:center;
	}
	.t2_slide_btn{
		padding:8px;margin-top:13px;border-radius:7px;color:white;background-color:blue;border:0px;
	}

	

    .t2_slide img {
      width: 100%;
      border-radius: 8px;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
      .t2_slide {
        flex: 0 0 calc(100% / 2); /* 2 slides per view on tablets */
      }
    }

    @media (max-width: 480px) {
      .t2_slide {
        flex: 0 0 100%; /* 1 slide per view on mobile */
      }
    }

    /* Navigation Buttons */
    .t2_nav-buttons  {
      position: absolute;
      top: 0%;
      width: 100%;
      height: calc(100% - 80px);
      display: flex;
      align-items:center;
      justify-content: space-between;
    }

    .t2_nav-buttons  button {
      background-color: rgba(0, 0, 0, 0);
      height:60px;
      font-size:30px;
      color: white;
      border: none;
      padding: 10px 14px;
      cursor: pointer;
	  margin-top: 47px;
      border-radius: 5px;
	  z-index:5;
    }

    .t2_nav-buttons  button:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

    /* Dots Navigation */
    .t2_dots-container {
      text-align: center;
	  margin-top:6px;
     }

    .t2_dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: #ccc;
      border-radius: 50%;
      margin: 5px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .t2_dot.active {
      background-color: #333;
    }
    .pointer{
        cursor:pointer;
    }