.text-success{
	    color:#19D490 !important;
	}
	.text-danger{
	    color:#FF006D !important;
	}
	
	.text-warning{
	    color:#FFBD00 !important;
	}
	.secondBgColor{ background: #FFBD00; }

	.textGreen{
	    color:#49DCA7;
	}
	.border-success{
	    border-color:#19D490 !important;
	}
	.thumb-text{
        position: absolute;
        top: -8px;
        right: 15px;
        background: url(../images/event/img-1.png) no-repeat center center / cover;
        width: 60px;
        height: 85px;
        text-align: center;
        padding-top: 4px;
        padding-right: 8px;
    }
	.fontSize{
	    font-size:3em;
	}
	.section-box-1:before {
        content: '';
        position: absolute;
        background-color: #ff006ddb;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
	}
	 .iframeDiv{
	    height: 320px !important;
        border: 1px solid #c0bbbd;
        border-radius: 5px;
        width:100%;
	 }
	 #\:2\.container {
        display: none; /* Hides the iframe */
    }
		.donateTab{
			width: 30px !important;
			height: 30px!important;
/*			background-color: #FF006D!important;*/
            background-color: #FF006D;
    }
    .bdbottomborder {
        border-bottom: 1px solid #eaeaea;
    }
    .bgColorSecond {
        background-color: #f2f2f2;
    }
    .bgColorThird{
        background-color:#f8b864;
    }
    .galleryImg{
        width:100% !important;
        height:247px !important;
    }
    .teamImg{
        width:100%;
        height:250px;
    }
    .brandText{
        font-size:1.2em;
    }
    
     .slider-container {
            width: 100%;
            max-width: 1200px;
            margin: auto;
            overflow: hidden;
            position: relative;
        }
        .slider-wrapper {
            display: flex;
            transition: transform 0.5s ease;
        }
        .slider-item {
            flex: 0 0 25%; /* 4 items on desktop */
            box-sizing: border-box;
            padding: 10px;
        }
        .slider-item img {
            width: 100%;
            height: auto;
            display: block;
        }
        .slider-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .slider-nav button {
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            color: white;
            padding: 10px;
            cursor: pointer;
        }
        @media (max-width: 768px) {
            .slider-item {
                flex: 0 0 100%; /* 1 item on mobile */
            }
        }
        
        
        /* Extra small devices (phones, 600px and down) */
        @media only screen and (max-width: 600px) {
          .banner.owl-carousel {height: 200px !important;}
           .cardDiv{ padding-top:4px !important;}
        }
        
        /* Small devices (portrait tablets and large phones, 600px and up) */
        @media only screen and (min-width: 600px) {
          .banner.owl-carousel {height: 250px !important;}
          .cardDiv{ padding-top:4px !important;}
        }
        
        /* Medium devices (landscape tablets, 768px and up) */
        @media only screen and (min-width: 768px) {
          .banner.owl-carousel {height: 280px !important;}
          .cardDiv{ padding-top:4px !important;}
          .hideLargeScreen{display:none !important;}
        } 
        
        /* Large devices (laptops/desktops, 992px and up) */
        @media only screen and (min-width: 992px) {
          .banner.owl-carousel {height: 300px !important;}
          .hideLargeScreen{display:none !important;}
           /*.cardDiv{ padding-top:4px !important;}*/
        } 
        
        
        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (min-width: 1200px) {
          .banner.owl-carousel {height: 100% !important;}
          .hideLargeScreen{display:none !important;}
           /*.cardDiv{ padding-top:4px !important;}*/
        }
        
        .textSm{
                font-size:15px;
            }
        .bgColor{
            background-color:#19D490 !important;
        }
        .footer .footer-item .footer-title{
            padding-top:10px !important;
            padding-bottom:2px !important;
        }
        /*.header-1 .navbar-main{*/
        /*    background-color:#FF006D !important;*/
        /*    color:#fff !important;*/
        /*}*/
        /*.header-1 .navbar-main:hover{*/
        /*    color:#000;*/
        /*}*/
        /*.header-1 .navbar-main .navbar-nav .active > .nav-link{*/
        /*    color:#000 !important;*/
        /*}*/
        /*.navbar-main .navbar-toggler-icon{*/
        /*    background-image:url({{asset('public/toggler_icon.png')}});*/
        /*}*/
        .certificate{
            width:100%;
            height:350px;
        }
        .banner1Image{
            width:100%;
            height:514 px;
        }
        
        .banner2Image{
            width:100%;
            height:300px;
        }
        .banner3Image{
            width:100%;
            height:206px;
        }
        .initiveDecLength{
            height:60px;
            color:#333333 !important;
        }
        
        .initiveEventImg{
        width:100% !important;
        height:250px !important;
        }
        .initiveBox{
           background-color:#F8F8F8 !important;    
        }
        
        /*// header menu */
        .header-1 .navbar-main {
            background-color: #FF006D !important;
        }
        .header-1 .navbar-main .navbar-nav .active > .nav-link{
            color:#fff !important;
            /*background-color: #fff !important;*/
            /*border :1px solid #FF006D;*/
        }
        .navbar-main .dropdown-toggle::after{
            color:#fff !important;
        }

        .header-1 .navbar-main .navbar-nav .nav-link:hover, .header-1 .navbar-main .navbar-nav .nav-link:focus{
             color:#fff !important;
            /*background-color: #fff !important;*/
            /*border :1px solid #FF006D;*/
        }
        .navbar-main .dropdown-menu{
             background-color: #FF006D !important;
        }
        
        .box-icon-1 .icon{
            background:none !important;
        }
        .txtColor{
            color:#19d490 !important;
        }
    .navbarToggler{
        position: absolute !important;
        float: right !important;
        border: 0px solid transparent !important;
        right: 14px  !important;
        margin: 0  !important;
        padding: 0  !important;
        /*top: 18px  !important;*/
         
    /*background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,112,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); */
    }
    .imgLogo{
        width:90px  !important;
    }
    /**************************** blog css  ********************************/
     .eventImg{
        width:100% !important;
        height:250px !important;
    }
    .box-fundraising{
       background-color:#F8F8F8 !important;    
    }
    .text{
        color:#816f6f;
    }
    .scrollDiv{
         overflow-x:scroll;
         /*text-overflow: ellipsis;*/
         white-space: nowrap;
         width: 100%; /* Adjust as needed */
    }
    .scrollDiv::-webkit-scrollbar {
        width:5px;
        height:2px;
        background-color:#FF7000;
    }
    
    .scrollDiv2{
         overflow-x:scroll;
         /*text-overflow: ellipsis;*/
         white-space: nowrap;
         width: 100%; /* Adjust as needed */
    }
    .scrollDiv2::-webkit-scrollbar {
        width:5px;
        height:0px;
        /*background-color:#FF7000;*/
    }
    
     .hover-bg-primary:hover {
                    background-color: #f0f8ff; /* subtle hover background */
                    color: #0d6efd !important; /* primary bootstrap color */
                    transition: all 0.3s ease;
                }
                .blog-sidebar {
                    position: sticky;
                    top: 20px;
                }