p,a,li,{
     font-family: "Comfortaa", serif!important;
}


h1,h2,h3,h4,h5,h6{
    /*font-family: "Castoro", serif!important;*/
    font-family: "Comfortaa", serif!important;
        font-weight: 600;
        letter-spacing:1px;
}
/*p{*/
/*    color:#282828;*/
/*}*/

.addtb{
    padding:15px 25px;
    color:#fff;
    font-weight:600;
    background-color:#1f3bb1;
    margin:15px 0px;
    display:block;
    text-align:center;
}
.addtb:hover{
    color:#fff;
   
}
.addtcard{
    padding:20px;
    height:100%;
}

.iconcard{
    text-align:center;
}
.iconcard img{
    margin-bottom:15px;
}
.iconcard h3{
    font-size:20px;
    font-weight:600;
    
}
.iconcard p{
    font-size:14px;
   color:#282828;
    
}
.vercard{
    padding:20px 15px;
    height:100%;
        box-shadow: -2px 0px 5px #8e8e8e;
        text-align:center;
        margin-bottom:15px;
}
.vercard ul{
    list-style:none!important;
    padding-left:0px;
}
.vercard sub{
    font-size:12px;
}

.vercard p{
   color:#282828;
}
.dark{
    background-color:#000000ad;}
.btn-spandan {
    background: #fdd340;
    border: 2px solid #f8f8f8;
    color: #333 !important;
}
.btn-spandan:hover {
    background: #282f34;
    border: 2px solid #fdd340;
    color: #FFFFFF !important;
}
.yellow {
    color: #fdd340;
} 
.btn-spandan-y {
    background: #fdd340;
    border: 2px solid #f8f8f8;
    color: #333 !important;
}
.btn-spandan-y:hover {
    background: #282f34;
    border: 2px solid #fdd340;
    color: #FFFFFF !important;
}
.animal-item__icon img {
    width: 60px;
} 
.campaign-item {
    background: white;
}
.campaign-item {
    background: white;
    padding: 10px;
}

.abimg img{
    border-radius:20px;
}

.spcol{
    color:#24552c;
}

.animal-item:hover{
    background-color:#ffd872;
}
.div-h{
    height:100%;
}
.footer-list{
    padding-left:0px;
}
.footer-list li a{
   font-size:16px;
   margin-bottom:10px;
   color:#bdbdbd!important;
}
.footer-list li {
   list-style:none!important;
       margin-bottom: 10px;
}

.footer-list p{
   font-size:16px;
   margin-bottom:10px;
   color:#fff!important;
}



.bestcard h2{
    font-size:24px ;
    font-weight:600;
    color:#1a7bff;
}
.bestcard p{
    color:#282828;
}
.secpad{
    padding:70px 0px;
}


		    @keyframes upDownAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.animatelogo {
  animation: upDownAnimation 2s ease-in-out infinite;
}
	.banelist{
	    list-style:none;
	    font-size:18px;
	}

	.banelist li{
	    margin-left:10px;
	    color:#fff;
	} 
	
	
	
	
	
	
	.topbtn {
	    padding:5px 5px;
	    color:red;
	    font-size:12px;
	    font-weight:500;
	    margin:10px 0px;
	    background-color:#fce7f3;
	    border-radius:3px;
	}
	.featurewrap{
	    display:flex;
	    align-items:center;
	    gap:20px;
	        border-radius: 24px;
    overflow: hidden;
        box-shadow: 0px 0px 17px #ebebeb;
            margin-top: 20px;

	}
	.featurewrap p{
	    color:#555;
	}
	.fecttext{
	    margin:15px 0px;
	}
	.featimg  {
	    width:100%;
	    overflow:hidden;
	} 
		.featimg img {
	    width:250px;
	   height:300px;
	   object-fit:cover;
	} 
	
	.featcontain{
	    padding:20px 20px 0px 0px;
	}
	      .fectpro{
	          display:flex;
	          align-items:center;
	          gap:20px;
	      }
	      .fectpro img{
	          width:64px;
	          height:64px;
	          border-radius:50%;
	      }
	    .fectpro h5{
	        font-size:18px;
	        font-weight:500;
	        line-height: 20px;
	    }
	     .fectpro h5 span{
	        font-size:13px;
	        font-weight:300;
	    }
	    
	    .fectpro p,.fecttext p{
	        color:#555;
	    }
	    
	    .linkf a{
	        color:#7209b7;
	        text-align:end;
	    }
	       .linkf {
	        text-align:end;
	        margin-bottom:20px;
	    }
	    
	    
	    @media screen and (max-width:767px){
	        .featimg img {
	            width:100%;
	            margin-bottom:10px;
	        }
	        
	        	.featurewrap{
	        	    display:block;
	        	}
	    }
	    
	 /* Container for the scrolling logos */
.logo-marquee {
  width: 100%;
  /*overflow: hidden;*/
  background-color: #fff; /* Optional background */
}

/* The container that holds all logos */
.logo-container {
  display: flex;
  animation: marquee 20s linear infinite;
  transition:all linear 1s;
}

/* Individual logo items */
.logo-item {
  flex-shrink: 0;
  margin-right: 20px; /* Space between logos */
}

/* Keyframes for the marquee effect */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Optional: Make logos responsive */
.logo-item img {
  max-width: 200px;
  height: auto;
  display: block;
}

/*.logo-marquee:hover .logo-container {*/
/*  animation-direction: reverse;*/
/*}*/
    
}



.pagepad{
    padding:120px 0px;
    
} 
.secheight{
    height:730px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    background-attachment:fixed;
    /*padding-top:100px;*/
}   

.whitewrp{
    display:flex;
    align-items:center;
    /*height:500px;*/
    justify-content: center;
    margin-bottom:50px;
}
.herocon img {
    width:250px;
    margin:20px 0px;
}
.herocon h2 {
    font-size:50px;
    line-height:57px;
    font-weight:600;
    color:#000;
    
}

.herocon p {
    font-size:17px;
    line-height:24px;
    font-weight:300;
    color:#000;
}

.whitecard {
    background-color:#ffffffc9;
    padding:40px 30px;
    color:#282828;
    border-radius:25px;
    /*text-align:center;*/
    width:500px;
    /*height:500px;*/
    
}
.whitecard p{
    font-size:18px;
    font-weight:500;
    margin:15px 0px;
       color:#282828;
    
}


.whitecard p:last-of-type {
    font-size: 14px; 
}
.whitecard p span{
    font-size:50px;
    font-weight:900;
}
.whitecdbt a{
    display:block;
}

.    .horizontal-tabs .r-tabs-panel{
    background-color:#fefefe00;
            border: 1px solid #cacaca;
}




  

/* Base styles for the tabs block */
.tabs {
width: 100%;
max-width: 980px;
margin: 0 auto;
border: 1px solid #ddd;
overflow: hidden;
}

.tabs__labels {
display: flex;
width: 100%;
justify-content: space-between;

}

/* Hide radio inputs */
.tabs__input {
display: none;
}

/* Style labels (tab buttons) */
.tabs__label {
display: block;
flex-grow: 1;
padding: 1rem;
font-size: 1.2rem;
background-color: #f9f9f9;
border-bottom: 1px solid #ddd;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease;
color: #858585;
}

.tabs__label span {
display: block;
font-size: .65em;
text-transform: uppercase;
margin-top: .25rem;
}

.tabs__label:hover {
background-color: #1f3bb1;
color:#fff;
}

/* Highlight active tab */
#tab-1:checked ~ .tabs__labels label[for="tab-1"],
#tab-2:checked ~ .tabs__labels label[for="tab-2"],
#tab-3:checked ~ .tabs__labels label[for="tab-3"] {
background-color: #1f3bb1;
border-bottom: 2px solid #111;
color:#fff;
}

/* Content container */
.tabs__content {
padding: 3rem 2rem;
background-color: #fff;
width: 100%:
}

/* Panels (content for each tab) */
.tabs__panel {
display: none;
animation: fadeIn 0.3s ease;
/*columns: 3;*/
/*column-width: 300px;*/
/*column-gap: 2rem;*/
}

@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.tabs__panel-image {
margin-bottom: 2rem;
}

/* Show the active tab's content */
#tab-1:checked ~ .tabs__content #tab-panel-1,
#tab-2:checked ~ .tabs__content #tab-panel-2,
#tab-3:checked ~ .tabs__content #tab-panel-3 {
display: block;

}

.tabcontain p{
    color:#282828;
    font-size:18px;
    
}
.tabcontain p span{
    color:#000;
    font-size:50px;
    font-weight:800;
    
}
.tabcontain p:last-of-type {
    font-size: 14px; 
}
.tabcontain p:first-of-type {
    color:#000;
}
.tbbor{
    border-bottom:1px solid #282828;
    margin-bottom:25px;
}

.ctc2 {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
}
.ctc2 h2{
    font-size:28px;
    font-weight:600;
    line-height:34px;
}
.ctc1{
    width:100%;
    border-radius:25px;
    overflow:hidden;
}
.ctc1 img{
    width:100%;
    object-fit:cover;
}

.containdiv{margin-bottom:25px;}
.containdiv p{
    color:#000;
    
}
.containdiv h2{
    font-size:32px;
    font-weight:600;
    line-height:40px;
}

.bgcom{
    background-color:#f5f5dc;
}

table{
    border: 1px solid #000;
}
 th,td{
    padding:5px!important;
    border:1px solid #000 !important;
    color:#282828 !important;
}
.ctcwrpo{
    background: #ecf6ff; border-radius: 25px;     background-image: repeating-linear-gradient(45deg, #c2fbff9c, transparent 100px);

}

    .ctc-button {
  display: block;
  background: linear-gradient(135deg, #1843b9, #0072e8);
  color: white;
  padding: 15px 24px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  text-align:center;
  border-radius: 10px;
  transition: all 0.3s ease;
 box-shadow: 0 4px 0px rgb(22 22 22);
}
.ctc-button:hover {
  background: linear-gradient(135deg,  #0072e8, #1843b9);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  color:#fff!important;
}

.ctc-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}




    .ctc-button2 {
  display: inline-block;
  background: linear-gradient(135deg, #1843b9, #0072e8);
  color: white;
  padding: 15px 24px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  text-align:center;
  border-radius: 10px;
  transition: all 0.5s ease;
 box-shadow: 0 4px 0px rgb(22 22 22);
 margin:15px 0px;
}
.ctc-button2:hover {
  background: linear-gradient(135deg,  #0072e8, #1843b9);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  color:#fff!important;
}

.ctc-button2:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}


.floatbtn{
        position: fixed;
    z-index: 99;
    top: 50%;
    left: 40px;
    width: 82px;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #2828;
    padding: 10px;
}
.floatbtnn{
        position: fixed;
    z-index: 999;
    bottom: 20px;
    left: 0px;
    width: 82px;
   /*background-image: linear-gradient(90deg, #0087ff, #1f3bb1), linear-gradient(90deg, #1a7bff, #ffffff) !important;*/
    /*display: block;*/
    border-radius: 20px;
    /*box-shadow: 0px 0px 5px #2828;*/
    padding: 10px;
    color:#fff;
    font-size:22px;
    font-weight:900;
    text-align:center;
    width:100%; 
    animation: blink 5s infinite alternate;
    
}

@keyframes blink {
    0% {
        background-color: #007bff;
    }
    50% {
        background-color: #002747;
    }
    100%{
        background-color: #75013a;
    }
}



}

.textcontain p{
    color:#282828;
}

.coxcard p{
    color:#282828;}
    .coximg img{
        border-radius:25px;
    }
      .coxicon {
       box-shadow: 0px 0px 5px #4b4b4b8c;
    padding: 20px;
    border-radius: 20px;
    margin-bottom:15px;
    height:100%;
    }
    
    .coxicon h3{
        font-size:24px;
    }
      .coxicon p{
      color:#282828;
    }
       .coxicon img{
     margin-bottom:15px;
    } 
    
    
    .attstrip{
        padding:15px 25px;
        background-image: linear-gradient(90deg, #0087ff, #1f3bb1), linear-gradient(90deg, #1a7bff, #ffffff) !important;
        color:#fff;
        border-radius:20px;
        margin-bottom:30px;
    }
    .attstrip p{
        margin-bottom:0px;
    }



.bestcard p{
    color:#282828;
}

.bestlcrd{
    padding:20px;
       background-color: #f0f8ff;
}
.bestlcrd h3{
 color:#1a7bff;
 font-size:20px;
}


.bestlcrd ul li p{
 color:#282828;
}

.bestimgcard img{
    width:200px;
    margin-bottom:20px;
}

.roebor{
    border-bottom:1px solid #282828;
    padding-bottom:30px;
    
}

.secpaddd{
    padding:200px 50px;
}
.secwhitec{
       padding: 20px;
    box-shadow: 0px 0px 5px #2828287d;
    border-radius: 25px;
    margin-bottom:25px;
}

@media screen and (max-width:767px){
    .herocon h2 {
    font-size:40px;
    line-height:52px;
}
.secheight {
     height: auto; 
           padding: 89px 0px 0px 0px;
}

}