@import url('https://fonts.googleapis.com/css2?family=Roboto:logopartwght@300&family=Tiro+Tamil&display=swap');
.cart_table_area .table-responsive .table tbody tr td {
    text-align:left !important;
    padding: 7px !important;
}
th{
    text-align:center !important;
}
.tamil-font{
    font-size: 16px !important;
    font-weight: 400 !important;

}
/* #selectedRow td {
    font-size: 12px !important;
    font-weight: 600 !important;
} */

.tamil-font-bold {
    font-size: 14px !important;
    
}
.english-font-bold{
    font-size: 16px !important;
}


@media (min-width: 991px) and (max-width: 1341px){
    .mob{
        display:inline-block !important
      }
      .l{
        display:none !important
      }
}
.header_area.menu_eight .header_menu .navbar .nav.navbar-nav.navbar-right li .call_btn {
    line-height: 60px;
    background: #181e53;
    display: inline-block;
    padding:0px 20px!important;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
.header_area .header_menu .navbar .nav.navbar-nav li a:before {
    content: "";
    height: 1px;
    background: #a3a7bd;
    position: absolute;
    bottom: -7px;
    left: 0px;
    width: 0px;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.header_area.menu_eight .header_menu .navbar .nav.navbar-nav li a {
    color: #fff;
    line-height: 60px;
    text-decoration: none;
}
.tab_typical .tab-content .nav li a:hover{
    text-decoration: none;
}
.p00{
    position: relative !important;
    width: 100% !important;
    padding-right: 0% !important;
    padding-left: 0% !important;
}
.header_area.menu_eight .header_menu {
  
    border:none !important;
  
  }
  .mar{
    color:#283178 !important;
    font-family: 'InaiMathi', 'Tamil Sangam MN', 'Nirmala UI', Latha, Bamini,
    Roboto, Noto, 'Noto Sans Tamil', sans-serif !important;
  }
.ml12 {
   font-size: 18px;
   font-family: "Poppins", sans-serif;
   text-align: left;
   padding-left: 14%;
   font-weight: 900;
   color:#f14141;

  }
  .ap_consultaton .consult_blue1 {
    background: white;
    height: min-content;
    padding: 30px 30px 30px 40px !important;
    border: 1px solid #123495;
    border-radius: 4px;
}


.company_item .company_img {
    overflow: hidden!important;
    z-index: 3!important;
    position: relative!important;
    display: flex !important;
      align-items: center !important;
      justify-content: center !important;
          height: 200px !important;
  }
  @media (min-width: 320px) and (max-width: 991px){
   .left_side11{
    width:100% !important;
    padding-top:2% !important
   }
 
}

@media (min-width: 1400px) and (max-width: 2560px){
    .img-bank {
        width: 100% !important;
    }
}
@media (min-width: 991px) and (max-width: 1200px){
    .img-bank {
        width: 45vw !important;
    }
    .header_area.menu_eight .logo_part .right_side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        width: 40%;
    }
}



.breadcrumb_top h2 {
  color: #172460;
  position: relative;
  padding-left: 70px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 48px;
}

.breadcrumb_top h2:before {
  content: "";
  width: 52px;
  background: #172460;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 13px;
}


.breadcrumb_top {
    background: url(../img/breadcrumb/breadcrumb-bg1.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 65px 0px;
    margin-top: 19%;
}



/* This CSS can be used to ensure the images fit responsively */
/* Adjust the image to maintain its aspect ratio and fit within the container */
.rev-slidebg.banner-img-slider {
    width: 100%;
    height: auto;
    object-fit: contain; /* Ensure image fits within its container */
    max-width: 100%; /* Ensure the image does not exceed its original size */
    max-height: 100%; /* Ensure the image does not exceed its original size */
}

.caret-orange{
    color:#f14141 !important;

}
.more_btn:hover{
    color:#f14141 !important;
}
.bb{
    color:#f14141 !important;
}
#more-btn:hover{
    color:#f14141 !important;
}
.pad-btm11{
position: absolute;
z-index: 999; /* Set a higher z-index to ensure it displays over other content */
/* Other necessary styling */
}
#pad-top{
    margin-top:-20% !important
}

@media (max-width: 2560px)  { 
#app-a{
    position: relative;
    z-index: 22;
    margin-top: -3.5% !important;
}
}
@media (max-width:1440px)  { 
    #app-a{
        position: relative;
        z-index: 22;
        margin-top: -15% !important;
    }
    }
@media   (max-width: 1024px)  { 
  
        /* .main_slider_area {
            position: relative;
            margin-top: 9%;
        } */
    
    }
    @media   (max-width: 768px)  { 
  
        /* .main_slider_area {
            position: relative;
            margin-top: -4%;
        } */
    
    }   @media   (max-width: 425px)  { 
  
      
.main_slider_area {
    position: relative;
    margin-top: 15%;
    height: 400px;
}
    
    }
    @media   (max-width: 375px)  { 
  
       /* .main_slider_area {
    position: relative;
    margin-top: 28%;
    height: 350px;
} */
    
    }
    @media   (max-width: 320px)  { 
  
     
.main_slider_area {
    position: relative;
    margin-top: 37%;
    height: 300px;
}
    
    }
    @media   (max-width: 991px)  { 
         #grid-footer-text{
    display: grid !important;
    grid-template-columns: auto !important;
    row-gap: 10px;
}
  
       #mob1{
display:block !important;
color:blue
       }
    #l{
        display:none !important
    }
    #max-width-full{
       max-width: 100% !important; 
    }
#grid-res{
display:grid !important;

}
#download_box{
    display: grid !important;   
}
.h2_res{
    font-size: 1rem;
}
.download_box{
    display: grid !important;  
}
.our_company_inner .nav li a img {
    position: absolute;
    left: 0px;
    top: 15%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    }
    @media(max-width: 991px) and  (max-width: 1220px){
.header_area .header_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu.right {
    right: 0px;
    left: 10% !important;
}}
   
 /* Define your custom CSS here */
 @media (max-width: 2653px) {
   #normal-logo{
    display:none !important;
   }
  }


   @media  (max-width: 1400px) {
    #normal-logo{
     display:block !important
    }
    #large-screen-logo{
        display:none !important
       }
   }  
   @media  (max-width: 991px) {
    #normal-logo{
        display:none !important;
       }
       #large-screen-logo{
        display:none !important
       }
       #grid-top-nav{
        display: grid !important ;
        grid-template-columns: auto  !important;
        justify-content: center !important;
        /* background-color: red !important; */
        /* border: #f14141 3px solid !important; */
        align-items: center;
        column-gap: 2%;
    }
   }
   #hover-orange:hover{
    color:#f14141 !important
   }
   .owl-items-mob
   {

   }
   #grid-top-nav{
    display: grid !important;
    grid-template-columns: auto auto;
    /* justify-content: center !important; */
    /* background-color: red !important; */
    /* border: #f14141 3px solid !important; */
    align-items: center;
    column-gap: 2%;
    width:100%;
}
#header-top-fluid{
    padding:0px 5% 
}
.header_top1{
background-color: #e0e3f5;
padding:0.4% 0%;
}
/* {
    font-weight: 900 !important;
    color:#283178 !important;
} */
.blink {
    /* font-size: 5em;
    font-family: serif; */
    color:black;
    text-align: center;
    animation: effect 2s linear infinite;
    font-weight: 900;
    
}
#blink1{
    color:#f14141 !important
}
#blinkh {
    /* font-size: 5em;
    font-family: serif; */
    color: transparent;
    text-align: center;
    animation: effect 2s linear infinite;
    font-weight: 900;
    
}

@keyframes effect {
    0% {
        background: 
        #181e53;
        -webkit-background-clip: text;
    }

    100% {
        background:
        #495add;
        -webkit-background-clip: text;
    }
}
#blink1{
    font-weight: 900 !important;
    color:#f14141 !important;
}
.org {
  /* vertical-align: middle;
  border-style: none;
  */
  /* background-color: red; */
  width: 100%;
  height: 100%;
  object-fit: contain;

}#wef{
    font-weight: 900 !important;
    color:blue !important;
}

@media (min-width: 2000px) and (max-width: 2560px){
    .header_area.menu_eight + section {
        margin-top: -5%;
    }
}
@media (min-width: 1550px) and (max-width: 2000px){
    .header_area.menu_eight + section {
        margin-top: -1%;
    }
}
@media (min-width: 1440px) and (max-width: 1550px){
    .header_area.menu_eight + section {
        margin-top: -1%;
    }
}
@media  (max-width: 991px){
#grid-footer-text{
display:grid !important
}
#title-footer {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #172460 !important;
    display: table-cell !important;
    width: 100% !important;
    white-space: nowrap !important;
    padding-right: 20px !important;

}
}
.overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Semi-transparent black overlay */
    color: #fff;
    z-index: 999; /* Ensure the overlay is on top */
    display: none;
}

.overlay-content {
    text-align: center;
    padding: 20px;
}

/* .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #fff;
} */

.content {
    text-align: center;
    padding: 20px;
}

@media only screen and (max-width: 600px) {
    /* Styles for screens with a maximum width of 600px (mobile) */
    .overlay-content, .content {
        width: 100%;
    }
}

.cnt-in-overlay{

width:800px;
/* background-color: white; */
  color: black;
  padding:0px
}
.grid-overlay{
    display:grid;grid-template-columns: auto auto ;
    /* justify-content: center; */
    align-items: center;
    /* column-gap: 10px; */
}

@media only screen and (max-width: 425px) {
    .cnt-in-overlay{

        width: 100%;
        /* background-color: white; */
          color: black;
          padding:00px
        }
}
@media only screen and (max-width: 375px) {
    #img-overlay{
        height:200px
    }
}


@media only screen and (max-width: 320px) {
.grid-overlay {
    display: grid;
    grid-template-columns: auto auto;
    /* justify-content: center; */
    align-items: center;
    column-gap: 10px;
}
#img-overlay{
    height:200px
}
.para-overlay{
    font-size: 12px !important;
}
.head-overlay{
    font-size: 12px !important;
    font-weight: 400;
    margin:0 !important
}
#main-btn-blue {
    background-color: rgb(23, 36, 96)!important;
    font-size: 12px;
    max-width: min-content !important;
}
#main-btn-red {
    background-color:#f14141 !important;
    max-width: min-content;
    font-weight: 600;
    
}
}
#main-btn-red{
    width: min-content;
    background-color: #f14141 !important;
    font-weight: 800;
    border-radius: 50%;
    padding: 10px 10px;
    margin-top:10px;
    margin-right:10px;
}
#main-btn-red:hover{
    background-color: transparent !important;
    border:1px solid  #f14141;
    color: #f14141 !important;
    cursor:pointer
}
#main-btn-blue{
background-color: rgb(23, 36, 96)!important;
}
#main-btn-blue:hover{
    background-color: transparent !important;
    border:1px solid rgb(23, 36, 96);
    color: rgb(23, 36, 96) !important;
    text-decoration: none !important;
    text-underline-offset:unset ;
    }
    

@media only screen and (max-width:991px) {
    .scroll-to-top{
        display:none !important
    }
    #case_slider_inner{
        padding:10px
    }
}
@media only screen and (max-width:1024px) {
    .header_area.menu_eight + row, .header_area.menu_eight + div, .header_area.menu_eight + section {
    margin-top: 25%;
}
}
#org-parentImg{
    height:550px;
    width:550px;
    object-fit: cover;
}
#org-parent{
   display:flex;
   justify-content: center; 
}
@media only screen and (max-width:991px) {
    .cnt-in-overlay{

        width:100% !important;
        /* "background-color: white;" */
          color: black;
          padding:0px
        }
    #org-parentImg{
        height:300px;
        width:330px;
        object-fit: cover;
    } 
    #map {
        border: 0;
        height: 400px;
        width: 100%;
        margin-top: 9%;
    }  
}
@media (min-width:1300px) and (max-width:1400px) {
    .main_slider_area {
        position: relative !important;
        margin-top: 13% !important;
    }
}
@media (min-width:1075px) and (max-width:1300px) {
    .main_slider_area {
        position: relative !important;
        margin-top: 10% !important;
    }
}
@media (min-width:992px) and (max-width:1075px) {
    .main_slider_area {
        position: relative !important;
        margin-top: 10% !important;
    }
}

@media (min-width:899px) and (max-width:991px) {
    .main_slider_area {
        position: relative;
        margin-top: 5%;
    }
}
@media (min-width:819px) and (max-width:899px) {
    .main_slider_area {
        position: relative;
        margin-top: 5%;
    }
}
@media (min-width:768) and (max-width:819px) {
    .main_slider_area {
        position: relative;
        margin-top: 5%;
    }
}
@media (min-width:694px) and (max-width:700px) {
    .main_slider_area {
        position: relative;
        margin-top: 5%;
    }
}
@media (min-width:700px) and (max-width:768px) {
    .main_slider_area {
        position: relative;
        margin-top: 5%;
    }
}
@media (min-width:673px) and (max-width:694px) {
    .main_slider_area {
        position: relative;
        margin-top: 11%;
    }
}
@media (min-width:600px) and (max-width:673px) {
    .main_slider_area {
        position: relative;
        margin-top: 15%;
    }
}
@media (min-width:400px) and (max-width:407px) {
    .main_slider_area {
        position: relative;
        margin-top: 23%;
    }
}
@media (min-width:407px) and (max-width:410px) {
    .main_slider_area {
        position: relative;
        margin-top: 23%;
    }
}
@media (min-width:411px) and (max-width:418px) {
    .main_slider_area {
        position: relative;
        margin-top: 22%;
    }
}
@media (min-width:419px) and (max-width:450px) {
    .main_slider_area {
        position: relative;
        margin-top: 12%;
    }
}
@media (min-width:376px) and (max-width:399px) {
    .main_slider_area {
        position: relative;
        margin-top: 23%;
    }
}
@media (min-width:300px) and (max-width:311px) {
    .main_slider_area {
        position: relative;
        margin-top: 130px;
    }
}
@media (min-width:311px) and (max-width:351px) {
    .main_slider_area {
        position: relative;
        margin-top: 115px;
    }
}
@media (min-width:351px) and (max-width:376px) {
    .main_slider_area {
        position: relative;
        margin-top: 28%;
    }
}
@media (min-width:451px) and (max-width:467px) {
    .main_slider_area {
        position: relative;
        margin-top: 10%;
    }
}

@media (min-width:467px) and (max-width:479px) {
    .main_slider_area {
        position: relative;
        margin-top: 10%;
    }
}
@media (min-width:480px) and (max-width:500px) {
    .main_slider_area {
        position: relative;
        margin-top: 21%;
    }
}
@media (min-width:501px) and (max-width:599px) {
    .main_slider_area {
        position: relative;
        margin-top: 15%;
    }
}
@media (min-width:320px) and (max-width:412px) {
    #img-overlay{
width:265px !important; 
    }
}
@media (max-width: 414px){
#app-a {
    position: relative;
    z-index: 22;
    margin-top: -20% !important;
}
.row11 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    row-gap: 14px;
}
.cart_table_area{
    margin-top:20px
}
.our_company_inner .nav li a img {
    position: absolute;
    left: 0px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#tick-icon{
    position: absolute;
    left: 0px;
    top: 16%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p_b{
    padding-top: 0;
}
.core_inner {
    /* border-bottom: 1px solid #d3d3d3; */
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.main_title11{
    font-size: 1.5rem;
    
    margin-bottom: 10px;
}
#res-p0{
    padding:0;
    margin-top:5px
}#top40{
   margin-top:40px
}
#tick-icon211{
    /* position: absolute;
    left: 0px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    display:none
}
}
@media (max-width: 430px){
    .row11 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        row-gap: 14px;
    }
    .our_company_inner .nav li a img {
        /* position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); */
        display:none
    }
    .text-header-re{
        margin-top:20px
    }
    #tick-icon211{
        /* position: absolute;
        left: 0px;
        top: 30%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); */
        display:none
    }

}
@media  (min-width: 992px) and (max-width: 1024px){
#nav-items-footer-j{
    display:grid;
    grid-template-columns: auto auto auto ;
}.mleft40{
    margin-left: 42px;
}
}


.login-type{
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 10px  !important;
    padding-right: 10px  !important;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 10px  !important;
    padding-right: 10px  !important;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
@media (min-width: 1401px) and (max-width: 2650px){
.main_slider_area{
    margin-top: 15% !important;
}
}
@media only screen and (max-width: 991px) {
/* .navbar-light .navbar-toggler {
    cursor: pointer;
    position: relative;
    height: 21px;
    width: 30px;
    top: 0px;
    border: none;
    padding: 0px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
} */
.img-bank {
    width: 76vw !important;
    object-fit: fill;
    height: 45px;
    object-position: left;
}
}
.hover-orange{
    font-family: 'InaiMathi', 'Tamil Sangam MN', 'Nirmala UI', Latha, Bamini,
    Roboto, Noto, 'Noto Sans Tamil', sans-serif !important;
    font-weight:600;
    font-size:18px; 

}

.hover-orange:hover{
    
    color:#f14141 !important
}
.tp-loader ,.spinner0{
display: none !important;
}
a:hover{
  text-decoration: none !important;
}
.company_item:hover .company_text{

background-color:#f14141;

}
#head-overlay{
    font-weight:900 !important;
    font-size: 24px !important;
    font-family: 'InaiMathi', 'Tamil Sangam MN', 'Nirmala UI', Latha, Bamini,
    Roboto, Noto, 'Noto Sans Tamil', sans-serif !important;
}
.sch:hover{
color:white !important
}
.grid-content{
    display:grid; grid-template-columns: auto auto;
    column-gap: 70px;
}
@media only screen and (max-width: 991px) {
    .grid-content{
        display:grid; grid-template-columns: auto ;
        column-gap: 0px;
    }
}
.tdccbankfooter{
    color:#123495
}
#oursch{
    color:#f14141
}




/* CSS */
.button-58 {
  align-items: center;
  background-color:#f14141;
  border: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-family: Inter,sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
 width: 100%;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
/* CSS */
.button-58a {
    border-radius: 10px;
    align-items: center;
    background-color:#1ab71a;
    border: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    fill: #000;
    font-family: Inter,sans-serif;
    font-size: 38px;
    font-weight: 600;
    height: 56px;
    justify-content: center;
    letter-spacing: -.8px;
    line-height: 24px;
   width:max-content;
    outline: 0;
    padding: 0 61px;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
.button-58:focus {
  color: #171e29;
}

/* .button-58:hover {
  background-color:#283178;
  border:1px solid #f14141;
  fill: #06f;
} */

.button-58:active {
  /* background-color: #3385ff;
  border-color: #3385ff;
  fill: #06f; */
}

@media (min-width: 768px) {
  .button-58 {
    min-width: 170px;
  }
 

}
.dataTable-bottom{
    display: grid;
    grid-template-columns: auto auto;
}
.dataTable-pagination-list{
    display: flex;
    list-style: none;
    column-gap: 3%;
}
.dataTable-pagination{
    display: flex;
    justify-content: end;
}
.close-btn1{
    position:absolute
}
#currentDate{
    color:#f14141
}
.org-text{
    color:#f14141
}
.get_touch_form_area1{
    margin-top: 100px !important
}
.bg-danger1{
    background-color: #f14141;
    border-radius: 50%;
}
.border-rad{
    border-radius: 50%;
}
.grid-atm{
    display:grid; grid-template-columns:30% 30% 30% ;justify-content: center;
}
#hover-orange-text:hover{
color:#f14141 !important
}
#hover-orange-text{
   font-weight: 800 !important;
   color:#172460 !important
}
#hover-orange-text1:hover{
    color:#f14141 !important
    }
    #hover-orange-text1{
       font-weight: 800 !important;
       color:   #172460 !important
    }
    .yellow-bg-red-text{
        background-color: #f14141;
        color: white;
        width:fit-content
    }
    .button-58a:hover{
background-color: #172460;
color: #e0e3f5;
    }
    .border-bottom-red{
       text-decoration-line: underline;
    }
    @media (max-width: 991px) {
        .breadcrumb_area{
            margin-top: 175px !important;
        }
    }
    @media (max-width: 1024px) {
        .breadcrumb_area{
            margin-top: 300px;
        }
    }