body {
    margin:0;
    padding:0;
    font-family: "Geist", sans-serif;
    font-optical-sizing: auto;    
    font-style: normal; 
}

#header {
    display: flex;
    flex-direction: row;
    margin:0;
    padding:24px 48px;
    justify-content: space-between;
}

#header ul {
    padding:0;
    margin:0
}

#header ul li {
    list-style-type: none;
    /*float: left;*/
    padding:10px 24px
}

#header ul li a {
    color:#fff;    
    font-size: 36px;
    font-weight: bold;    
    text-decoration: none;
    text-align: center;
    text-decoration: underline;
    font-family: "Geist", sans-serif;
}

#header ul li a:hover {
    color:#07082B
}

#header-banner {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:112px;
    align-items: center;
}

.h-left {
    display: flex;
    flex-direction: column;
    gap:24px
}

.h-right {
    display:flex;
    margin:0;
    padding:0
}

#header-banner h1 {    
    font-size: 72px;    
    letter-spacing: -2px;
    color: #07082B; 
    line-height:80px;
    margin:0;
    padding:0;
    font-family: "Geist", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

#header-banner p {
    margin:0;
    padding:0;
    line-height: 30px;    
    font-size: 22px;
    color:#0e0a42;
    font-family: "Geist", sans-serif;
}

.btn-1 {
    padding:16px 24px;
    font-size:16px;
    font-weight: bold;
    background-color: #0043C1;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-family:"Geist", sans-serif
}

.btn-2 {
    padding:16px 24px;
    font-size:16px;
    font-weight: bold;
    background-color: #fff;
    color: #0043C1;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #0043C1;
    font-family:"Geist", sans-serif
}

.gap-24 {
    display: flex;
    flex-direction: row;
    gap:16px
}

#container-1 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:112px;
    align-items: center;
    background:#0043C1 url(../images/ct-bg-10-2.png) repeat;
    /*background-color: #0043C1;*/
    color:#fff
}

#container-1 h2 {
    color:#2CAFFF !important;
    padding: 0;
    margin: o;
    font-family: "Geist", sans-serif;
    font-weight: 500;
}

#container-1 h1 {
    padding:0;
    margin: 0;
    font-family: "Geist", sans-serif;
    font-weight: 800;
}

#container-1 p {
    font-size:22px;
    padding: 0;
    margin: o;
    line-height: 32px !important;
    font-family: "Geist", sans-serif;
}

.ct-1 {
    display: flex;
    flex-direction: column;    
}

.ct-2 {
    display: flex;
    flex-direction: row;
    gap:24px;
    color: #2CAFFF;
    align-items: center;
    width: 80%;
}

#container-2 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:64px;
    align-items: center;    
    color:#333
}

#container-2 h2 {
    color:#333 !important;
    padding: 0;
    margin: o;
    font-size:64px;
    font-weight:700
}

#container-2 h1 {
    padding:0;
    margin: 0;
    font-size:48px;
    font-weight:800;
    letter-spacing: -1px;
    color:#07082B !important;
    font-family: "Geist", sans-serif;
}

#container-2 p {
    font-size:22px;
    padding: 0;
    margin: o;
    line-height: 32px !important;   
    color:#0e0a42;
}

.ct2-1 {
    display: flex;
    flex-direction: column;        
}

.ct2-2 {
    display: flex;
    flex-direction: column;
    gap:24px;
    color: #333;         
}

#container-3 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:64px;
    align-items: center;    
    color:#333
}

#container-3 h2 {
    color:#333 !important;
    padding: 0;
    margin: o;
    font-size:64px;
    font-weight:700
}

#container-3 h1 {
    padding:0;
    margin: 0;
    font-size:48px;
    font-weight:800;
    letter-spacing: -1px;
    color:#07082B !important;
    font-family: "Geist", sans-serif;
}

#container-3 p {
    font-size:22px;
    padding: 0;
    margin: o;
    line-height: 32px !important; 
    color:#0e0a42;  
    font-family: "Geist", sans-serif;
}

.ct3-2 {
    display: flex;
    flex-direction: column;    
}

.ct3-1 {
    display: flex;
    flex-direction: column;
    gap:24px;
    color: #333;       
}

#container-4 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:64px;
    align-items: center;    
    color:#333
}

#container-4 h2 {
    color:#333 !important;
    padding: 0;
    margin: o;
    font-size:64px;
    font-weight:700
}

#container-4 h1 {
    padding:0;
    margin: 0;
    font-size:48px;
    font-weight:800;
    letter-spacing: -1px;
    color:#07082B !important;
    font-family: "Geist", sans-serif;
}

#container-4 p {
    font-size:22px;
    padding: 0;
    margin: o;
    line-height: 32px !important;
    color:#0e0a42;  
    font-family: "Geist", sans-serif; 
}

.ct4-1 {
    display: flex;
    flex-direction: column;    
}

.ct4-2 {
    display: flex;
    flex-direction: column;
    gap:24px;
    color: #333;       
}

#container-5 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:64px;
    align-items: center;    
    color:#333
}

#container-5 h2 {
    color:#333 !important;
    padding: 0;
    margin: o;
    font-size:64px;
    font-weight:700
}

#container-5 h1 {
    padding:0;
    margin: 0;
    font-size:48px;
    font-weight:800;
    letter-spacing: -1px;
    color:#07082B !important;
    font-family: "Geist", sans-serif;
}

#container-5 p {
    font-size:22px;
    padding: 0;
    margin: o;
    line-height: 32px !important;
    color:#0e0a42;  
    font-family: "Geist", sans-serif; 
}

.ct5-2 {
    display: flex;
    flex-direction: column;    
}

.ct5-1 {
    display: flex;
    flex-direction: column;
    gap:24px;
    color: #333;       
}

#container-6 {
    margin:0;
    padding:72px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    align-items: center;    
    color:#333;
    background: #07082B;
}

#container-6 h1 {      
    font-size: 56px;
    font-weight: 800;    
    /*letter-spacing: -3px;*/
    color: #fff; 
    line-height:64px;
    margin:0;
    padding:0;
    font-family: "Geist", sans-serif;
}

#container-6 p {
    font-size:22px;
    line-height: 30px;
    color:#2CAFFF;
    font-family: "Geist", sans-serif;
}

#footer {
    display: flex;
    flex-direction: row;
    margin:0;
    padding:24px 48px;
    justify-content: space-between;
    align-items: center;
    background-color: #f4f4f4;
}

#container-2 img, #container-3 img, #container-4 img, #container-5 img {
    border-radius:30px
}

#footer h2 {
    font-size:22px;
    color:#07082B;    
}

#footer h2 a {
    text-decoration:underline;
    color:#07082B
}

#footer h2 a:hover {
    text-decoration: none;
}

#footer ul {
    list-style-type: none;
    margin:0;
    padding:0
}

#footer li a {
    display: block;
    padding:0 0 24px;
    margin: 0;
}

#footer li a {
    display: block;
    color:#333;
    text-decoration: underline;
    font-size: 18px;
    padding:0 0 24px;
    font-family: "Geist", sans-serif;
}

#footer li a:hover {
    text-decoration: none;
}

#footer div {
    display:flex;
    flex-direction: column;
    gap:16px
}

#copyright {
    display: flex;
    flex-direction: row;
    margin:0;
    padding:24px 48px;
    justify-content: space-between;
    font-size:16px;
    color:#666;
    /*border-top:1px solid #E5E5E5;*/
    gap:16px;
    font-family: "Geist", sans-serif;
}

.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contact-form {
    display: flex;
    flex-direction: column;
    margin:0;
    padding:24px 48px 88px;
    justify-content: space-between;
    align-items: center;
    gap:24px;    
}

#contact-form p {
    text-align: center;
    font-size:20px;    
    color: #0e0a42;
    font-family: "Geist", sans-serif;
}

#contact-form h1 {    
    font-size: 56px;
    padding-bottom: 0px !important;
    margin-bottom:0px !important;
    color: #07082B;
    font-family: "Geist", sans-serif;
    font-weight: 800;
    letter-spacing: -2px;
    text-align: center;
}

#contact-form input {
    background-color: #f2f2f2;
    color:#333;
    padding:16px 24px; 
    border:none;
    border-radius: 10px;
    font-size: 18px;  
    font-family: "Geist", sans-serif; 
    width: 100%;
}

#contact-form textarea {
    background-color: #f2f2f2;
    color:#333;
    padding:16px 24px;  
    border:none;
    border-radius: 10px;  
    font-size: 18px; 
    font-family: "Geist", sans-serif;
    width: 100%; 
}

.contact-form-btn {
    padding:16px 24px;  
    border:none;
    border-radius: 10px;
    background-color: #07082B;
    color: #fff;   
    text-decoration: none; 
    width: 100%;
    font-family: "Geist", sans-serif;
    display: block;    
    box-sizing: border-box;
    text-align: center;
}

.border-tp {
    /*border-top: 1px solid #E5E5E5;*/
}

.cform {
    display: flex;
    flex-direction: column;
    gap:16px;
    align-items: center;
    width: 50%;   
}

.colmn-1 {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.colmn-1 span {
    width: 100%;
}

.cform div {
    width: 100%;
}

#products {
    display: flex;
    flex-direction: column;
    margin:0;
    padding:24px 48px 88px;
    justify-content: space-between;
    align-items: center;
    gap:24px;  
    text-align: center;  
    font-family: "Geist", sans-serif;
}

.pheading {
    display: flex;
    flex-direction: column;    
}

.pheading h1 {
    margin-bottom:0 !important;
    font-family: "Geist", sans-serif;
    font-weight: 800;
    color:#07082B;
    letter-spacing: -2px;
}

#pcontainer-2 {
    margin:0;
    padding:72px 48px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:64px;
    align-items: center;    
    color:#333
}


#pcontainer-2 h2 {
    color:#333 !important;
    padding: 0;
    margin: o;
    font-size:64px;
    font-weight:700
}

#pcontainer-2 h1 {
    padding:0;
    margin: 0;
    font-size:48px;
    font-weight:800;
    letter-spacing: -1px;
    color:#07082B !important;
    font-family: "Geist", sans-serif;
}

#pcontainer-2 p {
    font-size:18px;
    padding: 0;
    margin: o;
    line-height: 32px !important; 
    color:#0e0a42;  
    font-family: "Geist", sans-serif;
}

.pct2-1 {
    display: flex;
    flex-direction: column;  
    width:60%      
}

.pct2-1 img {
    border-radius:30px
}

.pct2-2 {
    display: flex;
    flex-direction: column;
    gap:24px;
    color: #333;         
}

#about {
    display: flex;
    flex-direction: column;
    margin:0;
    padding:24px 48px 88px;
    justify-content: space-between;
    align-items: center;
    gap:24px;  
    text-align: center;    
}

.about h2 {
    color:#07082B
}

.abheading {
    display: flex;
    flex-direction: column;
    width:60%;
    text-align: left;    
}

.abheading h2 {
    color: #07082B;
}

.abheading p {
    color:#0e0a42;
    font-family: "Geist", sans-serif;
}

.colr-1, .colr-1 a {
    color: #009EFF;
    text-decoration: none;
    font-family: "Geist", sans-serif;
    font-weight: 500;
}

.cv {
    display: flex;
    flex-direction: row;
    margin:0;
    justify-content: space-between;
    gap:24px; 
    text-align: left; 
    border-top: 1px solid #E5E5E5;  
    width:60%; 
    padding:24px 0;  
}

.cv h2 {
    color:#07082B;
    font-family: "Geist", sans-serif;
}

.values-list {
    display: flex;
    flex-direction: column;
    gap:24px
}

.values-list h2 {
    font-size:20px;
    color: #07082B;
    font-family: "Geist", sans-serif;
}

.values-list div {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.values-list div span {
    /*border: 1px solid #333;*/
}

.values-list div span h2 {
    font-size:20px;
    margin: 0;
    padding:0 0 4px;
    font-family: "Geist", sans-serif;
    color:#07082B
}

.values-list div span p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    color: #0e0a42;
    /*color:#717b9e;*/
    font-family: "Geist", sans-serif;
}

.value-list div span i {
    width:36px !important;
    height: auto;
}

.abheading, .cv {
    flex:1
}

.f-active {
    text-decoration: none !important;
}


/*  contact Form css Added Below  */
.form-group{
    display:flex;
    flex-direction:column;
    width:100%;
}


.message{
    display:none;
    padding:12px;
    margin-bottom:20px;
    border-radius:5px;
    font-weight:bold;
} 

.message.success{
    background:#d4edda;
    color:#155724;
}

.message.error{
    background:#f8d7da;
    color:#721c24;
}

.field-error{
    color:red;
    font-size:13px;
}

button:disabled{
    opacity:.7;
    cursor:not-allowed;
}

.captcha-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha-row img {
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.captcha-refresh {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
}

.captcha-refresh:hover {
    background: #eaeaea;
}

.captcha-row input {
    height: 40px;
    width: 180px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}


.file-upload-text {
    color: #777;
    font-weight: normal;
}

.file-upload-text small {
    color: #5f5f5f;
}

.file-upload-button {
    color: #5f5f5f;
    background: #fff;
}

#attachment::file-selector-button {
    color: #5f5f5f;
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    padding: 5px 12px;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer;

    
}