*{

    padding: 0;

    margin:0;

    font-family: "Kanit", serif;

    font-weight: 300;

}



#my_navbar{

    background-color: #ffffff;

    -webkit-box-shadow: 0px 4px 15px -2px #dddddd;

    -moz-box-shadow: 0px 4px 15px -2px #dddddd;

    box-shadow: 0px 4px 15px -2px #a09e9e;

    position: sticky;

    top:0;

    width: 100%;

    z-index: 999;

}

.justappear{

    display: none!important;

}

.offbbb{

    background: linear-gradient(to right, #012233, #1a365d);    color: white;



}



.offhh{

    background: linear-gradient(to right, #012233, #1a365d);    color: white;



}

.thlulu{

    gap:1rem;



}

.thlulu li{

   font-size: 1.35rem;

   font-weight: 600;

    

}





.the_ul_li{

    gap:1rem;

}

.the_ul_li li{

text-transform: uppercase;



}



#thenavimg{

    height: 45px !important;

}



.the_im{

   height: 90vh;

    padding : 3rem;

    width: 100%;

    display: grid;

    grid-template-columns:50% 50% ;

    background-image: linear-gradient(315deg, #ABDCFF 10%, #0396FF 100%);

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



@media screen and (max-width:992px) {

    .the_im{

        grid-template-columns:100%  ; 

        height: auto;  

    }

    .thctimg{

        order:1;

    }

    .thecontn{

        order:2;

    }



    .justappear{

        display: block !important;

        border: .45px rgb(156, 156, 156) solid !important;

    }

    

}

.eeefilter{

    filter: brightness(100) !important;

}

.thecontn{

    width: 100%;

    /* display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column; */

}

.thecontn h1{

    text-transform: uppercase;

    /* font-size: 4rem; */

    font-size: clamp(1.45rem, 0.94rem + 2.72vw, 4rem);

    font-weight: 700;

    color: #040f1f;;



 

}



.thecontn p{

    text-transform: uppercase;

    font-size: 1rem;

    font-weight: 700;

    line-height: 33px;

    color: #040f1f;;





 

}

.thctimg{

   width: 100%; 



}

.thctimg img {

    width: 100%; 

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.whitebtn{

    width:120px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: .35rem;

    border-radius: 1rem;

    text-decoration: none;

    color: #040f1f;;

background-color: white;



}



.whyus{

    overflow: hidden    ;

}



.insidey{

    margin: 3rem 3rem;

    display: grid;

    grid-template-columns:50% 50% ;

    justify-content: center;

    align-items: center;

    padding: 2rem;

    gap:3rem

}



@media screen and (max-width:992px) {

    .insidey{

        grid-template-columns:100%  ; 

        height: auto; padding: 0; 

        margin: 1rem 1rem;

    }

   

    

}

.inimage{

    height:100% ;



}



.inimage img {

    width: 100%;

    border-radius: .45rem;

    height: 100%;

    object-fit:cover ;

}

.insidcc h1{

margin-bottom: 2rem;



}



.insidcc p {

    font-size: 1.25rem;

    line-height: 33px;



}

























.services-section {

    padding: 5rem 2rem;

    background: linear-gradient(to bottom right, #e0f7fa, #ffffff);



}

@media screen and (max-width:992px){

    .services-section {

        padding: 5rem .85rem;

    }



    .section-header h2 {

        font-size: 1.45rem;

        color: #1a365d;

        margin-bottom: 1rem;

    }

}

.container {

    max-width: 1200px;

    margin: 0 auto;

}



.section-header {

    text-align: center;

    margin-bottom: 4rem;

}



.section-header h2 {

    font-size: 2.5rem;

    color: #1a365d;

    margin-bottom: 1rem;

}



.section-header p {

    color: #64748b;

    font-size: 1.1rem;

    max-width: 800px;

    margin: 0 auto;

}



.accordion-item {

    background: white;

    border-radius: 15px;

    margin-bottom: 1.5rem;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.accordion-item:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

}



.accordion-header button {

    width: 100%;

    text-align: left;

    background: linear-gradient(to right, #012233, #1a365d);    color: white;

    font-size: 1.2rem;

    font-weight: bold;

    padding: 1rem;

    border: none;

    outline: none;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 1rem;

    border-radius: 15px;

    color: white !important;

}



.accordion-header button:hover {

 background: linear-gradient(to right, #023044, #20476d);}



.accordion-body {

    padding: 1.5rem;

    font-size: 1rem;

    color: #374151;

    background: #f9fafb;

}



.service-icon {

    font-size: 1.5rem;

}



.somepoints {

    margin: 0;

    padding: 0;

    list-style: none;

}



.somepoints li {

    margin-bottom: 0.5rem;

    line-height: 1.5;

}   

.accordion-button::after {

    filter: brightness(100);

  }





  .ctntt {

    background: rgba(255, 255, 255, 0.95);

    padding:  3rem 3rem;

   

}





.ctntt h2 {

    font-size: 2.5rem;

    color: #1a365d;

    margin-bottom: 4rem;

    text-align: center;

    font-weight: 500;

    letter-spacing: 1px;

}



.form-group {

    position: relative;

}



.form-group label {

    display: block;

    margin-bottom: 8px;

    color: #34495e;

    font-weight: 500;

    font-size: 0.9em;

    letter-spacing: 0.5px;

    transform: translateY(0);

    transition: all 0.3s ease;

}





.form-group input{

    height: 50px;

}

.form-group input,

.form-group textarea {

    width: 100%;

    padding: 12px;

    border: 2px solid #e0e0e0;

    border-radius: 12px;

    font-size: 16px;

    background: rgba(255, 255, 255, 0.9);

    transition: all 0.3s ease;

}



.form-groupinput:focus,

.form-group textarea:focus {

    outline: none;

    border-color: #2e486b;

    box-shadow: 0 0 15px rgba(52, 152, 219, 0.1);

}



.form-group textarea {

    height: 150px;

    resize: vertical;

}



.sntt {

    background: linear-gradient(135deg, #3498db, #2980b9);

    color: white;

    padding: 15px 30px;

    border: none;

    border-radius: 12px;

    cursor: pointer;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

    text-transform: uppercase;

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

}



.sntt:hover {

    background: linear-gradient(135deg, #2980b9, #3498db);

    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);

}



.sntt:active {

    transform: translateY(0);

}







.form-group input::placeholder, 

.form-group textarea::placeholder {

    color: #bdc3c7;

    font-weight: 300;

}







.form-group:focus-within::after {

    width: 100%;

    left: 0;

}



.rowise{

    display: grid;

    grid-template-columns:50% 50% ;

    justify-content: center;

    align-items: center;

    

    gap:3rem

}



@media screen and (max-width:992px){

    .rowise{

        grid-template-columns:100% ;

    }

    .ctntt{

        padding: 3rem 1rem;

    }

}

.loccc{

    width: 100%;

}

.geo a{

    text-decoration: none;

    color: #012233;

    



}



.geo{

    display: flex;

    flex-direction: column;

    gap:.45rem

}



.footert{

    width: 100%;

    background-color: #012233;

    padding:1rem;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.footert p{

  color: white;

  margin-bottom: 0;



}



.error {

    color: red !important;

    font-size: 12px;

    display: block;

  

    

  }







  #banksslides{

    background-color: rgb(255, 255, 255);

    padding: 1rem 0;

    background-color: #f3f3f3;



  }

  .bankinside{

    border-radius: 1rem;

    background-color: #ffffff;

    /* border: 1px solid rgb(255, 255, 255); */

  }

.bankinside img {

   height: 150px;

   object-fit: contain;

}







/* LOADER CSS */

.loadercls{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    background-color: white;

}







.dot-spinner {

    --uib-size: 2.8rem;

    --uib-speed: .9s;

    --uib-color: #183153;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    height: var(--uib-size);

    width: var(--uib-size);

  }

  

  .dot-spinner__dot {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    height: 100%;

    width: 100%;

  }

  

  .dot-spinner__dot::before {

    content: '';

    height: 20%;

    width: 20%;

    border-radius: 50%;

    background-color: var(--uib-color);

    transform: scale(0);

    opacity: 0.5;

    animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;

    box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);

  }

  

  .dot-spinner__dot:nth-child(2) {

    transform: rotate(45deg);

  }

  

  .dot-spinner__dot:nth-child(2)::before {

    animation-delay: calc(var(--uib-speed) * -0.875);

  }

  

  .dot-spinner__dot:nth-child(3) {

    transform: rotate(90deg);

  }

  

  .dot-spinner__dot:nth-child(3)::before {

    animation-delay: calc(var(--uib-speed) * -0.75);

  }

  

  .dot-spinner__dot:nth-child(4) {

    transform: rotate(135deg);

  }

  

  .dot-spinner__dot:nth-child(4)::before {

    animation-delay: calc(var(--uib-speed) * -0.625);

  }

  

  .dot-spinner__dot:nth-child(5) {

    transform: rotate(180deg);

  }

  

  .dot-spinner__dot:nth-child(5)::before {

    animation-delay: calc(var(--uib-speed) * -0.5);

  }

  

  .dot-spinner__dot:nth-child(6) {

    transform: rotate(225deg);

  }

  

  .dot-spinner__dot:nth-child(6)::before {

    animation-delay: calc(var(--uib-speed) * -0.375);

  }

  

  .dot-spinner__dot:nth-child(7) {

    transform: rotate(270deg);

  }

  

  .dot-spinner__dot:nth-child(7)::before {

    animation-delay: calc(var(--uib-speed) * -0.25);

  }

  

  .dot-spinner__dot:nth-child(8) {

    transform: rotate(315deg);

  }

  

  .dot-spinner__dot:nth-child(8)::before {

    animation-delay: calc(var(--uib-speed) * -0.125);

  }

  

  @keyframes pulse0112 {

    0%,

    100% {

      transform: scale(0);

      opacity: 0.5;

    }

  

    50% {

      transform: scale(1);

      opacity: 1;

    }

  }

  



  .no-scroll{

    overflow: hidden !important;

    display: none !important;

  }



  
  .the_ul_li .nav-item .nav-link {
    position: relative;
    color: #000; /* Default color */
    text-decoration: none;
    font-weight: 400;
}

.the_ul_li .nav-item .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1a365d; /* Bottom line color */
    transition: all 0.3s ease-in-out;
}