	.isi3annualconf{
		padding:50px;
		/* background:linear-gradient(0deg, rgb(93 93 93 / 19%) 0%, rgb(197 205 209 / 0%) 9%, rgb(255 255 255 / 0%) 100%); */
		
	}
    				.sect-head3{
					font-family:"Rokkitt", serif;
					font-optical-sizing:auto;
					font-weight:400;
					font-style:normal;
					font-size:70px;

					text-rendering:optimizeLegibility;
					line-height:0.85;
					letter-spacing:-1px;
					-webkit-font-smoothing:antialiased;
					
					-webkit-transition: color 2s;
					-moz-transition:    color 2s;
					-ms-transition:     color 2s;
					-o-transition:      color 2s;
					transition:         color 2s;
  
				}   
				
	.ss3t1{
		/* color:#fff; */
		/* text-shadow: 1px 2px 2px #080808; */
		/* color:rgb(32 135 255); */
		color:var(--theme1-h1-font-color);
		/*text-shadow:1px 2px 2px #ffe0e0a8; */
		text-shadow:var(--theme1-h1-text-shadow);
	}
	.ss3d1{
	        display: flex;
	        flex-wrap: wrap; /* Allows items to wrap to the next line */
	        gap: 20px;
	        padding:26px 0px;
		/* filter: saturate(none); */
	}
	.ss3d1a{
		width: 400px;
		border: 0px solid #4c516b8c;
		border-radius: 18px;
		/* background-color: #0000004a; */
		/* float: left; */
		flex: 1;
		min-width: 30%;
		/* color: #fff; */
		padding:30px 30px 0;
	}
	.ss3d1h1{
		color:rgb(80 133 195 / 66%);
		color: #fff;
		font-family: "Rokkitt", serif;
		font-size:32px;
	}
	
	.ss3d1h1{
		color:rgb(80 133 195 / 66%);
		color: #fff;
		font-family: "Rokkitt", serif;
		font-size:30px;
	}
	.ss3d1 img{
		float:left;
		border-radius:10px;
		height: 276px;
		width:500px;
		border:1px solid #ffffff77;
		/* box-shadow:0 4px 6px 5px rgb(245 215 138),0 2px 4px -2px rgb(0 0 0/0.1); */
					box-shadow:0px 0px 10px rgb(0 0 0 / 68%);


	}

	.ss3d1a{
		width: 500px;
		/* background-color: #f4f49e7a; */
		padding: 0 30px;
	}
	.ss3d1a p{
		font-family: __saans_cd5095, arial;
		/* color: #fff; */
		font-size: 19px;
		font-weight: 300;
		line-height: 28px;
 		/* text-shadow: 1px 2px 2px #080808; */


	}	
	
	.readmore{
		background-color:rgb(154 43 46);
		border-radius:100px;
		padding:10px 10px;
		font-family: __saans_cd5095, arial;
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		/* line-height: 30px; */
		display:block;
		cursor:pointer;
		width:150px;
		text-align:center;
		
    font-weight: 400;
    font-size: 16px;
    font-family: __saans_cd5095, arial;
    text-align: center;
    cursor: pointer;
    /* width: 115px; */
    /* display: inline-block; */
    padding: 10px 24px;
    border-radius: 13px;
    width:fit-content;
    		
	}
	.readmore:hover{
		background-color:red;
	}
	
	
	
	
	.isissrow6{
		/* padding:50px; */
		background:#0f1e55 url(ss3d1c.png) 0px -500px no-repeat;
		background-size:100%;
	}
    				.sect-head3{
					font-family:"Rokkitt", serif;
					font-optical-sizing:auto;
					font-weight:400;
					font-style:normal;
					font-size:70px;

					text-rendering:optimizeLegibility;
					line-height:0.85;
					letter-spacing:-1px;
					-webkit-font-smoothing:antialiased;
					
					-webkit-transition: color 2s;
					-moz-transition:    color 2s;
					-ms-transition:     color 2s;
					-o-transition:      color 2s;
					transition:         color 2s;
  
				}   
				
	.ss6t1{
		color:rgb(0 102 108);
		color:rgb(80 133 195);
		/* text-shadow: 1px 2px 2px #080808; */
		padding:0 0 15px;
	}
	.ss6d1{
		display: grid;
		grid-template-columns:21.5% 21.5% 21.5% 21.5% 14%; /* Creates 4 equal-width columns */
		gap:0px; /* Adds space between columns and rows */
		margin:0 auto;
  	}
	.ss6d1a{
		border-right:1px solid #d0f8ff;
		/* width: 20%;  */
		padding:20px;
    		/* background-image:none; */
    		cursor:pointer;
    		/* background-color:#c4601e; */

      	}
      	.over:hover{
      		/* background-image:none; */
      		/* border-color:#bfffce; */
    		background-image:linear-gradient(180deg, #ffffff 0%, #c4601e 100%);
      	}
      	.ss6d1a:hover .year, .ss6d1a:hover .name{
      		color:#fff;
		text-shadow: 1px 2px 2px #080808;
      	}
      	
      	
	.ss6d1h1{
		color:rgb(80 133 195 / 66%);
		color: #fff;
		font-family: "Rokkitt", serif;
		font-size:32px;
	}
	
	.ss6d1h1{
		color:rgb(80 133 195 / 66%);
		color: #fff;
		font-family: "Rokkitt", serif;
		font-size:30px;
	}
	.ss6d1a div{
		font-family: __saans_cd5095, arial;
		color: #000;
		font-size: 15px;
		font-weight:200;
		line-height:23px;
 		/* text-shadow: 1px 2px 2px #080808; */
	}
	.ss6d1a .name{
		font-weight:500;
		color:rgb(0 102 108);
		color:#fff;
 		text-shadow: 1px 2px 2px #080808;
	}
	.ss6d1a .year{
		font-weight:500;
		font-size:30px;
		color:#efa676;
		color:#fff;
 		text-shadow: 1px 2px 2px #080808;
	}
	.blank{
		/* background-color:#fff; */
	}
	.ss6more{
		background-color:rgb(154 43 46);
		display:block;
		width:130px;
		margin:0 auto;
		color: #0866ff;
		font-weight: 400;
		font-size: 16px;
		font-family: __saans_cd5095, arial;
		text-align: center;
		cursor: pointer;
		padding: 6px;
		border-radius: 15px;
	}
	.ss6more:hover{
		background-color:red;
	}
						/* Responsive adjustments with media queries */
						@media (max-width: 992px) { /* Tablet breakpoint */
						.ss6d1a {
						flex: 1 1 calc(50% - 20px); /* 2 columns on tablet */
						}
						}
						
						@media (max-width: 768px) { /* Mobile breakpoint */
						.ss6d1a {
						flex: 1 1 100%; /* Single column on mobile */
						}
						}
							