@import url('fonts.css');

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .icarousel .bannerheight {
        height: 600px;
    }
    /* caption/title slide */
    .d2dcaption {
        right: 3%;
        left: 3%;
    }
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
    .icarousel .bannerheight {
        height: 600px;
    }
    /* caption/title slide */
    .d2dcaption {
        right: 9%;
        left: 9%;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    .icarousel .bannerheight {
        height: 700px;
    }
    /* caption/title slide */
    .d2dcaption {
        right: 9%;
        left: 9%;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .icarousel .bannerheight {
        height: 800px;
    }
    /* caption/title slide */
    .d2dcaption {
        right: 10%;
        left: 10%;
    }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .icarousel .bannerheight {
        height: 900px;
    }
    /* caption/title slide */
    .d2dcaption {
        right: 15%;
        left: 15%;
    }
}


/********carousel********/

.icarousel {
    background-color: #0A112A;
}

.icarousel .d2dbanner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity="50");
    mozopacity: 0.5;
    khtmlopacity: 0.5;
    opacity: 0.5;
}


/* The dots/bullets/indicators */

.carousel-indicators .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #BBB;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.carousel-indicators .active,
.dot:hover {
    background-color: #FFF;
}


/* caption/title slide */

.d2dcaption {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    color: #FFF;
}


/********main menu********/


/* underline bottom border */

@media only screen and (min-width: 992px) {
    .navbar {
        padding: 0;
    }
    .navbar .navbar-brand {
        padding: 0 0.7em;
    }
    .navbar .navbar-nav .nav-link {
        padding: 1em 0;
    }
    .navbar .navbar-nav .nav-item {
        margin: 0 1em;
    }
}

.navbar .navbar-nav .nav-item {
    position: relative;
}

.navbar .navbar-nav .nav-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #103a83; 
    /* rgba(42, 145, 54, .9); */
    width: 0%;
    content: "";
    height: 4px;
    transition: all 0.5s;
}

.navbar .navbar-nav .nav-item:hover::after {
    width: 100%;
}


/* nav link color */

.custom-nav .nav-link {
    font-weight: bold;
}

/* rgba(42, 145, 54, .9) */
.custom-nav .active>.nav-link,
.custom-nav .nav-link.active,
.custom-nav .nav-link.show,
.custom-nav .show>.nav-link {
    color: #103a83 !important;
}


/* toggler color */

.custom-toggler {
    /*color: rgba(42,145,54,.9) !important;*/
    border-color: rgba(255, 255, 255, .9) !important;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(42,145,54,.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/********main title********/

.d2btitle {
    text-align: center;
}

.d2btitle h1 {
    color: #103a83;
    padding: 30px 20px;
}
 

/********text content********/

.maincontent {
    text-indent: 10%;
}


/********link color********/

.alink,
a.alink {
    color: #103a83;
    text-decoration: none;
}

.alink:hover,
a.alink:hover {
    color: #103a83;
}

.wlink,
a.wlink {
    color: white;
    text-decoration: none;
}

.wlink:hover,
a.wlink:hover {
    color: lightgray;
}

.glink,
a.glink {
    color: rgb(10, 11, 114);
    text-decoration: none;
}

.glink:hover,
a.glink:hover {
    color: gray;
}


/********button********/


/* button circle */

.btn-circle.btn-d2dcircle {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    text-align: center;
}


/* button rounded */

.btn-rounded.btn-d2drounded {
    /*width: 70px;*/
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
}


.curved-square {    
    /* border: 1px solid #FFF; 
    border-radius: 16px; */
  }


  .text-align-center {
    text-align: center;
  }

  

  .shadow-after {
    position: relative;
  }
  
  .bg-dimgray{
    background-color: #8497b0;
  }

  .bg-dark-dimgray{
    background-color: #182b3d;
  }

  .image-container {
    position: relative; /* Allows positioning of the pseudo-element */
  }
  
  .image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
  }
  
  .image-container img {
    /* Adjust image styles as needed */
  }