::-webkit-scrollbar{
	
	width:8px;
	height:8px;
	cursor:pointer;
	
}
::-webkit-scrollbar-track{
	box-shadow:inset 0 0 2px gray;
	border-radius:10px;
	cursor:pointer;
}
::-webkit-scrollbar-thumb{
background:#012a4a;
border-radius:10px;
cursor:pointer;
}	
::-webkit-scrollbar-thumb:hover{
background:#004687;
cursor:pointer;
}
::placeholder {
  color: black;
  opacity: 1; /* Ensures full opacity in Firefox */
}

::-webkit-input-placeholder { /* For Webkit browsers like Chrome, Safari */
  color: black;
}

::-moz-placeholder { /* For older Firefox versions */
  color: black;
  opacity: 1; /* Ensures full opacity in Firefox */
}

:-ms-input-placeholder { /* For Internet Explorer */
  color: black;
}
* {
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
	 scroll-behavior: smooth;
}
.row{
	height:0px;
}
.row::after {
    content: "";
    clear: both;
    display: block;
	
}
[class*="col-"] {
    float: left;
    padding: 0px;
}
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin:auto 0;
            padding: 0;
            background: #f9f9f9;
            color: #333;
			scroll-behavior: smooth;
}
#top2 {
  position: fixed;   /* normal flow so it pushes the banner down */
  width: 100%;
  z-index: 1033;          /* enough to keep menus visible if needed */
	height:80px;
	background:none;
}
header {
            background: #1283BF;
            color: white;
            
            text-align: center;
			border-top:0px solid #004687
        }
section {
           
            max-width: 1300px;
            margin: auto;
            background: white;
            margin-bottom: 20px;
            border-radius: 8px;
        }
#section2 {
		padding:30px 30px 30px 30px;
          border:0px solid green;
            max-width: 1300px;
			background: white;
            margin: auto;
            background: white;
            margin-bottom: 20px;
            border-radius: 8px;
        }
        h1, h2, h3 {
            color:#0B547A;
        }
        ul {
            list-style-type: square;
            margin-left: 20px;
			font-size:19px;
        }
#h1a{
color:#0B547A;
font-size:32px;
font-weight:bold;
}
        .cta-button {
            display: inline-block;
            background: #3498db;
            color: white;
            padding: 12px 24px;
            margin-top: 20px;
            text-decoration: none;
            border-radius: 5px;
        }
#footer {		
            display: flex;
			justify-content: space-between; /* pushes one div to left, one to right */
			align-items: center; /* vertically center items */
            padding: 35px 40px 35px 40px;
            background: #16A1EB;
			color:white;
			
			
        }
.footer-left {
  border:0px solid green;	
  font-size: 19px;
}

.footer-right {
  border:0px solid green;	
  font-size: 19px;
  padding-right:10px;
}
#p2{
	font-size:19px;
}
#p3{
color:white;
background:#1F8AC4;
padding:15px;
cursor:pointer;
border-radius:0px;
text-decoration: none;
}
a{
text-decoration: none;
}
#txt1a
{
	width:100%;
	padding:8px;
	margin-top:10px;
	border:1px solid #0E6C82;
	font-family:arial;
	font-size:18px;
	border-radius:10px;
}
#area1
{
width:100%;
height:95px;
	padding:10px;
	border:1px solid #0E6C82;
	font-family:arial;
	font-size:18px;
	border-radius:10px;	
}	
#btn1
{
	width:100%;
	padding:10px;
	color:white;
	border:0px solid #0E6C82;
	font-family:arial;
	font-size:18px;
	border-radius:20px;
	background:#186D9C;
}
 .fixed-div {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px; /* Example height */
      background-color:rgba(13,96,140,0.2); /* Initial color */
      transition: background-color 0.3s ease; /* Smooth transition for color change */
      z-index: 100;
	 
    }

    .scrolled-div {
      background-color:#1493D6; /* Color when scrolled */
    }
#logo3{
width:80px;float:left;margin-top:-15px;z-index:3000;
}
#core1{
position:absolute;
font-family:Arial;
font-size:29px;
color:white;
margin-top:20px;
margin-left:50px;
font-weight:bold;
letter-spacing:normal;
z-index:3000;
}

#img1{
width:80px;
float:left;
margin-top:-18px;
}
#img2{
width:300px;margin-top:15px;
}
#img3{
width:450px;
}
#img4{
margin-left:15px;
width:70%;margin-top:-10px;
}
#img5{
width:80px;
float:left;
}
.col-main {
	width: 100%;position:relative;
	scroll-behavior: smooth;
	padding: 35px 0px;
	display: flex;
  justify-content: center; /* centers horizontally */
  align-items: top;     /* centers vertically */
  height:auto; 
margin-top:5px;  /* needed for vertical centering */
  border: 0px solid black;
  gap: 20px; /* space between children */
	}
.col-main2 {
	width: 100%;position:relative;
	scroll-behavior: smooth;
	margin-top:30px;
  justify-content: center; /* centers horizontally */
  align-items: top;     /* centers vertically */
  height:auto; 
	}
#ft2{font-size:22px;}
.col-left1 {width: 800px;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:10px;}
.col-right1 {width: 400px;border-left:0px solid gold;scroll-behavior: smooth;text-align:right;border:0px solid white;
}
.col-left2 {width:900px;border:0px solid gold;text-align: left;position:relative;padding-right:50px;scroll-behavior:smooth;}
.col-right2 {width:300px;border-left:0px solid gold;scroll-behavior: smooth;text-align:right;border:0px solid blue;
}
.col-left3 {width:450px;border:0px solid gold;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;}
.col-right3 {width: 750px;scroll-behavior: smooth;text-align:left;border:0px solid blue;padding-left:30px;margin-top:-22px;
}

.col-left4 {width: 400px;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:10px;}
.col-right4 {width: 800px;border-left:0px solid gold;scroll-behavior: smooth;text-align:left;border:0px solid white;padding-left:15px;
}


/* 💻 Desktop (1121px and up) */
@media only screen and (min-width: 1221px) {
.col-left2 {width:900px;border:0px solid gold;text-align: left;padding:0px;padding-right:40px;scroll-behavior:smooth;}
.col-right2 {width:300px;border-left:0px solid gold;scroll-behavior: smooth;text-align:right;border:0px solid blue;
}
.col-left3 {width:450px;border:0px solid gold;text-align:center;padding:0px;position:relative;scroll-behavior: smooth;}
.col-right3 {width: 750px;scroll-behavior: smooth;text-align:left;border:0px solid blue;padding-left:40px;margin-top:-22px;
}
.col-left4 {width: 400px;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:0px;}
.col-right4 {width: 800px;border-left:0px solid gold;scroll-behavior: smooth;text-align:left;border:0px solid white;padding-left:65px;
}
.col-left1 {width: 800px;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:30px;}
.col-right1 {width: 400px;border-left:0px solid gold;scroll-behavior: smooth;text-align:right;border:0px solid white;
}
	#core1{
position:absolute;
font-family:Arial;
font-size:26px;
color:white;
margin-top:20px;
margin-left:30px;
font-weight:bold;
letter-spacing:normal
}
#img1{
width:60px;float:left;margin-top:-8px;
}
#img3{
width:400px;
}
#img4{
margin-left:15px;
width:400px;margin-top:-10px;
}
#ft2{font-size:22px;}
}
/* 💻 Tablet(1121px and up) */
@media only screen and (min-width: 768px) and (max-width: 1220px) {
.col-left2 {width:100%;border:0px solid gold;text-align: left;padding:0px;padding-right:0px;scroll-behavior:smooth;}
.col-right2 {width:100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid blue;
}
.col-left3 {width:100%;border:0px solid gold;text-align:center;padding:0px;position:relative;scroll-behavior: smooth;}
.col-right3 {width: 100%;scroll-behavior: smooth;text-align:left;border:0px solid blue;padding-left:0px;margin-top:0px;
}
.col-left4 {width: 100%;text-align:center;padding:0px;position:relative;scroll-behavior: smooth;padding-right:0px;}
.col-right4 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:left;border:0px solid white;padding-left:0px;
}
.col-left1 {width: 100%;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:10px;}
.col-right1 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid white;
}
#img1{
width:50px;float:left;margin-top:-8px;
}
#img3{
width:400px;
}
#img4{
margin-left:10px;
width:400px;margin-top:-10px;
}
#ft2{font-size:22px;}
}	


/* mobile styles */
@media only screen and (max-width: 767px) {
.col-left2 {width: 100%;border:0px solid gold;text-align:left;padding:0px;padding-right:0px;scroll-behavior:smooth;}
.col-right2 {width:100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid blue;
}
.col-left3 {width:100%;border:0px solid gold;text-align:center;padding:0px;scroll-behavior: smooth;}
.col-right3 {width: 100%;scroll-behavior: smooth;text-align:left;border:0px solid blue;padding-left:0px;margin-top:0px;
}
.col-left4 {width: 100%;text-align:center;padding:0px;position:relative;scroll-behavior: smooth;padding-right:0px;}
.col-right4 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:left;border:0px solid white;padding-left:0px;
}
.col-left1 {width: 100%;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:10px;}
.col-right1 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid white;
}
#img1{
width:50px;float:left;margin-top:-8px;
}
#img3{
width:300px;
}
#img2{
width:300px;margin-top:30px;
}
#img4{
margin-left:0px;
width:300px;margin-top:0px;
}
#section2 {
		padding:20px 10px 20px 20px;
          border:0px solid green;
            max-width: 1300px;
			background: white;
            margin: auto;
            background: white;
            margin-bottom: 20px;
            border-radius: 8px;
        }
 ul {
            list-style-type: square;
            margin-left:-5px;
			font-size:18px;
  }
#footer {		
             display: block !important;
			width:100%;
			text-align: center; /* vertically center items */
            padding: 20px;
            background: #16A1EB;
			color:white;
			
			
        } 
#ft2{font-size:18px;}
#top2 {
  position: relative;   /* normal flow so it pushes the banner down */
  width: 100%;
  z-index: 1033;          /* enough to keep menus visible if needed */
	height:50px;
	background:#1493D6;
}
.fixed-div {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px; /* Example height */
      background-color:rgba(13,96,140,0.2); /* Initial color */
      transition: background-color 0.3s ease; /* Smooth transition for color change */
      z-index: 100;
	 
    }
    .scrolled-div {
      background-color:#1493D6; /* Color when scrolled */
    }	
#logo3{
width:60px;float:left;margin-top:-9px;z-index:3000;
}
#core1 {
  position: absolute;
  font-family: Arial;
  font-size: 21px;
  color: white;
  margin-top: 10px;
  margin-left: 20px;
  font-weight: bold;
  letter-spacing: normal;
}


#h1a{
color:#0B547A;
font-size:28px;
font-weight:bold;
line-height:1.3;
}
}

@media only screen and (max-width: 350px) {
.col-left2 {width: 100%;border:0px solid gold;text-align:left;padding:0px;padding-right:0px;scroll-behavior:smooth;}
.col-right2 {width:100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid blue;
}
.col-left3 {width:100%;border:0px solid gold;text-align:center;padding:0px;scroll-behavior: smooth;}
.col-right3 {width: 100%;scroll-behavior: smooth;text-align:left;border:0px solid blue;padding-left:0px;margin-top:0px;
}
.col-left4 {width: 100%;text-align:center;padding:0px;position:relative;scroll-behavior: smooth;padding-right:0px;}
.col-right4 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:left;border:0px solid white;padding-left:15px;
}
.col-left1 {width: 100%;text-align: left;padding:0px;position:relative;scroll-behavior: smooth;padding-right:10px;}
.col-right1 {width: 100%;border-left:0px solid gold;scroll-behavior: smooth;text-align:center;border:0px solid white;
}
#img1{
width:50px;float:left;margin-top:-8px;
}
#img2{
width:98%;margin-top:30px;
}
#img3{
width:98%;
}
#img4{
margin-left:0px;
width:98%;margin-top:0px;
}
#core1{
position:absolute;
font-family:Arial;
font-size:22px;
color:white;
margin-top:20px;
margin-left:30px;
font-weight:bold;
letter-spacing:normal;
z-index:3000;
}
 ul {
            list-style-type: square;
            margin-left:-5px;
			font-size:18px;
  }
#footer {		
             display: block !important;
			width:100%;
			text-align: center; /* vertically center items */
            padding: 20px;
            background: #16A1EB;
			color:white;
			
			
        }
#ft2{font-size:18px;}	
#top2 {
  position: relative;   /* normal flow so it pushes the banner down */
  width: 100%;
  z-index: 1033;          /* enough to keep menus visible if needed */
	height:40px;
	background:#1493D6;
}
.fixed-div {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 40px; /* Example height */
      background-color:rgba(13,96,140,0.2); /* Initial color */
      transition: background-color 0.3s ease; /* Smooth transition for color change */
      z-index: 100;
	 
    }
    .scrolled-div {
      background-color:#1493D6; /* Color when scrolled */
    }	
#logo3{
width:60px;float:left;margin-top:-12px;z-index:3000;
}
#core1{
position:absolute;
font-family:Arial;
font-size:18px;
color:white;
margin-top:8px;
margin-left:10px;
font-weight:bold;
letter-spacing:normal;
z-index:3000;
}

}