.break{
        background-color: var(--wp--preset--color--vivid-red);
        font-size: 1rem;
        color:white;
        font-weight: 400;
        height: 6vh;
        width: 16vh;
        text-align: center;
        display: inline-block;

    }
     /* Button Style */
  .button-container {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    width: 7vw;
    height: 7vh;
    border: 1px solid black;
    border-radius: 5px;
}

.bg-video1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:5%;
    z-index: -1;
}

.animated-button {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    background: transparent; /* Transparent background so video is visible */
}


        /*.animated-button:hover {*/
        /*    transform: scale(1.1);*/
        /*    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);*/
        /*}*/

        /* Animation Effect */
        /*.animated-button::before {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    top: 50%;*/
        /*    left: 50%;*/
        /*    width: 0;*/
        /*    height: 0;*/
        /*    background: rgba(255, 255, 255, 0.5);*/
        /*    border-radius: 50%;*/
        /*    transform: translate(-50%, -50%);*/
        /*    transition: width 0.4s ease, height 0.4s ease;*/
        /*}*/

        .animated-button:hover::before {
            width: 300px;
            height: 300px;
        }
        
        .cash{
		height: 65vh !important; 
		width:46vw;
	}
	.cash2{
		width:100%; 
		height: 64vh; 
		background-size:100% 100% !important;
		border-radius:5px;
	}
    .space{
     	margin-left: 0px;
        margin-right: 0px;
    }
	.space2{
     	margin-left: 2px;
        margin-right: 2px;
    }
	.A1{
    	width:100%;
    	height: 81vh !important;
    	background-size:100% 100% !important; 
    	/* object-fit:cover !important; */
    	object-position: center !important;
		border-radius:5px;
	}
	.carous1 {
		height: 81vh !important; 
		width:31vw  !important;
	}
	.carousel-caption h4 a{
		text-shadow: 2px 2px 5px #00000073 !important;
	}
	.clr{
                background-color: #00bcd417;
				padding-bottom:20px;
            }
            	 .post-title{
	    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	
	@media only screen and (min-width: 1367px) and (max-width: 1496px) {
	     .post-title{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.thumb-title{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.cash {
        height: 73vh !important;
        width: 46vw;
    }
    .cash2 {
        height: 73vh;
        width: 100%;
        background-size: cover !important;
    }
    .A1 {
        height: 83vh !important;
    }
    .carous1 {
        height: 83vh !important;
        width: 30vw !important;
    }
    .space {
        margin-left: 1em;
        margin-right: 1em;
    }
    .space2 {
        margin-left: 2em;
        margin-right: 2em;
    }
    .sidespace {
        margin-left: 0 !important;
    }
    .sidespace2 {
        margin-left: -1em !important;
    }
    .news1 {
        width: 25% !important;
        height: 36vh !important;
        margin-right: 0.5em !important;
    }
    .carousel-caption h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .clari{
        margin-left:-2em;
        margin-right:2em;
    }
     .clari2{
        margin-left:-2em;
        margin-right:2em;
    }
     .left20{
	        margin-left:0em !important;
	    }
	    
	}
	@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	    	 .post-title{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.thumb-title{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.cash {
        height: 73vh !important;
        width: 45vw;
    }
    .cash2 {
        height: 73vh;
        width: 100%;
        background-size: cover !important;
    }
    .A1 {
        height: 83vh !important;
    }
    .carous1 {
        height: 83vh !important;
        width: 30vw !important;
    }
    .space {
        margin-left: 1em;
        margin-right: 1em;
    }
    .space2 {
        margin-left: 2em;
        margin-right: 2em;
    }
    .sidespace {
        margin-left: 0 !important;
    }
    .sidespace2 {
        margin-left: -1em !important;
    }
    .news1 {
        width: 25% !important;
        height: 36vh !important;
        margin-right: 0.5em !important;
    }
    .carousel-caption h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .clari{
        margin-left:-2em;
        margin-right:2em;
    }
     .clari2{
        margin-left:-2em;
        margin-right:2em;
    }
	    .left20{
	        margin-left:0em !important;
	    }
	}
	@media only screen and (min-width: 768px) and (max-width: 1023px) { /* Tablets */
    .cash {
        height: 48vh !important;
        width: 92vw;
    }
    .cash2 {
        height: 49vh;
        width: 100%;
        background-size: cover !important;
    }
    .A1 {
        height: 83vh !important;
    }
    .carous1 {
        height: 83vh !important;
        width: 44vw !important;
    }
    .space {
        margin-left: 1em;
        margin-right: 1em;
    }
    .space2 {
        margin-left: 2em;
        margin-right: 2em;
    }
    .sidespace {
        margin-left: 0 !important;
    }
    .sidespace2 {
        margin-left: -1em !important;
    }
    .news1 {
        width: 49% !important;
        height: 32vh !important;
        margin-right: 0.5em !important;
    }
    .carousel-caption h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .post-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .clr{
                background-color: #00bcd417;
				padding-bottom:20px;
				margin-left:-2em;
            }
}
	
		 @media only screen and (max-width: 480px) {
				.cash{
					height: 27vh !important; 
					width:94vw;
				}
				.cash2{
					width:100%; 
					height: 27vh !important; 
					background-size:100% 100% !important;
					border-radius:5px;
				}
				.A1{
					width:100%;
   				height: 50vh !important;
    			background-size:100% 100% !important; 
    			/* object-fit:cover !important; */
    			object-position: center !important;
					border-radius:5px;
				}
			.carous1{
				height: 50vh !important; 
				width:87vw !important;
			}
            .space{
           		margin-left: -1em;
             	margin-right: 1em;
				width:100vw;
        	}
			 .space2{
           		margin-left: -1em;
             	margin-right: 1em;
				width:107vw;
        	}
		 	.sidespace{
				margin-left:-2em !important;
			}
			 .sidespace2{
				margin-left:-3em !important;
			}
            .clr{
                background-color: #00bcd417;
            }
			 .news1{
		width: 49% !important;
        margin-right: 0.2em !important;
        height: 20vh !important;
	}
			 .carousel-caption h4{
			 	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
			 }
			 .post-title{
	    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
        }
 @media only screen and (max-width: 320px) {
     .A1{
					width:95%;
   				height: 50vh !important;
    			background-size:100% 100% !important; 
    			/* object-fit:cover !important; */
    			object-position: center !important;
					border-radius:5px;
				}
     
 }
        @media only screen and (max-width:375px){
    	 .news1{
		width: 47.6% !important;
		margin-right: 0.5em !important;
				 height:18vh !important;
	}
	.post-title{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
}

    .tender-container {
      width: 100%;
      max-width: 367px;
      height: 217px;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      font-family: Arial, sans-serif;
      position: relative;
      margin: auto;
      /*background: #eeeeee;*/
    }

    /* Table Structure */
    .tender-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    /* Fixed Header */
    .tender-table thead {
      position: sticky;
      top: 0;
      background: #4C585B;
      color: #fff;
    }

    .tender-table th {
      padding: 4px;
      text-align: center;
      text-transform: uppercase;
      font-size: 15px;
      border-bottom: 1px solid #ddd;
    }

    /* Sliding Rows */
    .tender-rows {
  height: 217px; /* Set the height of the visible area */
  overflow: hidden;
  position: relative;
}

.tender-rows tbody {
  position: absolute;
  animation: slide-up 10s linear infinite;
  transform: translateY(-35%);
}

@keyframes slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}


    /* Animation */
    @keyframes slide-up {
      0% {
        top: 100%; /* Start below the container */
      }
      50% {
        top: 0; /* Fully visible */
      }
      100% {
        top: -100%; /* Slide out of view */
      }
    }

    /* Stop Animation on Hover */
    .tender-rows:hover tbody {
      animation-play-state: paused; /* Pause animation when hovered */
    }

    .tender-table td {
      padding: 8px;
      text-align: left;
      font-size: 14px;
      background-color: #f9f9f9;
      color: #333;
      border-bottom: 1px solid #ddd;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .tender-container {
        /*max-width: 300px;*/
      }
    .abc01 {
    height: 20vh !important;
    width:100%;
}
      .tender-table th, .tender-table td {
        font-size: 9px;
        padding: 2px;
      }
    }
    .list0{
											width:50% !important;
										}
										.im0{
											height:34vh;
											width:30vw;
										}
		                            html #tie-block_611 {
                                --brand-color: #0ab3af;
                                --dark-brand-color: #009591;
                                --bright-color: #FFFFFF;
                            }

                            #tie-block_611 {
                                color: #000000;
                            }

                            #tie-block_611 .container-wrapper,
                            #tie-block_611 .flexMenu-popup,
                            #tie-block_611.full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
                                background-color: #e4f7f6;
                            }

                            #tie-block_611 .slider-arrow-nav a:not(:hover),
                            #tie-block_611 .pagination-disabled,
                            #tie-block_611 .pagination-disabled:hover {
                                color: #000000 !important;
                            }

                            #tie-block_611 a:not(:hover):not(.button) {
                                color: #000000;
                            }

                            #tie-block_611 .entry,
                            #tie-block_611 .post-excerpt,
                            #tie-block_611 .post-meta,
                            #tie-block_611 .day-month,
                            #tie-block_611 .post-meta a:not(:hover) {
                                color: #000000 !important;
                                opacity: 0.9;
                            }

                            #tie-block_611.first-post-gradient .posts-items li:first-child a:not(:hover),
                            #tie-block_611.first-post-gradient li:first-child .post-meta {
                                color: #ffffff !important;
                            }

                            #tie-block_611 .slider-arrow-nav a,
                            #tie-block_611 .pages-nav .pages-numbers a,
                            #tie-block_611 .show-more-button {
                                border-color: #c6d9d8;
                            }

                            .block-head-1 #tie-block_611 .the-global-title {
                                border-color: #c6d9d8;
                            }
                            							.ads0{
									
									height:35vh; 
									width:67vw ; 
									margin-bottom: 3em ; 
									margin-left:0em ; 
									margin-top:-2em ;
									border-radius:5px;
									padding: 0px;
								}
								
			                    @media only screen and (min-width: 1367px) and (max-width: 1496px) {
			                        .ads0{
									
									height:27vh; 
									width:67vw ; 
									margin-bottom: 8em ; 
									margin-left: -2em ; 
									margin-top:-2em ;
									border-radius:5px;
									padding: 0px;
								}
								.bigi1{
            background-color: #eeeeee;
            margin-bottom:1em !important;
            margin-left:-2em;
            
        }
			                    }
			                    .abc01{
		                                height: 35vh;
		                                width:100%;
		                            }
                                @media only screen and (max-width:480px){
                                    .ads0{
                                        
									    height:17vh; 
									    width:93vw ; 
									    margin-bottom: 4em ; 
									    margin-left:0em ; 
									    margin-top:0em ;
										border-radius:5px;
										padding: 0px;
		                            }
		                            .abc01{
		                                height: 19vh;
		                                width:100%;
		                            }
                                }
                                @media only screen and (min-width: 1024px) and (max-width: 1366px) {
                                    .ads0 {
                                        height: 20vh;
                                        width: 89vw;
                                        margin-bottom: 10em;
                                        margin-left: -2em;
                                        margin-top: -1em;
                                        border-radius: 5px;
                                        padding: 0px;
    }
    .bigi1{
            background-color: #eeeeee;
            margin-bottom:1em !important;
            margin-left:-2em;
            
        }
                                    
                                }
								
@media only screen and (min-width: 768px) and (max-width: 1023px) { /* Tablets */
    .ads0 {
                height: 20vh;
        width: 89vw;
        margin-bottom: 5em;
        margin-left: 0em;
        margin-top: -1em;
        border-radius: 5px;
        padding: 0px;
    }
    .clari{
        margin-left:-2em;
        margin-right:2em;
    }
    .bigi1{
            background-color: #eeeeee;
            margin-bottom:1em !important;
            margin-left:-2em;
            
        }
}
html #tie-block_3151 {
                                    --brand-color: #4DD0E1;
                                    --dark-brand-color: #d63d32;
                                    --bright-color: #FFFFFF;
                                }
                            
                                                .ij{
                                                    height:35vh !important; 
                                                    width:30vw !important;
                                                }
												   .ii{
												   	height:13.5vh !important;
													width:16vh !important;   
												   }
                                                @media only screen and (max-width:480px){
                                                    .ij{
                                                        height:35vh !important; 
                                                        width:91vw !important; 
                                                }
													.ii{
												   	height:15vh !important;
														width:16vh !important;
												   }
													
                                            }
                                              @media (min-width: 992px) {
            #tiepost-131-section-8509 {
                margin-top: 0px;
                margin-bottom: 00px;
				padding-left: 0em;
                padding-right: 0em;
            }
        }

        @media (min-width: 992px) {
            #tiepost-131-section-8509 .section-item {
                padding-top: 5px;
                padding-bottom: 0px;
            }
        }
        @media only screen and (max-width: 480px) {
            .bigi1{
                background-color: #eeeeee;
                margin-bottom:4em;
            }
        }
        .bigi{
            margin-left:2px;
             margin-right:2px;
        }
        .bigi1{
            background-color: #eeeeee;
            margin-bottom:2em !important;
            
        }

        .tie-skin-inverted #tiepost-131-section-8509 .section-item {
            background-color: #1c1d21 !important;
        }

        #tiepost-131-section-8509 .full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
            background-color: #eeeeee8a;
        }

        #tiepost-131-section-8509 .full-overlay-title li:not(.no-post-thumb) .block-title-overlay .post-meta,
        #tiepost-131-section-8509 .full-overlay-title li:not(.no-post-thumb) .block-title-overlay a:not(:hover) {
            color: #000000;
        }

        #tiepost-131-section-8509 .full-overlay-title li:not(.no-post-thumb) .block-title-overlay .post-meta {
            opacity: 0.80;
        }
		 .carousel-item1 {
            height: 58vh;
            background-size: cover;
            background-position: center;
        }
        
        .carousel-control-prev-icon, .carousel-control-next-icon {
            background-color: black;
        }
        .carousel-container {
            padding-left: 5px;
            padding-right: 5px;
        }
        @media only screen and (max-width:480px){
            .carousel-item1 {
            height: 35vh;
            background-size: cover;
            background-position: center;
        }
        }
         html #tie-block_1160 {
            --brand-color: #00a950;
            --dark-brand-color: #008b32;
            --bright-color: #FFFFFF;
        }
        	.container1{
									background-color:#222327;
									margin-bottom:2em;
									padding-top:1em;
									padding-bottom:0em;
									border-radius:5px;
								}
        .web-stories-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
       .carousel-container1 {
    overflow-x: auto; /* Enable horizontal scrolling */
    display: flex;
    padding-bottom: 1em; /* Padding to prevent overlap with content */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Hide scrollbar for Webkit-based browsers (Chrome, Safari, etc.) */
.carousel-container1::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
.carousel-container1 {
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

        .owl-carousel1 {
			 display: flex; /* Flexbox for horizontal alignment */
    		scroll-behavior: smooth; /* Enable smooth scrolling for touch devices */
   			 -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
        }
        .card1 {
            border: none; /* Remove card border */
            border-radius: 10px; /* Rounded corners */
            overflow: hidden; /* Ensure no overflow */
            min-width: 230px; /* Set a min width for cards */
            margin-right: 10px; /* Space between cards */
			background-color:#222327;
        }
        .card1 img {
            height: 200px; /* Set a fixed height */
            /*object-fit: cover;  Ensure image covers the area */
			border-radius:5px;
        }
								.card1 h5{
								    font-size:1.3em;
									color:white;
									display: -webkit-box;
                                    -webkit-line-clamp: 3;
                                    -webkit-box-orient: vertical;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
								}
								.card1 p{
									color:white;
								}
		 .card1:nth-child(1) h4 {
            color: #00bfa5;
			 background-color:#222327;
			 padding-left:5px;
        }
        .card1:nth-child(2) h4 {
            color: #00bfa5;
			background-color:#222327;
			padding-left:5px;
        }
        .card1:nth-child(3) h4 {
            color: #ff1744;
			background-color:#222327;
			padding-left:5px;
        }
        .card1:nth-child(4) h4 {
            color: #ff9100;
			background-color:#222327;
			padding-left:5px;
        }
        .card1:nth-child(5) h4 {
            color: #2979ff;
			background-color:#222327;
			padding-left:5px;
        }
        .card1:nth-child(6) h4 {
            color: #ff9100;
			background-color:#222327;
			padding-left:5px;
        }
		 .card1:nth-child(7) h4 {
            color: #00bfa5;
			 background-color:#222327;
			 padding-left:5px;
        }
        .card1:nth-child(8) h4 {
            color: #00bfa5;
			background-color:#222327;
			padding-left:5px;
        }
          .ads{
                height: 48vh;
                margin-bottom: 4em;
                width: 27vw;
                margin-left: 10px;
				border-radius:5px;
                }
                @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ads {
        height: 48vh;
        margin-bottom: 3em;
        width: 78vw;
        margin-left: 3em;
        border-radius: 5px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .ads{
                height: 48vh;
                margin-bottom: 4em;
                width: 27vw;
                margin-left: -2em;
				border-radius:5px;
                }
    
}
            @media only screen and (max-width: 480px) {
                    .ads{
                height: 48vh;
                margin-bottom: 2em;
                width: 96vw;
                margin-left: -5px;
				border-radius:5px;
                }
                }
                 #tie-weather-widget-13 {
                    background-color: #5424fb;
                    border: none;
                }

                #tie-weather-widget-13.widget-content-only {
                    padding: 20px;
                }

                #tie-weather-widget-13 {
                    background: #5424fb;
                    background: -webkit-linear-gradient(135deg, #9836e6, #5424fb);
                    background: -moz-linear-gradient(135deg, #9836e6, #5424fb);
                    background: -o-linear-gradient(135deg, #9836e6, #5424fb);
                    background: linear-gradient(135deg, #5424fb, #9836e6);
                }
                 .carousel-container3 {
        position: relative;
        background-color: #f8f9fa;
        padding-top: 1rem;
        border-radius: 10px;
        margin-bottom: 3em;
        height: 50vh;
        width: 29vw;
    }

    .carousel-title3 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .carousel-wrapper3 {
        display: flex;
        overflow: hidden;
        scroll-behavior: smooth;
        gap: 1rem;
    }

    .carousel-item3 {
        min-width: 200px;
        max-width: 200px;
        background-color: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .carousel-item3 img {
        width: 100%;
        height: 19vh;
        border-radius: 5px;
    }

    .carousel-nav3 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .carousel-nav3 button {
        background-color: blue;
        border: none;
        color: #fff;
        font-size: 1rem;
        padding: 0.5rem 1rem;
        border-radius: 50% 50%;
        cursor: pointer;
    }

    .prev1 {
        position: relative;
        top: 50%;
        left: -5px;
    }

    .next1 {
        position: relative;
        top: 50%;
        right: 24px;
    }

    button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .carousel-container3 {
        width: 92vw;
        height: 55vh;
        margin-left: 0;
    }

    .carousel-title3 {
        font-size: 22px;
    }

    .carousel-item3 {
        min-width: 220px;
        max-width: 220px;
    }

    .carousel-item3 img {
        height: 25vh;
    }
}
    
			@media only screen and (max-width:767px){
			 .carousel-container3 {
        position: relative;
        background-color: #f8f9fa;
        padding-top: 1rem;
        border-radius: 10px;
        margin-bottom: 2em;
        height: 60vh;
        width: 103vw;
        margin-left: -1em;
    }
	.carousel-item3 {
        min-width: 200px;
        max-width: 200px;
        background-color: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .carousel-item3 img {
        width: 100%;
        height: 15vh;
        border-radius: 5px;
    }
			}
				.bse{
						height:29vh;
						margin-bottom: 2em;
                		width: 28vw;
                		margin-left: 10px;
						border-radius:5px;
					}
					
					@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bse {
        height: 48vh !important;
        width: 78vw !important;
        margin-left: 3em !important;
        margin-bottom: 2em !important;
    }
}
					@media only screen and (min-width: 1024px) and (max-width: 1366px) {
					    .bse{
						height:29vh;
						margin-bottom: 2em;
                		width: 28vw;
                		margin-left: -2em;
						border-radius:5px;
					}
					    
					}
					@media only screen and (max-width:785px){
						.bse {
    height: 29vh;
    margin-bottom: 2em;
    width: 95vw;
    margin-left: 0px;
    border-radius: 5px;
}
					}
.carousel-container4 {
    position: relative;
    background-color: #f8f9fa;
    margin-top: 1rem;
    border-radius: 10px;
    margin-bottom: 0em;
    height: 45vh;
    width: 96vw;
}

.carousel-title4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.carousel-wrapper4 {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 1rem;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.carousel-wrapper4::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.carousel-item4 {
    min-width: 200px;
    max-width: 200px;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.carousel-item4 img {
    width: 100%;
    height: 22vh;
    border-radius: 5px;
}

.carousel-nav4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.carousel-nav4 button {
    background-color: blue;
    border: none;
    color: #fff;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 50%;
    cursor: pointer;
}

.prev2 {
    left: 10px;
}

.next2 {
    right: 10px;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
	@media only screen and (max-width:480px){
			    .carousel-container4 {
    position: relative;
    background-color: #eeeeee;
    margin-top: 8rem;
    border-radius: 10px;
    margin-bottom: 0em;
    height: 45vh;
    width: 96vw;
}
			    
			}
html #tie-block_612 {
                                --brand-color: #8FA2FF;
                                --dark-brand-color: #8fa2ffc4;
                                --bright-color: #FFFFFF;
                            }

                            #tie-block_611 {
                                color: #000000;
                            }

                            #tie-block_611 .container-wrapper,
                            #tie-block_611 .flexMenu-popup,
                            #tie-block_611.full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
                                background-color: #e4f7f6;
                            }

                            #tie-block_611 .slider-arrow-nav a:not(:hover),
                            #tie-block_611 .pagination-disabled,
                            #tie-block_611 .pagination-disabled:hover {
                                color: #000000 !important;
                            }

                            #tie-block_611 a:not(:hover):not(.button) {
                                color: #000000;
                            }

                            #tie-block_611 .entry,
                            #tie-block_611 .post-excerpt,
                            #tie-block_611 .post-meta,
                            #tie-block_611 .day-month,
                            #tie-block_611 .post-meta a:not(:hover) {
                                color: #000000 !important;
                                opacity: 0.9;
                            }

                            #tie-block_611.first-post-gradient .posts-items li:first-child a:not(:hover),
                            #tie-block_611.first-post-gradient li:first-child .post-meta {
                                color: #ffffff !important;
                            }

                            #tie-block_611 .slider-arrow-nav a,
                            #tie-block_611 .pages-nav .pages-numbers a,
                            #tie-block_611 .show-more-button {
                                border-color: #c6d9d8;
                            }

                            .block-head-1 #tie-block_611 .the-global-title {
                                border-color: #c6d9d8;
                            }
                            html #tie-block_1810 {
            --brand-color: #00afd8;
            --dark-brand-color: #0091ba;
            --bright-color: #FFFFFF;
        }
         @media only screen and (min-width: 768px) and (max-width: 1023px) {
                                                        .io{
                                                            height: 35vh !important;
                                                            width: 41vw !important;
                                                        }
                                                           }
                                                            html #tie-block_304 {
            --brand-color: #f9ae00;
            --dark-brand-color: #db9000;
            --bright-color: #FFFFFF;
        }
         html #tie-block_1837 {
            --brand-color: #9b59b6;
            --dark-brand-color: #7d3b98;
            --bright-color: #FFFFFF;
        }
	.spid{
		margin-top:1em;
	}
        .vid{
            height:76.6vh !important; 
            width:63vw !important;
            background-size: 100% 100% !important;
			
        }
		.vide{
		height:30vh !important; 
        width:19vw !important;
        background-size: 100% 100% !important;
		}
		@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .vid {
        height: 76vh !important;
        width: 90vw !important;
        background-size: 100% 100% !important;
    }
    
}
        @media only screen and (max-width: 480px){
            .vid{
           		height:32vh !important; 
            	width:93vw !important;
           		background-size: 100% 100% !important;
       		}
			.spid{
		margin-top:0em;
	}
			.vide{
		height:22vh !important; 
        width:93vw !important;
        background-size: 100% 100% !important;
		}
        }
        	.carousel-item video{
					height:44vh;
					width:21vw;
				}
				.carousel-item p{
					font-size:1.2em;
					font-weight: 400;
				}
				.s{
					margin-left:1em;
				}
				.pq1{
					/*position:relative;*/
					margin-left:-6em;
				}
				.pq2{
					/*position:relative;*/
					margin-right:-5em;
				}
				.pqs{
					display:none;
				}
				@media only screen and (max-width:480px){
					.caro{
						width:50%;
						
					}
					
					.carousel-item video{
					        height: 35vh;
        width: 100%;
						background-size:100% 100%;
				}
				.carousel-item p{
					font-size:1.2em;
					font-weight: 400;
				}
				.s{
					margin-left:1em;
				}
				.pq1{
					/*position:relative;*/
					margin-left:-3em;
				}
				.pq2{
					/*position:relative;*/
					margin-right:-1em;
				}
					.rew{
						width:90vw;
					}
					.pqr{
					 display:none;
					}
					.pqs{
					display:block;
				}
					.bg-video {
    position: relative;
    top: 0;             
    left: 0;            
    width: 100%;        
    height: 100%;       
    /*object-fit: cover;*/  
    z-index: 1;         
    pointer-events: none; 
}
					.carousel-item .card-body{
						position:relative !important;
						/*bottom: -18em;*/
					
				}

				}
				 .ad12{
        height: 48vh;
         width:29.8vw;
          margin-bottom: 2em;
		 border-radius:5px;
    }
    @media only screen and (min-width: 1024px) and (max-width: 1366px) {
            .ad12{
        height: 45vh;
         width:29.8vw;
          margin-bottom: 2em;
		 border-radius:5px;
		 margin-left:-1em;
    }
    .bse1{
			    height: 25vh;
    			margin-bottom: 2em;
    			width: 28vw;
    			margin-left: -1em;
    			border-radius: 5px;
			}
			.card2 img{
			    width: 7vw !important;
                object-fit: cover;
                border-radius: 5px;
                margin-bottom: 1em !important;
                margin-left: 1em !important;
			}
    }
    @media only screen and (min-width: 1367px) and (max-width: 1600px) {
        	.card2 {
            border: none !important; 
            border-radius: 10px !important; 
            overflow: hidden !important;
            min-width: 203px !important; 
            margin-right: 5px !important; 
			background-color:#222327 !important;
			height: 42vh !important;
			width: 28vw !important;
			display:flex !important;
			flex-direction: row;
            flex-wrap: wrap;
			
        }
		.card2 img {
            height: 12vh !important;
            width: 6vw !important;
            object-fit: cover;
            border-radius: 5px;
            margin-bottom: 1em;
            margin-left: 2em !important;
}

    }
    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ad12 {
        height: 48vh;
        width: 78vw;
        margin-bottom: 2em;
        margin-left: 4em;
        border-radius: 5px;
    }
    .dispnun{
        display:none;
    }
    .bse1{
			    height: 25vh !important;
    			margin-bottom: 2em !important;
    			width: 60vw !important;
    			margin-left: 10em !important;
    			border-radius: 5px !important;
			}
			.bse1 img{
				height:25vh;
			}
			
				.card2 {
            border: none !important; 
            border-radius: 10px !important; 
            overflow: hidden !important;
            min-width: 238px !important; 
            margin-right: 0px !important; 
			background-color:#222327 !important;
			height: 35vh !important;
			width: 91vw !important;
			display:flex !important;
			flex-direction: row;
            flex-wrap: wrap;
			
        }
		.card2 img {
            height: 16vh !important;
            width: 13vw !important;
            object-fit: cover;
            border-radius: 5px;
            margin-bottom: 1em;
            margin-left: 2.5em !important;
}

.soci{
            width:47% !important;
        }
        
        .logo{
            height: 37vh !important;
             width: 41vw !important;
            margin-left: 42px !important;
            border-radius: 20px 20px 20px 20px;
        }
         .f{
                font-size:0.8rem !important;
                margin-bottom: 16px;
                display:block;
            }
            
            .wre{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px;
                margin-left: -3em !important;
                
            }
            .cel1{
					float:left;
                    width:30%;
				 	
            }
				.cel2{
					float:right;
                    width:35%;
					
            }
            .men
                {
                font-size:0.8rem;
                margin-bottom: 8px;
               font-weight: 600;
					color:white;
            }
            .men1{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px; 
                color:white;
            }
            .ris{
                margin-left:-4em;
            }
			

    }
    @media only screen and (max-width: 480px){
        .ad12{
            height: 45vh;
            width:96vw;
            margin-bottom: 5em;
			margin-left:-0.5em;
			border-radius:5px;
        }
    }
    .bse1{
			    height: 45vh;
    			margin-bottom: 2em;
    			width: 28vw;
    			margin-left: 10px;
    			border-radius: 5px;
			}
			.bse1 img{
				height:45vh;
			}
			@media only screen and (max-width:767px){
				.bse1 {
    height: 25vh;
    margin-bottom: 2em;
    width: 95vw;
    margin-left: 0px;
    border-radius: 5px;
}
				.bse1 img{
				height:25vh;
				}
				
				
			}
.container2{
									    background-color: #222327;
    									margin-bottom: 1em;
    									padding-top: 1em;
    									padding-bottom: 1em;
										border-radius:5px;
										overflow:hidden !important;
										width:28vw;
								}
        .Games-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2px;
        }
        .carousel-container2 {
    overflow-x: auto !important; /* Enable horizontal scrolling */
    display: flex;
    padding-bottom: 1em; /* Padding to prevent overlap with content */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Hide scrollbar for Webkit-based browsers (Chrome, Safari, etc.) */
.carousel-container2::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
.carousel-container2 {
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

        .owl-carousel2 {
			 display: flex; /* Flexbox for horizontal alignment */
    		scroll-behavior: smooth; /* Enable smooth scrolling for touch devices */
   			 -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
        }
        .card2 {
            border: none !important; /* Remove card border */
            border-radius: 10px !important; /* Rounded corners */
            overflow: hidden !important; /* Ensure no overflow */
            min-width: 203px !important; /* Set a min width for cards */
            margin-right: 10px !important; /* Space between cards */
			background-color:#222327 !important;
			height: 42vh ;
			width: 26vw ;
			display:flex !important;
			flex-direction: row;
            flex-wrap: wrap;
			
        }
        .card2 img {
            height: 12vh;
    		width: 6vw ;
            object-fit: cover; /* Ensure image covers the area */
			border-radius:5px;
			margin-bottom:1em;
			margin-left:3em ;
        }
		@media only screen and (max-width:480px){
			.card2 {
            border: none !important; 
            border-radius: 10px !important; 
            overflow: hidden !important;
            min-width: 203px !important; 
            margin-right: 0px !important; 
			background-color:#222327 !important;
			height: 35vh !important;
			width: 80vw !important;
			display:flex !important;
			flex-direction: row;
            flex-wrap: wrap;
			
        }
		.card2 img {
            height: 10vh;
    		width: 18vw !important;
            object-fit: cover; /* Ensure image covers the area */
			border-radius:5px;
			margin-bottom:1em;
			margin-left:2em !important;
        }		
        					.container2{
									    background-color: #222327;
    									margin-bottom: 1em;
    									padding-top: 1em;
    									padding-bottom: 1em;
										border-radius:5px;
										overflow:hidden !important;
										width:95vw;
								}
		}					
		 
		 html #tie-s_1441 {
            --brand-color: #dd3333;
            --dark-brand-color: #bf1515;
            --bright-color: #FFFFFF;
        }
        .hide{
            display:none;
        }
        /* hide show */
        .show{
            display :block;
            width:99% !important;
            height:max-content !important; 
        }
        .imgin{
            height:42vh !important;
            width:30vw !important;
        }
        @media only screen and (max-width:480px){
            .imgin{
            height:42vh !important;
            width:91vw !important;
        }
			 .show{
            display :block;
            width:106% !important;
            height:max-content !important; 
        }
			.wid{
				width:96vw;
			}
        }
         #loadmore2{
            color:white;
            background-color:black;
            height:8vh;
            width:10vw;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            
        }
        #loadmore2:hover{
            box-shadow: 5px 5px lightgray;
        }
        @media only screen and (max-width:480px){
            #loadmore2{
            color:white;
            background-color:black;
            height:8vh;
            width:24vw;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            
        }
        }
         .logo{
            height: 29vh;
             width: 22vw;
            margin-left: 58px;
            border-radius: 20px 20px 20px 20px;
        }
        .soci{
            width:35%;
        }
        .follow{
            line-height: 36px !important;
        }
		.sub1{
			margin-left:10px; 
			color:white;
			margin-bottom:5px;
		}
		
		.footer-lights {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}

.footer-lights .light {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  animation: sparkle 1.5s infinite ease-in-out;
}

.light.red {
  background-color: #ff4d4d;
  animation-delay: 0s;
}

.light.green {
  background-color: #4dff4d;
  animation-delay: 0.5s;
  margin-top:1.5em;
}

.light.yellow {
  background-color: #ffff4d;
  animation-delay: 1s;
  margin-top:2.5em;
}

.light.blue {
  background-color: #4d4dff;
  animation-delay: 1.5s;
  margin-top:1.5em;
}

@keyframes sparkle {
  0%, 100% {
    box-shadow: 0 0 5px currentColor;
  }
  50% {
    box-shadow: 0 0 15px currentColor;
  }
}

.footer-presents {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
}

.present {
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.present-red {
  background-color: #ff4d4d;
}

.present-green {
  background-color: #4dff4d;
}

.present-blue {
  background-color: #4d4dff;
}

.present:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}
.tree{
                            height: 26vh;
                            width: 13vw;
                            position: absolute;
                            margin-left: 1em;
                        }
.tree1{
                            height: 26vh;
                            width: 13vw;
                            position: absolute;
                            margin-left: -18em;
                        }
		@media only screen and (max-width: 480px){
			.logo{
            height: 17vh;
             width: 42vw;
            margin-left: 5px;
            border-radius: 20px 20px 20px 20px;
				margin-top:2em;
        }
        .soci{
            width:50% !important;
        }
        .follow{
            line-height: 36px !important;
        }
		.sub1{
			    margin-left: 2px;
    			color: white;
    			margin-bottom: 0px;
    			float: right;
    			width: 48vw;
    			margin-top: 4em;
		}
			.mc-field-group input{
				margin-top:0.5em;
				margin-bottom:0.5em;
			}
				.footer-lights {
  display: flex;
  justify-content: center;
  gap: 0px ;
  margin-bottom: 15px;
}
.diplaynone2{
    display:none;
}
		}
		@media only screen and (max-width: 399px){
			.sub1{
			    margin-left: 2px;
    			color: white;
    			margin-bottom: 0px;
    			float: right;
    			width: 48vw;
    			margin-top: 2em;
		}
			.mc-field-group input{
				margin-top:0.5em;
				margin-bottom:0.5em;
			}
		}
		@media only screen and (max-width: 375px){
			.sub1{
			    margin-left: 2px;
    			color: white;
    			margin-bottom: 0px;
    			float: right;
    			width: 48vw;
    			margin-top: -9em !important;
		}
			.mc-field-group input{
				margin-top:0.5em;
				margin-bottom:0.5em;
			}
		}
		@media only screen and (max-width: 320px){
			.sub1{
			    margin-left: 2px;
    			color: white;
    			margin-bottom: 0px;
    			float: right;
    			width: 48vw;
    			margin-top: -9em;
		}
			.mc-field-group input{
				margin-top:0.5em;
				margin-bottom:0.5em;
			}
		}
		
		 @media only screen and (max-width:320px){
                            .lof{
                            margin-left:-2em !important;
                        }
                        }
                        .f{
                font-size:1rem;
                margin-bottom: 16px;
                display:block;
            }
            .b{
                font-weight:700;
                text-transform: uppercase;

            }
            .wre{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px;
                
            }
            @media only screen and (max-width:480px){
                .wre{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px;
                display:flex;
            }
            .f{
                font-size:0.8rem;
                margin-bottom: 8px;
                display:block;
            }
            .b{
                font-weight:600;
                text-transform: uppercase;

            }
				.flo{
					float:right;
					width:50%;
				}
				.flo1{
					float:left;
					width:50%;
				}
            }
             .latest{
                    word-wrap: break-word;
                    font-size:1rem;
                    list-style-type:disc  !important;
                    margin-bottom:10px;
                }
				@media only screen and (max-width:480px){
					.latest{
                    	word-wrap: break-word;
                    	font-size:0.8rem;
                    	list-style-type:disc  !important;
                    	margin-bottom:5px;
                }
					.disk{
						display:none;
					}
					.size{
						font-size:1rem;
					}
				}
				 .men
                {
                font-size:1rem;
                margin-bottom: 16px;
               font-weight: 700;
					color:white;
            }
            .men1{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px; 
                color:white;
            }
            
            @media only screen and (max-width:480px){
             .cel1{
					float:left;
                    width:50%;
				 	
            }
				.cel2{
					float:right;
                    width:50%;
					
            }
            .men
                {
                font-size:0.8rem;
                margin-bottom: 8px;
               font-weight: 600;
					color:white;
            }
            .men1{
                border-bottom:1px solid lightgray; 
                margin-bottom:10px; 
                color:white;
            }
			
            }
                  /* Snowfall Styling */
    .snow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      pointer-events: none;
    }

    .snowflake {
      position: absolute;
      top: -10px;
      width: 8px;
      height: 8px;
      background-color: #ffffff;
      border-radius: 50%;
      opacity: 0.6;
      animation: snowflakes 20s linear infinite;
    }

    @keyframes snowflakes {
      0% {
        transform: translateX(0) translateY(0);
      }
      10% {
        transform: translateX(0) translateY(140vh);  /* Snowflakes now fall vertically */
      }
      20% {
        transform: translateX(0) translateY(280vh);  /* Snowflakes now fall vertically */
      }
      30% {
        transform: translateX(0) translateY(420vh);  /* Snowflakes now fall vertically */
      }
      40% {
        transform: translateX(0) translateY(560vh);  /* Snowflakes now fall vertically */
      }
      50% {
        transform: translateX(0) translateY(700vh);
      }
      60% {
        transform: translateX(0) translateY(840vh);  /* Snowflakes now fall vertically */
      }
      70% {
        transform: translateX(0) translateY(980vh);  /* Snowflakes now fall vertically */
      }
      80% {
        transform: translateX(0) translateY(1120vh);  /* Snowflakes now fall vertically */
      }
      90% {
        transform: translateX(0) translateY(1260vh);  /* Snowflakes now fall vertically */
      }
      100% {
        transform: translateX(0) translateY(1400vh);  /* Snowflakes now fall vertically */
      }
    }
 #backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #0066cc;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 2em;
    cursor: pointer;
    display: none;
    z-index: 10000;
  }

  #backToTop:hover {
    background-color: #005bb5;
  }
  	#cookieConsent {
    font-family: Arial, sans-serif;
    border-top: 1px solid #ccc;
}
	.cancel{
		margin-left: 10px; 
		background-color: #f44336;
		color: white;
		border: none;
		padding: 5px 10px;
		cursor: pointer;
	}
	.allow{
		margin-left: 10px;
		background-color: #4CAF50;
		color: white; 
		border: none;
		padding: 5px 10px; 
		cursor: pointer;
	}
	.cook{
		display: none; 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		right: 0; 
		background-color: #333; 
		color: white; 
		padding: 15px; 
		text-align: center; 
		z-index: 1000;
	}
	 .main {
        display: none;
        margin-top: -3.5em; 
        margin-left: 10em;
    }
    @media only screen and (min-width: 16001px){
         
         
         .main {
        display: none;
        margin-top: -0.5em; 
        margin-left: 8em;
        font-size:2em;
    }
    }
    @media only screen and (min-width: 1367px) and (max-width: 1496px) {
        .main {
        /*display: none;*/
        margin-top: -6.5em; 
        margin-left: 10em;
    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1366px) {
        .main {
        display: none;
        margin-top: -7.5em; 
        margin-left: 8em;
    }
    .head{
        margin-left: 9px;
        margin-right: 1px;
    }
    }
    	.dep{
		width:30% !important;
	}
	.lg{
		max-height: 15vh !important; 
		width: 30vw; 
		margin-left: 2em; 
		margin-top: -0.8em;
		display:none;
	}
	@media only screen and (max-width:768px){
		.lg{
			max-height: 15vh !important; 
			width: 30vw; 
			margin-left: 2em; 
			margin-top: -0.8em;
			display:block;
		}
		.container2{
									    background-color: #222327;
    									margin-bottom: 1em;
    									padding-top: 1em;
    									padding-bottom: 1em;
										border-radius:5px;
										overflow:hidden !important;
										width:95vw;
								}
	
	}
	@media only screen and (max-width:320px){
		.lg{
			max-height: 15vh !important; 
			width: 44vw !important; 
			margin-left: 2em; 
			margin-top: -0.8em;
			display:block;
		}
	}
	.weth2 {
    color: black;
    height: 10vh;
    width: 20vw;
}

.weth1 {
    color: red;
    height: 5vh;
    width: 15vw;
}

.mit {
    width: 75vw !important;
    height: 18vh !important;
    margin-right: 6px !important;
}

/* Large Screens (Desktops & Larger Laptops) */
@media only screen and (min-width: 1024px) {
    .gap21 {
        gap: 8em;
    }

    .mit {
        width: 98vw !important;
        height: 18vh !important;
        margin-right: 6px !important;
    }
}

/* Tablets (Medium Screens) */
@media only screen and (max-width: 1023px) and (min-width: 481px) {
    .mit {
        width: 98vw !important;
        height: 23vh !important;
        margin-right: 4px !important;
    }

    .gap21 {
        gap: 5em;
    }

    .wetr {
        position: relative;
        top: -3.6em;
        left: 0em;
    }
    
    .miss, .miss2 {
        margin-top: 1em;
    }
}

/* Small Screens (Mobile Devices) */
@media only screen and (max-width: 480px) {
    .mit {
        width: 97vw !important;
        height: 14vh !important;
        margin-right: 0px !important;
    }

    .res {
        margin-left: 4em;
    }

    .wetr {
        position: relative;
        top: -3.4em;
        left: 1.1em;
    }

    .miss, .miss2 {
        margin-top: 1em;
    }
}

/* Very Small Screens */
@media only screen and (max-width: 399px) {
    .res {
        margin-left: 2em;
    }

    .wetr {
        position: relative;
        top: -3.4em;
        left: 0.1em;
    }
}

@media only screen and (max-width: 375px) {
    .res {
        margin-left: 2em;
    }

    .wetr {
        position: relative;
        top: -3.5em;
        left: 0.1em;
    }
}

@media only screen and (max-width: 320px) {
    .res {
        margin-left: 2em;
    }

    .wetr {
        position: relative;
        top: -3.6em;
        left: 0.1em;
    }

    .miss {
        margin-top: 0.5em;
        margin-left: -2.2em !important;
    }

    .miss2 {
        margin-top: 0.5em;
        margin-left: -2.5em !important;
    }

    .weth1 {
        top: -3.6em !important;
    }
}
  .cal{
        width:10vh;
    }
	.dis{
		display:none;
		height:fit-content;
		width:100vh;
		float:right;
	}
	.dis li a{
		color:white;
	}
	.lov{
			background-size: 100% 100%;
    max-height: 15vh !important;
    width: 30vw;
    margin-left: 1em;
    margin-top: 1.2em;
    position: absolute;
    left: 0em;
		display:block;
	}
	@media only screen and (max-width:767px){
		.lov{
			background-size: 100% 100%;
    max-height: 15vh !important;
    width: 30vw;
    margin-left: 1em;
    margin-top: 1.2em;
    position: absolute;
    left: 0em;
		display:none;;
	}
	}
	 body {
        margin: 0;
        font-family: Arial, sans-serif;
    }

    .nav {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        background-color: #1a1a1a;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }

    .me {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: #1a1a1a;
        display: none;
        flex-direction: column;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        color: white;
        position: fixed;
        top: 0;
        left: 0;
        padding: 1em;
    }

    .me li {
        margin-bottom: 15px;
    }

    .me .menu-item {
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 5px;
        transition: background-color 0.3s, border 0.3s;
    }

    .me .menu-item:hover {
        background-color: #333;
        border: 1px solid #555;
    }

    .submenu {
        list-style-type: none;
        margin: 0;
        padding: 0.5em 1em;
        background-color: #333;
        border-left: 3px solid #555;
        display: none;
        flex-direction: column;
    }
    

    .submenu li {
        margin-bottom: 10px;
    }

    .submenu a {
        font-size: 1rem;
        color: #ddd;
        text-decoration: none;
        transition: color 0.3s;
    }

    .submenu a:hover {
        color: #fff;
    }

    .menu-item span {
        font-size: 0.8rem;
        color: #999;
        transition: color 0.3s;
    }

    .menu-item:hover span {
        color: #fff;
    }

    .menu-item:hover + .submenu {
        display: flex;
    }

    .cross {
        align-self: flex-end;
        background-color: #e74c3c;
        border: none;
        color: white;
        padding: 10px;
        font-size: 1rem;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s;
        float:right;
    }

    .cross:hover {
        background-color: #c0392b;
    }
     .head{
        margin-left: 13px;
        margin-right: 32px;
    }
    @media only screen and (max-width: 480px) {
        .head{
            margin-left: 13px;
            margin-right: 32px;
    }   
		.stick{
		position:sticky;
			
		}
        }
         #gifContainer1 {
      margin-top: -105px;
    }
    .hidden1 {
      display: none;
    }
	  #animatedGif1{
	  height:5vh; 
		width:4vw;
	  }
	  #gifContainer {
      margin-top: 120px;
		z-index:2;
    }
    .hidden {
      display: none;
    }
     .weth{
        color:white;
         height:10px; 
         width:10px;
    }
    .weth1{
        color:orange;
         height:20px; 
         width:20px;
    }
	.sear{
		display:none;
	}
	.advertise:before{
	content: "Advertisement";
    display: block;
    color: #777;
    font-size: 14px;
    line-height: 16px;
    font-family: "Lato", sans-serif;
    margin-bottom: 0px;
    text-align: center;
    background-color: #e5e5e5;
	}
	
.custom-date-time {
    position: fixed;
    left: 20px;
    bottom: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-date-time {
        font-size: 16px;
        left: 10px;
        bottom: 10px;
    }
}


.premium-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0669ff;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 10px;
    border-radius: 5px;
    text-transform: uppercase;
}

  .shar {
            animation: shake 0.3s ease-in-out;
        }

        @keyframes shake {
            0% { transform: translateX(0); }
            25% { transform: translateX(-5px); }
            50% { transform: translateX(5px); }
            75% { transform: translateX(-5px); }
            100% { transform: translateX(0); }
        }