/* @import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2&display=swap'); */

/* baloo-chettan-2-regular - malayalam_latin */
@font-face {
    font-family: 'Baloo Chettan 2';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-regular.svg#BalooChettan2') format('svg'); /* Legacy iOS */
  }
  /* baloo-chettan-2-500 - malayalam_latin */
  @font-face {
    font-family: 'Baloo Chettan 2';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/baloo-chettan-2-v12-malayalam_latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/baloo-chettan-2-v12-malayalam_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-500.svg#BalooChettan2') format('svg'); /* Legacy iOS */
  }
  /* baloo-chettan-2-600 - malayalam_latin */
  @font-face {
    font-family: 'Baloo Chettan 2';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/baloo-chettan-2-v12-malayalam_latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/baloo-chettan-2-v12-malayalam_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-600.svg#BalooChettan2') format('svg'); /* Legacy iOS */
  }
  /* baloo-chettan-2-700 - malayalam_latin */
  @font-face {
    font-family: 'Baloo Chettan 2';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/baloo-chettan-2-v12-malayalam_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/baloo-chettan-2-v12-malayalam_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-700.svg#BalooChettan2') format('svg'); /* Legacy iOS */
  }
  /* baloo-chettan-2-800 - malayalam_latin */
  @font-face {
    font-family: 'Baloo Chettan 2';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/baloo-chettan-2-v12-malayalam_latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/baloo-chettan-2-v12-malayalam_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-800.woff') format('woff'), /* Modern Browsers */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/baloo-chettan-2-v12-malayalam_latin-800.svg#BalooChettan2') format('svg'); /* Legacy iOS */
  }

html, body {
    font-size: 15px;
    background: var(--header-bg);
    font-family: 'Baloo Chettan 2';
    font-weight: 400;
}

.bodybg{
    background: url(../images/bg5.png) no-repeat fixed;
    background-size: cover;
}

a{
    text-decoration: none;
    color: var(--textcolor);;
}
.header_eb
{
    background: var(--header-bg);
    padding: 5px;
       color:rgb(176, 176, 176);
    
}
.header_eb  a
{
    color:#fff;
}

.logogok
{
    height: 65px;
    /* width: min(100vw, 300px); */
}

.header_lb
{
    padding: 10px;
    background: #fff;
}


.bgcover
{
   
    min-height: 400px;
    /* background: url(../assets/images/bg2.jpg) no-repeat fixed;
    background-size: cover; */
}

.services
{
    padding-top: 50px;
}
.whitebg
{
    background: #fff;
}


  
.vcenter-item{
    /* display: flex; */
    align-items: center ;
    /* min-height: 500px; */

    margin-top: 50px;
}

.bitem{
 
    align-items: baseline ;
    min-height: 100px;
    background-color: var(--bgcover);
    margin: 0px;
}

.card{
    box-shadow:2px 2px 20px rgba(1, 1, 1, 0.3); border:none; margin-bottom:30px;
  }
  
 
  .ct_b1
  {
      font-weight: 700;
      font-size: 1.4rem;
      color: var(--cardtitle);
  }



  /*SVG ICON SYSTEM*/
.icon {
    display: inline-flex;
    align-self: center;
}

.icon svg, .icon img {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.icon.baseline svg, .icon img {
    top: .125em;
    position: relative;
}
  



.c-btn{
    border: none;
    background-color: rgb(1, 27, 98);
    padding: 12px 48px 12px 24px;
    border-radius: 100px;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
  }

.c-btn-btn-hk{
    border: none;
    background-color:rgb(0, 51, 0);
    padding: 12px 48px 12px 24px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
  }

  .c-btn-hk{
      border: none;
      background-color: rgb(102, 51, 0);
      padding: 12px 48px 12px 24px;
      border-radius: 100px;
      color: #fff;
      text-align: center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 24px center;
    }

.card-hk{

    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background-color:#F6FFE8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
.cardbody-hk{

    padding: 100px 0px 0px 0px;
    font-size:20px;
    text-align:center;
}
.cardbutton-hk{

   padding:80px 0px 20px 0px;
   font-size:13px;
   text-align:center;
}
.cardbutton-hk-hk{

   padding:70px 0px 20px 0px;
   font-size:13px;
   text-align:center;
}

.cardbody-hk-hk
{
    padding: 65px 0px 0px 5px;
    font-size:20px;
    text-align:center;
}
.cardcontainer-hk{

    padding: 70px 30px;
    text-align:center;
    background:linear-gradient(to top, #003300 0%, #336600 100%);

}
  .fancy-border {
   
    text-align:center;
    border-top: 0px solid;
    border-image: linear-gradient(to right, rgb(40, 20, 20), purple) 1; 
    
    /* linear-gradient(to right, grey 25%, rgb(15, 18, 94) 25%, rgb(4, 94, 77) 50%,rgb(85, 59, 59) 50%, red 75%, teal 75%) 5; */
 

}

.imgtag{

 padding: 120px 120px 120px 120px;


}
.searchcontainer
{
  background-color:#F6FFE8;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.headerpadding
{
  padding: 75px 0px 0px 0px;
}
.searchcontainertext
{
  padding: 100px 0px 0px 0px;
  font-size:20px;
}
.searchcontainertext-hk
{
  padding: 100px 0px 0px 0px;
  font-size:20px;
}
.textproperties
{
   align:left;
}
.textbutton-hk{

   padding:25px 0px 0px 0px;
   font-size:13px;
   text-align:left;
}
.searchimagediv{

    background-color:#ffff;
}

.textproperties-hk
{
   align:right;
}
.textbutton-hk-hk{

   padding:25px 0px 45px 0px;
   font-size:13px;
   text-align:right;
}

.apexcontainer
{
    background-color:#FFF6F5;"
}
.headertag
{
    text-align:center;
    font-size:35px;
}

.card-img-top {
    padding:95px 95px 95px 95px;
}
.cardwidth{
         width:100%;
         height:auto;
}
.mt-1
{
    border-top:0px solid;
    border-image: linear-gradient(to right, rgba(40, 20, 20, 0.253), rgba(128, 0, 128, 0.382)) 1; 
   

}


.c-link{
    border: none;
    
    padding: 12px 10px 12px 0px;
    border-radius: 100px;
    color: rgb(209, 209, 209);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0px center;
    
  }
  .c-link:hover{
    color: rgb(209, 209, 209);

}

.fbottom
{
    background: rgb(209, 209, 209);
}

.footerbg
{
    background: #0f0f0f;
}

.g-text
{

    font-size: 1.3rem;
}

.g-bold
{


}

.anchor:hover{

    color:#ffffbf;
    transition:0.1s

}

.no-margin
{
 margin-bottom: 0;
}


.bg11
{
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
}
.bg11 *{
    color: white !important;
}



.bg12
{
    /* background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%); */
    /* background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%); */
    background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);


}
.bg12 *{
    color: white !important;
}




.bg13
{
    /* background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%); */
    /* background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%); */
    /*background-image: linear-gradient(to right, #0f3d81 0%, #0b4617 100%);*/

     background-image: linear-gradient(to right, #330867 0%, #330867 10%);
    background: url(../images/bgc.png);

}
.bg13 *{
    color: #fff !important;
}

.bg13 > .c-btn
{
    color: #fff;
}


.bg15
{
   background-image: linear-gradient(to right, #330867 0%, #330867 10%);

}
.bg15 *{
    color: rgb(79 79 79) !important;
}



.bg15 *{
     color: white !important;
}

.bg15 > .c-btn
{
   color: white !important;
}


.bg11:hover , .bg12:hover,.bg15:hover
{
    filter: brightness(120%) saturate(120%);
}

.short
{
    width:80px;
}
.main-stop {
    stop-color: rgb(0, 140, 255);
  }
  .alt-stop {
    stop-color: green;
  }
  

  .t-btn{
    border: none;
    background-color: rgb(60, 60, 192);
    
    padding: 12px 48px 12px 24px;
    border-radius: 100px;
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
  }


  .a1-btn{
    border: none;
    padding: 12px 48px 12px 0px;
    color: rgb(231, 79, 79) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
  }



  h2.grsk {


    /* -webkit-text-decoration: slateblue solid underline;
    text-decoration: slateblue solid underline;
    -webkit-text-underline-position: under;
    text-underline-position: under; */
  
  
  }
  
  



  .card_dept{
    /* width: 350px; */
    /* height: 450px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.card_dept img{
    /* width: 180px; */
    height: 180px;
    border-radius: 50%;
    margin: 5px;
}

.cacard_deptrd .details{
    margin: 10px;
}

.card_dept .details h2{
    font-weight: 600;
}

.card_dept .details p{
    text-transform: uppercase;
    font-weight: 300;
}


#weblogos img
{
    height: 70px;
}



.whitebg2
{
    background: #ffffff;
    color: rgb(41, 41, 41);
}

.darbbg2
{
    background: #232222;
    color: white;
}

.sticky-header {
      position: fixed;   Change from sticky to fixed
            top: 0;  /* Stays at the top of the viewport */
            left: 0; /* Aligns to the left edge */
            width: 100%;  /* Make sure it spans the full width of the viewport */
            background-color: rgba(255, 255, 255, 0.5);  /* Semi-transparent white background */
            color: white;  /* Text color */
            padding: 15px 20px;  /* Padding inside the header */
            text-align: center;  /* Center-align the text */
            z-index: 1000;  /* Keeps it above other content */
            transition: background-color 0.3s;  /* Smooth background color transition */
}

.small-image {
    width: 170px;
    height: auto; /* Adjust height based on width */
}
/* /////// */


.navbar-nav .dropdown-menu {
    position: static;
    background: #e9e9e9;
    color: white;
    border: 0px;
}

.noteable
{
    color: #7362f1;
}

.links
{
    color: rgb(225, 225, 225) !important;
}
.links:hover
{
    color: rgb(255, 255, 255) !important;
}

.navbar-toggler
{
    outline: none;
    box-shadow: none;
    border: 0 none;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.border_bottom
{

    /* border-bottom:4px solid;
    border-image: linear-gradient(to right, rgba(52, 183, 244, 0.253), rgba(0, 128, 119, 0.382)) 1;  */
  
}


.border_bottom {
    position: relative;
  }


  .border_bottom::before {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: 5px;
    border-radius: 2px;
    background: linear-gradient(111.3deg, #9c27b0 9.6%, #00bcd4 93.6%);
  }


  .c-link-dark{
    border: none;

    padding: 12px 10px 12px 0px;
    border-radius: 100px;
    color: rgb(64, 64, 64);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0px center;
    
  }
  .c-link-dark:hover{
    color: rgb(81, 92, 213);

}



* new css a4dee6*/

.border1p
{
   /* border-bottom: #ccd0d0 3px solid; */

}

.bread
{
    background: #f6f6f6;
    border-bottom: #ccd0d0 1px solid;
    border-top: #ccd0d0 1px solid;
}

.breadcrumb
{
    height: 40px;
    line-height: 50px;
}
.breadcrumb-item a{

font-weight: 700;

}

.magic
{
  width: 100%;
  height: 1px;
  background: linear-gradient(111.3deg, #9c27b0 9.6%, #00bcd4 93.6%);
}
.magic2
{
  width: 100%;
  height: 4px;
  background: linear-gradient(111.3deg, #9c27b0 9.6%, #00bcd4 93.6%);
}


.cover1
{
  background-image: url(../../img/imx3.jpg);
  background-size: cover;
  height: 300px;
  background-position: top 50px;
  border-radius: 15px;

}




/* ////////////// */
.blockquote {
    padding: 60px 80px 40px;
    position: relative;
  }
  .blockquote p {
    font-size: 35px;
    font-weight: 700px;
    text-align: center;
  }

  /*blockquote p::before {
    content: "\f095";
    font-family: FontAwesome;
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
  font-size: 180px;
  }*/

  .blockquote:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;

  content:"\f10d";
  font-size: 200px;
  color: rgba(0,0,0,0.1);

  }

  .blockquote::after {
    content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 3px solid #bf0024;
    height: 3px;
    width: 200px;
  }
  .otro-blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #78C0A8 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
  }

  .otro-blockquote::before{
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
  }

  .otro-blockquote::after{
  content: '';
  }

  .otro-blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
  }



  @media (max-width: 800px) {
    .blockquote p {
    font-size: 25px;

  }




  }


  .coverme
  {

    width: 100%;
    max-height: 300px;
    overflow: hidden;
    background-position: top 50px;
    border-radius: 15px;
  }


.display-5 {
    font-size: calc(1.0rem + 1.1vw);
    font-weight: 300;
    line-height: 1.2;
  }

  .display-4 {
    font-size: calc(1.475rem + 1.1vw);
    font-weight: 300;
    line-height: 1.2;
  }


  #scrolltop {
      display: block;
      visibility: hidden;
      opacity: 1;
      transition: visibility 0s, opacity 0.5s ease-in;
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 50%;
  }


.top-button {
    text-decoration: none;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    padding: 12px;
    color: #fff;
}

.sticky-banner-demo {
    position: fixed; /* Makes it stay fixed when scrolling */
    top: 5%; /* Keep it at 10px from the top */
    left: 50%; /* 50% from the left */
    transform: translate(-50%, -50%);
    z-index: 999; /* Ensure it stays above other content */
    visibility: visible; /* Ensure it's visible */
    opacity: 1; /* Ensure full opacity */
}

.sticky-banner-title {
    background-color: rgba(255, 0, 0, 0.6); /* Transparent red background */
    color: #ffffff; /* White text color */
    padding: 8px 12px; /* Smaller padding for a compact button */
    font-size: 24px; /* Smaller font size for readability */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold text */
}

.sticky-banner-title:hover {
    color: #ffffff; /* Set to white or black as per your preference */
    text-decoration: none; /* Prevent underline on hover */
}

.gradbg
{
background:#fff;
 /* background-image: radial-gradient(circle, #29476d, #63708f, #989cb3, #ccccd8, #ffffff); */
}

.bgg
{
 background: #dedede;
 color:#000;
}


.hellobg
{


background:#251AAD;
color:#fff;
min-height:200px;
border-radius:10px;
}



.c-link-dark3{
    border: none;
    padding: 12px 10px 12px 0px;
    border-radius: 100px;
    color: #4991BD;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%4991BD'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0px center;

  }


.c-btn-w{
    border: none;
    background-color: #fff;
    padding: 12px 48px 12px 24px;
    border-radius: 100px;
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%00000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
  }

  .prom
  {
  width:100px;

border-radius:5px;

  }
  
 #toast-container {
    top:6%;
}

.fbg1
{
background: url(../images/fbg.png) no-repeat center;
}

.extrabottom
{
margin-bottom:20px !important;
}

.nav-link
{
color:#000 !important;
}

.nx .nav-link
    {
    color:#fff !important;
    }


    .bg16
    {
        padding: 50px;
        color: #fff !important;





   background-image:
                 url(
  '../images/web11.png');
              width: 100%;
              height: 180px;
              text-align: center;


    }


    .bg13 {


        border-left:1px solid #dddddd;
         border-right:1px solid #dddddd;
         border-top:1px solid #dddddd;
    }

@media (min-width: 900px){
.bg17 {
	padding: 50px;
	color: black;
	background-color: rgba(255, 255, 255, .8);;
	width: 100%;
	height: 10%;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	box-sizing: border-box;
	}
.bgm13{
	margin-top: 50px;
	}
.bgm17{
	padding: 25px; 
	margin-top: 400px;
	}
}

@media (max-width: 900px){
.bg17 {
	padding: 50px;
	color: black;
	background-color: rgba(255, 255, 255, .8);;
	width: 100%;
	height: 10%;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	box-sizing: border-box;
	}
.bgm13{
	margin-top: 25px;
	}
}

.text-bg-primary
    {
    background: #4e4e4e !important;
    }
    
  .hyperlink_text{
  	text-decoration: underline;
    font-size: 14px;
  }


.repbg1{
background-color:#f7eaec !important;
}


.repbg2{
background-color:#f5f5dc !important;
}


.repbg3{
background-color:#def5dc !important;
}

.repbg4{
background-color:#dcddf5 !important;
}


.repbg5{
background-color:#f3e4f3 !important;
}


.repbg6{
background-color:#e4f2f3 !important;
}


.repbg7{
background-color:#acf9a8f2 !important;
}

.repbg8{
background-color:#cde9ccfa !important;
}

.repbgfoot{
background-color:#e9e9e9 !important;
}
.repbgfoot1{
background-color:#d7d7d7 !important;
}


.rep-diary-mt{
margin-top: -100px
}

   .icon {

  color: #000;
}

.badge_b1 {
    background: slateblue;
    color: white;
}

.badge_b2 {
    background: green;
    color: white;
}

.total-area {
  border: 1px solid #ccc;
  padding: 10px;
}

.total-area h6 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.total-area .labels {
  display: flex;
  flex-wrap: wrap;
}

.total-area label {
  font-size: 1rem;
  padding: 10px;
}

.total-area label:last-child {
  margin-right: 0;
}


.p-label {
    color: #3c3c3c;
     font-size: 1rem !important;
}

.p-data {

    color: #000;
    font-size: 1.2rem !important;
}


.required:after {
    content:"*";
    color: red;
  }
  .content
  {
  background:#DEDEE5 !important;
  }
.preenter {
  color: #4a4a4a !important;
}

h1.preenter {
  font-size: 1.75rem !important;
}

.enter {
  text-decoration: none !important;
  color: #4a4a4a !important;
}

a.enter::after {
  content: "";
  display: block;
  width: 52px;
  padding-top: 2px;
  border-bottom: 5px solid #a200ff;
}






.btn-main {
  background-image: linear-gradient(to right, #614385 0%, #516395 51%, #614385 100%);

  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;

  border-radius: 10px;
  display: block;
}

.btn-main:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}



.btn-main-light {
  background-image: linear-gradient(to right, #6f4d99ba 0%, #5f76b4cd 51%, #7d54b0c3 100%);

  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;

  border-radius: 10px;
  display: block;
}

.btn-main-light:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}



.header_eb a {
  color: #0f0f0f;
}

.button-68 {
  appearance: none;
  backface-visibility: hidden;
  background: #00000000;
  border-radius: 8px;
  border: 1px solid #FFF;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;

  letter-spacing: normal;

  outline: none;
  overflow: hidden;
  padding: 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.button-68:hover {
  background-color: #1e8449;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}

.button-68:active {
  transform: translateY(2px);
  transition-duration: .35s;
}

.button-68:hover {
  box-shadow: rgba(39, 174, 96, .2) 0 6px 12px;
}

.submenu {
  background: white !important;
  color: #000 !important;
}

.sublogo {
  height: 60px !important;
}

.back {
    display: inline-flex; /* Use inline-flex to align items */
    justify-content: center; /* Center the text horizontally */
    align-items: center; /* Center the text vertically */
    border: 1px solid #bfbfbf; /* Border styling */
    padding: 5px 10px; /* Horizontal padding only for better vertical alignment */
    /* height: 40px; Fixed height for consistency */
    background: linear-gradient(to right, #8145f1 0%, #CF1512 100%); /* Gradient background */
    -webkit-background-clip: text; /* Clip background to text */
    -webkit-text-fill-color: transparent; /* Make text transparent for gradient */
    text-decoration: none; /* Remove underline from link */
    cursor: pointer; /* Pointer on hover */
}

.back:hover {
    color: #707070 !important; /* Changes text color on hover */
    border: 1px solid #000; /* Changes border color on hover */
}

.bg-alert-card {
background: linear-gradient(90deg, rgba(101,235,157,1) 0%, rgba(231,237,155,1) 90%);
}

.bg-alert-card-danger{
background: #DE6262;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFB88C, #DE6262); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.card-services{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
      transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 80px 18px 36px;
    cursor: pointer;
    min-height:200px;
}

.card-services:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.card-services h3{
  font-weight: 600;
}

.card-services img{
  position: absolute;
  top: 20px;
  right: 15px;
  max-height: 120px;
}

.card-services-1{
  background-image: url(../images/land_search.svg);
      background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

.card-services-2{
    background-image: url(../images/document_purchase.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
    margin-right:5px;
}

.card-services-3{
   background-image: url(../images/complaint.svg);
      background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

@media(max-width: 1200px){
   .sticky-banner-title {
      font-size:15px; /* Smaller font size for readability */
  }
  .sticky-banner-demo {
      top: 2%; /* Keep it at 10px from the top */
  }
}

@media(max-width: 990px){
  .card-services{
    margin: 20px;
    margin: 20px;
  }

  .sticky-banner-title {
      font-size:10px; /* Smaller font size for readability */
  }
  .sticky-banner-demo {
        top: 2%; /* Keep it at 10px from the top */
    }
}
.custom-modal .modal-content {
            background-color: #f8f9fa;
            border-radius: 10px;
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
        }

        .custom-modal .modal-header {
            border-bottom: none;
            justify-content: center;
        }

        .custom-modal .modal-title {
            font-size: 24px;
            font-weight: bold;
        }

        .custom-modal .modal-body {
            padding: 30px;
            text-align: center;
            font-size: 18px;
        }

        .custom-modal .modal-footer {
            justify-content: center;
            border-top: none;
        }

        .custom-modal .btn-custom {
            background-color: #6a5acd;
            color: white;
            padding: 7px 18px;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        .custom-modal .btn-custom:hover {
            background-color: slateblue;
        }

        /* Adjust modal size */
        .custom-modal .modal-dialog {
            max-width: 500px;
        }
    .bg-highlighter
    {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color:#fff !important;
    }

    .badge_red {
        background: #df2828;
        color: white;
    }

   .overlay {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
         display: flex;
         justify-content: center;
         align-items: center;
         visibility: hidden;
         opacity: 0;
         transition: opacity 0.3s ease, visibility 0.3s ease;
         z-index: 1000;
       }

       /* Show Overlay */
       .overlay.show {
         visibility: visible;
         opacity: 1;
       }

       /* Loader */
       .loader {
         border: 5px solid rgba(255, 255, 255, 0.3);
         border-top: 5px solid #fff;
         border-radius: 50%;
         width: 50px;
         height: 50px;
         animation: spin 1s linear infinite;
       }

       /* Spinner Animation */
       @keyframes spin {
         0% {
           transform: rotate(0deg);
         }
         100% {
           transform: rotate(360deg);
         }
       }

       /* Loader Text */
       .loader-text {
         color: #fff;
         margin-top: 10px;
         font-size: 18px;
         text-align: center;
       }

        .description {
                   margin: 0 0 24px;
                   color: #333;
                   line-height: 1.7;
               }
               .description p.intro {
                   margin-bottom: 16px;
                   font-size: 1.1em;
               }
               .description ul {
                   list-style: none;
                   padding: 0;
               }
               .description li {
                   display: block;
                   text-align: left;
                   gap: 20px;
                   margin-bottom: 24px;
                   padding: 16px;
                   background: #f8f9fa;
                   border-radius: 8px;
                   transition: transform 0.2s;
               }
               .description p {
                   margin: 0;
                   flex: 1;
                   font-size: 1em;
               }
               .description p strong {
                   color: #1a1a1a;
                   font-weight: 600;
               }

               .li-content {
                   display: flex;
                   flex-direction: column;
                   align-items: flex-start;
                   gap: 12px;
               }

               .li-content-btn {
                   display: flex;
                   justify-content: flex-start;
               }

               .li-content .declaration{
                   padding: 10px 0px;
                   font-size: medium;
                   color: brown;
               }

               @media (max-width: 600px) {
                   .description li {
                       flex-direction: column;
                       align-items: flex-start;
                       gap: 12px;
                       padding: 12px;
                       border: 1px solid #dee2e6;
                   }
               }
.modal-xxl {
    max-width: 70%;
}


 .ente1 {
      font-size: 2.3rem;
      font-weight: 800;
      outline: none;

      background: linear-gradient(135deg, #5335cf 0%, #de005e 25%, #f66e48 50%, #de005e 75%, #5335cf 100%);
      background-size: 400%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: animate 10s linear infinite;
    }

    @keyframes animate {
      to {
        background-position: 400%;
      }
    }

    .ente2 {
     font-size: 2.3rem;
      font-weight: 800;
      outline: none;
      /*padding: 8px;*/

      background: linear-gradient(135deg, #17a050 0%, #0637a0 25%, #2e7aec 50%, #0637a0 75%, #17a050 100%);
      background-size: 400%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: animate 10s linear infinite;
    }

    @keyframes animate {
      to {
        background-position: 400%;
      }
    }