:root {
    --av-primary: rgb(0,145,254);
    /* --av-primary: rgb(135,81,228); */
    /* --av-core2: rgb(0, 145, 254); */
    --av-core2: rgb(84, 20, 202);
    --av-core: rgb(255, 102, 52);
    --av-core-20: rgba(255, 102, 52, 0.8);
    --av-core-1: rgba(18, 76, 160, 0.8);
    --av-core-text: #505050;
    --av-primary-1: rgba(228, 152, 81, 0.7);
    --av-primary-3: rgba(135,81,228,0.2);
    --av-bordershade: rgba(255, 255, 255, 0.5);
    /* --av-bordershade: rgba(84, 20, 202, 0.5); */
    --av-bordershade-1: rgb(255,102,52);
    --av-bordershade-2: rgb(0,145,254);
    /* --av-bordershade-1: rgb(84, 20, 202); */
    --av-primary-grad: linear-gradient(10deg, rgba(250,107,223,1), rgba(172,140,255,1));
    --av-primary-grad-1: linear-gradient(190deg, rgba(250,107,223,1), rgba(172,140,255,1));
    --av-primary-grad-2: linear-gradient(10deg, rgba(250,107,223,0.7), rgba(172,140,255,0.7));
    --av-primary-grad-3: linear-gradient(190deg, rgba(250,107,223,0.7), rgba(172,140,255,0.7));
    --av-secondary: rgba(220,238,248,1);    
    --av-secondary-1: rgba(220,238,248,0.3);
    --av-text-1: #fe6a60;
    --av-nav: rgb(233, 247, 255);
    --av-height: 2rem;
    --av-blue: #0d6efd;
    --av-blue-1: rgba(13, 109, 253, 0.7);
    --av-indigo: #6610f2;
    --av-purple: #6f42c1;
    --av-pink: #d63384;
    --av-red: #dc3545;
    --av-red-1: #dc3848b3;
    --av-red-1: rgba(220, 56, 72, 0.7);
    --av-orange: #fd7e14;
    --av-yellow: #ffc107;
    --av-yellow_2: #ffd700;
    --av-yellow_1: #e7af08;
    --av-yellow_1-1: #e7af08b3;
    --av-green: #198754;
    --av-green-1: rgb(25, 134, 34);
    --av-teal: #20c997;
    --av-cyan: #0dcaf0;
    --av-sky: #dbf0f5;
    --av-black: #000;
    --av-white: #fff;
    --av-gray: #6c757d;
    --av-gray-dark: #343a40;
    --av-gray-100: #f8f9fa;
    --av-gray-200: #e9ecef;
    --av-gray-300: #dee2e6;
    --av-gray-400: #ced4da;
    --av-gray-500: #adb5bd;
    --av-gray-600: #6c757d;
    --av-gray-700: #495057;
    --av-gray-800: #343a40;
    --av-gray-900: #212529;
    --av-secondary: rgba(250,107,223,1);
    --av-success: #198754;
    --av-info: #0dcaf0;
    --av-warning: #ffc107;
    --av-danger: #dc3545;
    --av-light: #f8f9fa;
    --av-dark: #212529;
}

@font-face {
    font-family: 'Barlow';
    src: url('/fonts/Barlow-Regular.ttf') format('truetype'),
         url('/fonts/Barlow-Bold.ttf') format('truetype'),
         url('/fonts/Barlow-Medium.ttf') format('truetype'),
         url('/fonts/Barlow-Black.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }  


* {
    padding: 0;
    margin:0;
    box-sizing: border-box;
    font-family: 'Barlow', sans-serif;
    font-size: 10px;
}

html body {
    font-family: 'Barlow', sans-serif;
}

.container {
    background-image: url(/images/GIS.jpg);
    background-attachment: fixed;
    background-size: cover; /* Adjust this as needed */
    background-position: center; /* Adjust this as needed */
    z-index: -1000;
}


h1 {font-size: 5rem;}
h2 {font-size: 4rem;}
h3 {font-size: 4rem;}
h4 {font-size: 3rem;}
h5 {font-size: 2rem;}
h6 {font-size: 1rem;}
p {font-size: 1.4rem; text-align: justify;}


.float_right {
    float: right;
}
.float_left {
    float: left;
}

.logo {
        float: none;
        display: block;
        text-align: center;
        padding: 8px 16px;
        text-decoration: none;
        height: 70px;
}
.logo_text {
    float: left;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 4px;
    display: block;
    color: var(--av-white);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.logo_text2 {
    float: left;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 30px;
    margin-left: -348px;
    display: block;
    color: var(--av-white);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    
}

.menu_button {
    display: none;
}

.navbar_bar {
    display: grid;
    /* grid-template-columns: 0% 60% 20%; */
    background-color: #fff;
    overflow: hidden;
    display: block;
    /* background-color: var(--av-core2); */
    /* border-bottom: 1px solid var(--av-bordershade-1); */
    /* position: fixed; */
    padding: 0 200px;
    width: 100%;
    z-index: 200;
    color:rgb(0, 0, 0);
    transition: background-color 0.6s ease-in-out; 
}

.nav_bar  {
    display: flex;
    justify-content: space-between;
    /* background-color: rgb(255,); */
    /* gap: 100px; */
    text-decoration: none;
    list-style-type: none;
}

.nav_bar img {
    vertical-align: middle !important;
    padding: 5px 20px 0px 20px;
    top: 39px;
    /* position: absolute; */
    /* background-color: rgba(135,81,228, 0.1); */
    /* border-width: 0px 1px 1px 1px; 
    border-style: inset;
    border-color: var(--av-core2); */
    z-index: 200;
    /* border-radius: 0px 0px 5px 5px; */
    /* border-radius: 0 0 50% 50%; */
}

.top_text2 {
    display: flex;
    align-items: center !important;
    gap: 5px;
}

  /* CSS for dropdown menu */
  .dropdown {
    position: inherit;
    display: inline-block;
    z-index: 100;
  }

  .dropdown dropdown-content {
    position: absolute;
  }

  .dropdown li ul li {
    padding: 0;
  }

  .dropdown li ul {
    padding: 12px 5px;
    width: 170px;
  }

  .dropdown-content {
    display: none;
    list-style: none;
    margin-top: 25px;
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(0, 145, 254, 0.2);
    z-index: 1;
  }

  .dropdown-content a {
    font-size: 1.5rem;
    color: var(--av-core-text);
    padding: 10px 10px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content a:hover {
    background-color: #fff;
    color: var(--av-core);
    letter-spacing: 0.3px;
    /* transform: scale(1.2) translateY(-0.5rem) translateX(0.15rem); */

  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

.shape {
    width: 121px;
}

.nav_menu {
    display: flex;
}

.nav_menu li {
    padding: 24px 7px;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--av-core-text);
    cursor: pointer;
}

.nav_menu li:hover {
    color: var(--av-core);
    cursor: pointer;
}


.nav_menu li a {
    text-decoration: none;
    padding: 24px 7px;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--av-core-text);
    cursor: pointer;
}

.nav_menu li a:hover {
    color: var(--av-core);
    cursor: pointer;
}

.align-items-center {
    align-items: center !important;
}

.right_align {
    justify-content: right !important;

}

.topbar {
    display: grid;
    grid-template-columns: 8% 84% 8%;
    background-color: var(--av-bordershade-1);
    border-bottom: 1px solid var(--av-bordershade);
    z-index: 10;
    color: #fff;
}

.top_bar {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    text-decoration: none;
    list-style-type: none;
}

.top_bar_sub {
    display: flex;
    gap: 10px;
}

.top_bar li {
    padding: 10px 15px 10px 12px;
    font-size: 1.5rem;
    font-weight: 500;

}

.top_text1 {
    border-width: 0px 1px 0px 1px;
    border-style: none solid none solid;
    border-color: transparent var(--av-bordershade) transparent var(--av-bordershade);
}

.page {
    height: 65vh;
    width: 100%;  
}

.footpage {
    height: 55vh;
    width: 100%;  
}

.page1 {
    display: block;
    /* grid-template-columns: 1fr; */
    /* background: var(--av-bordershade-1); */
    /* background-repeat: repeat; */
    /* padding: 80px 40px 0 40px; */
    /* background-image:url(/img/texture/tex1.webp); */
    z-index: 1;
    top: 0;
    width: 100%;  
    /* height: 85vh; */
    position: relative;
    overflow: hidden;
}

/* .page1 img {
    position: fixed;
} */

.page2 {
    /* background: var(--av-white); */
    background-color: rgb(248, 247, 252);
    position: relative;
    z-index: 20;
}

.page3 {
    position: relative;
    background: linear-gradient( to right,  rgba(255,102,52, 0.6), rgba(0,145,254, 0.6) );
    /* background-color: var(--av-bordershade-2); */
    /* background-image:url(/img/texture/tex1.webp); */
    z-index: 21;
}

.page3_1 {
    position: relative;
    background-color: #3a3a3a;
    /* background-image:url(/img/texture/tex1.webp); */
    z-index: 21;
}

/* .page3::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/bg00.jpg) center/cover no-repeat; 
    z-index: -1;
    opacity: 0.7; 
} */

.page4 {
    background-color: rgb(255, 255, 255);
    /* background: var(--av-white); */
}
.page6 {
    background: var(--av-bordershade-2);
    /* background-image:url(/img/texture/tex1.webp); */
}
.footer {
    height: 50px;
    padding-top: 15px;
    color: #f2f2f2;
    font-size: 1.4rem;
    text-align: center;
    justify-content: center;
    background-color: #3a3a3a;
    /* background-image:url(/img/texture/tex1.webp); */
    background-repeat: repeat;
}
.footer a {
    font-size: 1.2rem;
    text-decoration: none;
    color: rgb(216, 216, 12);
    text-transform: uppercase;
}
.dot {
    background-color: black;
}
/* .text_content {
    display: flex;
} */
.text_head {
    font-size: 3.8rem;
    text-align: left;
    padding-top: 40px;
    word-spacing: 10px;
    line-height: 50px;
    color: var(--av-white);
    font-weight: 800;
}
.text1 {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 800;
    text-align: left;
    padding: 25px 0;
}
.text2 {
    font-size: 1.8rem;
    color: rgb(0, 0, 0);
}


.page1_content {
    display: flex;
    /* position: relative; */
    flex-wrap: wrap;
    /* padding-left: 35px;
    margin-bottom: 50px; */
    /* color: #e70404; */
}

/* carousel-item img {
    background-size: cover;
    width: 100%;
} */


.page1_card {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-wrap: wrap;
    transition: all 0.3s ease-out;
    text-align: left;
    min-width: 300px;
}

.page1_card button {
    background-color: rgba(49, 164, 241, 0.9); 
    width:fit-content; 
    font-size: 1.6rem; 
    display: flex; 
    font-weight: 600; 
    align-items: center; 
    align-content: center; 
    padding: 22px; 
    color: var(--av-white); 
    border-radius: 50px; 
    box-shadow: inset 0 0 0 2px #fff; border: none; 
    height: 2.8rem;
}

.page1_card button:hover{
    background-color: rgba(49, 164, 241, 0.7); 
    cursor: pointer;
}

.page1_card img {
    animation: page1_content_img 3.5s linear infinite;
    opacity: 0.9;
}

@keyframes page1_content_img {
    0%, 100% {
        transform: translateY(-5); 
    }
    50% {
        transform: translateY(-10px); 
    }
}

.waves {
    position: absolute;
}
/* .carousel1 {
display: flex;
overflow: hidden;
width: 300px; 
margin: 0 auto; 
}

.carousel-content {
display: flex;
animation: scrollText 1s linear infinite;
} */

@keyframes scrollText {
0%, 100% {
    opacity: 0;
}
25%, 75% {
    opacity: 1;
}
}

table {
    text-align: justify;
}
table tr th {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 30px;
}
table tr td {
    
    font-size: 1.6rem;
    line-height: 30px;
}


.subtitle {
    padding-top: 60px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.subtitle label {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--av-bordershade-1);
    position: relative;
}

/* .subtitle label::after {
    content: "";
    display: block;
    width: 30%; 
    height: 5px; 
    background: var(--av-core);
    background: linear-gradient(to right, var(--av-core), var(--av-primary), var(--av-core)); 
    position: absolute;
    bottom: -8px;
    left: 35%; 
    border-radius: 20px; 
} */

.subtitle1 {
    padding-top: 60px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.subtitle1 label {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--av-white);
    position: relative;
}

/* .subtitle1 label::after {
    content: "";
    display: block;
    width: 30%; 
    height: 5px; 
    background: var(--av-white);
    background: linear-gradient(to right, var(--av-white), var(--av-secondary), var(--av-white)); 
    position: absolute;
    bottom: -8px;
    left: 35%; 
    border-radius: 20px; 
} */


.subtitle3 {
    /* padding-top: 60px; */
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.subtitle3 label {
    text-align: left;
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--av-bordershade-1);
    position: relative;
}

.page2_content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 50px 50px 80px 50px;
    /* overflow-wrap: break-word; */
    /* color: #e70404; */
}

.page2_content1 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px 50px 80px 50px;
}

.page2_card {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px;
    border-radius: 0.35rem;
    text-align: center;
    min-width: 300px;
}
.page2_card li {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 30px;
}
.page2_card p {
    font-size: 1.6rem;
    line-height: 30px;
}
.page2_card img {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 7px;
    margin: 0 50px;
    box-shadow: 2px 4px 5px rgba(135,81,228, 0.5);
    /* border-radius: 20% 10%; */
}

@keyframes page2_content_img {
    0%, 100% {
        transform: translateY(-5); 
    }
    50% {
        transform: translateY(-10px); 
    }
}




.page3_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 50px 50px 80px 50px;
    /* color: #e70404; */
}


.page3_1_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 50px 50px 80px 50px;
    /* color: #e70404; */
}

.page3_2_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0;
    /* color: #e70404; */
}

.page6_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 50px;
    /* color: #e70404; */
}

.card {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    min-width: 250px;
    max-width: 450px;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.card p {
    padding-top: 15px;
    font-size: 1.5rem !important;
    text-align: justify;
    line-height: 22px;
}
.card h5 {
    padding-top: 15px;
    font-size: 1.6rem !important;
    text-align: center;
}

.card:hover {
    transform: scale(1.03); 
    transition: all 0.4s ease-in;
}

.card2 {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--av-bordershade-2);
    /* background-color: rgb(32, 136, 206); */
    /* background-image:url(/img/texture/tex75.png); */
    color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    min-width: 200px;
    max-width: 250px;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.card2 p {
    padding-top: 8px;
    font-size: 1.1rem !important;
    text-align: center;
}
.card2 img {
    height: auto;
    width: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.5);
}
.card2 h5 {
    padding-top: 15px;
    font-size: 1.2rem !important;
    text-align: center;
}

.card2:hover {
    transform: translateY(-10px); 
    transition: all 0.3s ease-in;
}



.card3 {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* background-color: rgb(32, 136, 206); */
    color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.6s ease-out;
    position: relative;
    text-align: justify;
}
.card3 p {
    padding: 0 30px;
    font-size: 1.8rem !important;
    color: rgba(255, 255, 255, 0.8);
    text-align: justify;
    line-height: 30px;
    font-weight: 400;
}
.card3 a {
    padding: 0px 30px;

    /* height: auto; */
    /* width: 100%; */
    /* border: 1px dashed rgba(255, 255, 255, 0.5); */
}
.card3 h5 {
    padding-top: 15px;
    font-size: 1.2rem !important;
    text-align: center;
}

.card3 h4 {
    padding: 30px;
    /* font-size: 1.6rem !important; */
    text-align: left;
    color: var(--av-white);
    font-weight: 400;
    line-height: 30px;
}
.card3 img {
    height: auto;
    width: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.5);
}
/* .card3::after {
    content: "";
    display: block;
    width: 70%; 
    height: 3px; 
    background: rgba(255, 255, 255, 0.5); 
    position: absolute;
    bottom: -8px;
    left: 15%; 
    border-radius: 20px; 
} */

.card4 {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* background-color: rgb(32, 136, 206); */
    color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.6s ease-out;
    text-align: center;
}
.card4 p {
    padding: 0 30px;
    font-size: 1.6rem !important;
    text-align: left;
    color: var(--av-white);
    font-weight: 400;
    line-height: 30px;
}
.card4 h4 {
    padding: 30px;
    /* font-size: 1.6rem !important; */
    text-align: left;
    color: var(--av-white);
    font-weight: 400;
    line-height: 30px;
}
.card4 p b {
    padding-top: 25px;
    font-size: 1.6rem !important;
    text-align: center;
    color: var(--av-white);
    font-weight: 600;
    line-height: 30px;
}
.card4 img {
    height: auto;
    width: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.5);
}
.card4 h5 {
    padding-top: 15px;
    font-size: 1.2rem !important;
    text-align: center;
}



.card5 {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    min-width: 300px;
    max-width: 650px;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.card5 p {
    padding-top: 15px;
    font-size: 1.5rem !important;
    text-align: justify;
    line-height: 22px;
}
.card5 h5 {
    padding-top: 15px;
    font-size: 1.6rem !important;
    text-align: center;
}

.card5:hover {
    transform: scale(1.03); 
    transition: all 0.4s ease-in;
}

.ceo {
    align-items: center;
    align-content: center;
}
.card5 img {
    position: relative;
    height: 95px;
    width: 95px;
    margin-top: -70px;
    border-radius: 25%;
}

.card6 {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--av-bordershade-2);
    /* background-color: rgb(32, 136, 206); */
    /* background-image:url(/img/texture/tex75.png); */
    color: var(--av-white);
    padding: 2px;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    min-width: 200px;
    max-width: 250px;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.card6 p {
    padding-top: 8px;
    font-size: 1.1rem !important;
    text-align: center;
}
.card6 img {
    height: auto;
    width: 100%;
    /* border: 1px dashed rgba(255, 255, 255, 0.5); */
}
.card6 h5 {
    padding-top: 15px;
    font-size: 1.2rem !important;
    text-align: center;
}

.card6:hover {
    /* transform: translateY(-10px);  */
    transform: rotateZ(5deg);
    transition: all 0.3s ease-in;
}
.card7_extra {
    justify-content: space-evenly;
}

.card7 {
    display: flex;
    flex-direction: column;
    /* flex: 1; */
    align-items: center; 
    justify-content: center; 
    background-color: #ffffff; 
    color: var(--av-bordershade-1);
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    padding: 10px;
    width: 200px; 
    height: 200px; 
    box-sizing: border-box;
    cursor: pointer;
}

.card7 img {
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
    display: block; 
    border-radius: 5px; 
    /* border: 1px dashed rgba(255, 255, 255, 0.5);  */
}


.page3_content1 {
    overflow-y: auto; 
    height: 50vh; 
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    padding: 10px; 
    justify-content: space-evenly;
}


.card8 {
    display: flex;
    flex-direction: row;
    /* flex: 1; */
    background-color: var(--av-white);
    padding: 18px;
    border-radius: 0.35rem;
    transition: all 0.3s ease-out;
    text-align: center;
    width: 100%;
    cursor: pointer;
    /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
    border: 1px solid var(--av-info);
}

.card8 p {
    padding-left: 15px;
    font-size: 1.5rem !important;
    text-align: justify;
    line-height: 22px;
}
.card8 h5 {
    padding-top: 15px;
    /* font-size: 1.6rem !important; */
    text-align: center;
}

.number {
    font-size: 32px;
    margin-top: -5px;
    font-weight: 900;
    color: #0059b3;
}


footer {display: flex; align-items: center; text-align: center; justify-content: center; align-content: center; padding-bottom: 12px;}
span {font-size: 1.2rem;}


.text_primary {
    color: var(--av-primary-1);
}
.text_blue {
    color: var(--av-blue);
}
.text_indigo {
    color: var(--av-indigo);
}
.text_purple {
    color: var(--av-purple);
}
.text_red {
    color: var(--av-red);
}
.text_orange {
    color: var(--av-orange);
}
.text_yellow {
    color: var(--av-yellow);
}
.text_yellow_1 {
    color: var(--av-yellow_1);
}
.text_green {
    color: var(--av-green);
}
.text_green-1 {
    color: var(--av-green-1);
}
.text_teal {
    color: var(--av-teal);
}
.text_cyan {
    color: var(--av-cyan);
}
.text_sky {
    color: var(--av-sky);
}
.text_black {
    color: var(--av-black);
}
.text_white {
    color: var(--av-white);
}
.text_gray {
    color: var(--av-gray);
}
.text_primary_0 {
    color: var(--av-primary);
}
.text_secondary {
    color: var(--av-secondary);
}
.text_success {
    color: var(--av-success);
}
.text_info {
    color: var(--av-info);
}
.text_warning {
    color: var(--av-warning);
}
.text_danger {
    color: var(--av-danger);
}
.text_light {
    color: var(--av-light);
}
.text_dark {
    color: var(--av-dark);
}
.text_gray-dark {
    color: var(--av-gray-dark);
}
.text_gray-100 {
    color: var(--av-gray-100);
}
.text_gray-200 {
    color: var(--av-gray-200);
}
.text_gray-300 {
    color: var(--av-gray-300);
}
.text_gray-400 {
    color: var(--av-gray-400);
}
.text_gray-500 {
    color: var(--av-gray-500);
}
.text_gray-600 {
    color: var(--av-gray-600);
}
.text_gray-700 {
    color: var(--av-gray-700);
}
.text_gray-800 {
    color: var(--av-gray-800);
}
.text_gray-900 {
    color: var(--av-gray-900);
}


.bg_primary {
    background-color: var(--av-primary-1);
}
.bg_blue {
    background-color: var(--av-blue);
}
.bg_indigo {
    background-color: var(--av-indigo);
}
.bg_purple {
    background-color: var(--av-purple);
}
.bg_red {
    background-color: var(--av-red);
}
.bg_orange {
    background-color: var(--av-orange);
}
.bg_yellow {
    background-color: var(--av-yellow);
}
.bg_yellow_1 {
    background-color: var(--av-yellow_1);
}
.bg_yellow_2 {
    background-color: var(--av-yellow_2);
}
.bg_green {
    background-color: var(--av-green);
}
.bg_green-1 {
    background-color: var(--av-green-1);
}
.bg_teal {
    background-color: var(--av-teal);
}
.bg_cyan {
    background-color: var(--av-cyan);
}
.bg_sky {
    background-color: var(--av-sky);
}
.bg_black {
    background-color: var(--av-black);
}
.bg_white {
    background-color: var(--av-white);
}
.bg_gray {
    background-color: var(--av-gray);
}
.bg_primary_0 {
    background-color: var(--av-primary);
}
.bg_secondary {
    background-color: var(--av-secondary);
}
.bg_success {
    background-color: var(--av-success);
}
.bg_info {
    background-color: var(--av-info);
}
.bg_warning {
    background-color: var(--av-warning);
}
.bg_danger {
    background-color: var(--av-danger);
}
.bg_light {
    background-color: var(--av-light);
}
.bg_dark {
    background-color: var(--av-dark);
}
.bg_gray-dark {
    background-color: var(--av-gray-dark);
}
.bg_gray-100 {
    background-color: var(--av-gray-100);
}
.bg_gray-200 {
    background-color: var(--av-gray-200);
}
.bg_gray-300 {
    background-color: var(--av-gray-300);
}
.bg_gray-400 {
    background-color: var(--av-gray-400);
}
.bg_gray-500 {
    background-color: var(--av-gray-500);
}
.bg_gray-600 {
    background-color: var(--av-gray-600);
}
.bg_gray-700 {
    background-color: var(--av-gray-700);
}
.bg_gray-800 {
    background-color: var(--av-gray-800);
}
.bg_gray-900 {
    background-color: var(--av-gray-900);
}

.col-1 {
    flex: 0 0 auto; 
    width: calc(8.33%); 
}
.col-2 {
    flex: 0 0 auto; 
    width: calc(16.67%); 
}
.col-3 {
    flex: 0 0 auto; 
    width: calc(25%); 
}
.col-4 {
    flex: 0 0 auto;
    width: calc(33.33%);
}
.col-5 {
    flex: 0 0 auto;
    width: calc(41.67%);
}
.col-6 {
    flex: 0 0 auto;
    width: calc(50%);
}
.col-7 {
    flex: 0 0 auto;
    width: calc(58.33%);
}
.col-8 {
    flex: 0 0 auto;
    width: calc(66.67%);
}
.col-9 {
    flex: 0 0 auto;
    width: calc(75%);
}
.col-10 {
    flex: 0 0 auto;
    width: calc(83.33%);
}
.col-11 {
    flex: 0 0 auto;
    width: calc(91.67%);
}
.col-12 {
    flex: 0 0 auto;
    width: calc(100%);
}
[class*="col-"] {
    width: 100%;
  }



  /* .w-100 {
    width: 100% !important;
  }
  
  .d-block {
    display: block !important;
  } */

  .carousel {
    position: relative;
  }

  .carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  }
  
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
  }

  .overlay {
    position: absolute;
    background-color: rgba(220, 56, 72, 0.7);
    z-index: 200;
  }
  
  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  }
  
  .carousel-item::after {
    content: "";
    display: block;
    width: 100%; 
    height: 100%;  
    background: rgba(5, 0, 78, 0.1); 
    position: absolute;
    bottom: 0;
    left: 0;  
    /* border-radius: 20px;  */
    z-index: 1; 
  }

  .carousel-item img {
    image-rendering: crisp-edges;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none;
    }
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }
  
  .carousel-item-next:not(.carousel-item-left),
  .active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  .carousel-item-prev:not(.carousel-item-right),
  .active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
  }
  
  .carousel-fade .carousel-item.active,
  .carousel-fade .carousel-item-next.carousel-item-left,
  .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s 0.6s opacity;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none;
    }
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #000;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none;
    }
  }
  
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
  }
  
  .carousel-control-prev {
    left: 0;
  }
  
  .carousel-control-next {
    right: 0;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat 50% / 100% 100%;
  }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
  }
  
  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
  }
  
  .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
      transition: none;
    }
  }
  
  .carousel-indicators .active {
    opacity: 1;
  }
  
  .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /* transform: rotate(20deg); */
    /* transform: skewY(-0deg); */
    /* background-color: var(--av-core2); */
    z-index: 10;
    padding: 20px 10px;
    font-weight: 800;
    /* letter-spacing: 0.3rem; */
    color: var(--av-black);
    text-align: center;
    /* border-radius: 20px; */
  }
  



  .carousel-caption h5 {
    padding: 6px;
    text-align: center;
    font-size: 2.8rem;
  }

   .carousel-caption p {
    padding: 6px;
    text-align: center;
    font-size: 2.0rem;
  }

  .carousel-caption button {
    padding: 10px;
    text-align: center;
    color: var(--av-white);
    text-decoration: none;
    border: 1px solid var(--av-core);
    background-color: var(--av-core-20);
    font-size: 1.6rem;
    border-radius: 5%;
  }
 
  
.client {
    margin-top: -2px;
    background-color: var(--av-bordershade-2);
    height: 10vh;
    color: var(--av-white);
    text-align: center;
    align-content: center;
}

.client p {
    color: var(--av-white);
    font-size: 1.8rem;
    text-align: center;
    align-content: center;
}

.contact_form label{
    font-size: 1.6rem;
    line-height: 30px;    
    color: var(--av-black);
    text-align: left;
    justify-content: left;
    align-content: left;
    font-weight: 500;
    position: relative;
}

.contact_form ul li{
    list-style: none;
}



input {
    color: var(--av-black);
    font-size: 1.6rem;
    height: 3.2rem;
    width: 100%;
    /* border: none; */
    text-align: left;
    justify-content: left;
    align-content: center;
    background-color: #ffffff;
    padding: 4px 4px 4px 12px;
    border-radius: 10px;
    border: 1px solid var(--av-primary-1);
  }
  
  input::placeholder {
    color: var(--av-black);
    background-color: #E8F0FE;
    /* background-color: rgba(255, 255, 255, 1); */
    outline: none;
  }
  
  input:focus {
    color: var(--av-black);
    background-color: #fff;
    /* background-color: rgba(255, 255, 255, 1);  */
    outline: none;
  }
  
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset !important;
    -webkit-text-fill-color: var(--av-black) !important;
  }

#file-upload-button {
    display: none;
  }

  textarea {
    color: var(--av-black);
    font-size: 1.6rem;
    height: 10rem;
    width: 100%;
    /* border: none; */
    text-align: left;
    /* align-content: ; */
    background-color: #ffffff;
    padding: 4px 4px 4px 12px;
    border-radius: 10px;
    /* border-radius: 0.15rem; */
    border: 1px solid var(--av-primary-1);
  }
  
  textarea::placeholder {
    color: var(--av-black);
    background-color: #E8F0FE;
    /* background-color: rgba(255, 255, 255, 1); */
    outline: none;
  }
  
  textarea:focus {
    color: var(--av-black);
    background-color: #fff;
    /* background-color: rgba(255, 255, 255, 1);  */
    outline: none;
  }
  
  textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset !important;
    -webkit-text-fill-color: var(--av-black) !important;
  }



  button {
    color: var(--av-white);
    font-size: 1.6rem;
    height: auto;
    width: fit-content;
    /* border: none; */
    text-align: center;
    /* align-content: ; */
    background-color: var(--av-bordershade-1);
    padding: 8px 12px;
    border-radius: 10px;
    /* border-radius: 0.15rem; */
    border: 1px solid var(--av-primary-1);
  }
  
  button:focus {
    color: var(--av-black);
    background-color: #fff;
    /* background-color: rgba(255, 255, 255, 1);  */
    outline: none;
  }
  
  button:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset !important;
    -webkit-text-fill-color: var(--av-black) !important;
  }


  .hamburger {
    display: none;
    font-size: 30px;
    cursor: pointer;
    color: black;
}

.navbar_bar_mob {
    display: none;
}

.imagesize {
    height: 250px;
    width: 260px;
    
}




@media (max-width: 900px) {

    * {
        padding: 0;
        margin:0;
        box-sizing: border-box;
        font-family: 'Barlow', sans-serif;
        font-size: 8px;
    }
    
    html body {
        font-family: 'Barlow', sans-serif;
    }

    .navbar_bar_mob {
        background-color: var(--av-white);
        display: block;
    }

    .navbar_bar, .hidden, .top_text2 {
        display: none;
    }

    .nav_bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .hamburger {
        display: block;
        margin-top: -30px;
        padding: 0 20px;
        justify-content: right;
        text-align: right;
        /* background-color: var(--av-white); */
    }

    #nav_menu {
        display: none;
        flex-direction: column;
        width: 100%;
        border: 1px solid var(--av-primary-3);
    }

    #nav_menu li {
        width: 100%;
        text-align: left;
        padding: 10px 0;
        text-align: center;
        justify-content: center;
        border-bottom: 1px solid var(--av-gray-200);
    }
    .dropdown li ul {
        width: 100%;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
    }

    .dropdown-content a {
        padding: 10px 20px !important;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .page2_content {
        display: flex;
        /* flex-wrap: wrap; */
        /* gap: 10px; */
        padding: 50px 10px 80px 10px;
        /* overflow-wrap: break-word; */
        /* color: #e70404; */
    }

    .page2_card img {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 7px;
        margin: 0px;
        height: auto;
        width: 100%;
        box-shadow: 2px 4px 5px rgba(135,81,228, 0.5);
        /* border-radius: 20% 10%; */
    }

    .page2_content1 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0px 10px 80px 10px;
    }


    .card5 img {
        position: relative;
        height: 95px;
        width: 95px;
        margin-top: -70px;
        border-radius: 25%;
    }



}