* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  :root {
    --conalz-font: 'Kumbh Sans', sans-serif;
    /* --conalz-font-two: 'Titillium Web', sans-serif; */
    --conalz-font-two: 'Poppins', sans-serif;

    --conalz-reey-font: "reeyregular";
    --conalz-gray: #232323;
    --conalz-gray-rgb: 35, 35, 35;
    --conalz-white: #ffffff;
    --conalz-white-rgb: 255, 255, 255;
    --conalz-base: #005cff;
    --conalz-base-rgb: 0, 92, 255;
    --conalz-black: #13121d;
    --conalz-black-rgb: 19, 18, 29;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  html,
  body {
    height: 100%;
    background-color: #fff;
    font-family:  'Poppins', sans-serif;;
  }
  
  


  /*
  ============
  Scroll button
  ============
   */

   #scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 10px;
    border: none;
    outline: none;
    background-color:  #e9af12;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
  }
  #scrollToTopBtn:hover {
    background-color:#603506;
  }

  #scrollToTopBtn .bi{

    font-size: 15px;
    padding: 5px;
    font-weight: bold;
  }

  /*
  ============
  Notification
  ============
  */

  #notification {
    font-family: 'Poppins', sans-serif;
    color: #000;
  }

  #notification .close{
      font-size:18px;
     background-color: #2ec329;
     border:none;
     color:danger;
  }

  #notification .modal-title {
    font-size: 22px;
    font-weight: bold;

  }

  #notification  .modal-header{
    background-color: #2ec329;
    }
  #notification .modal-body {
   background-color: #f5f5f5;

  }

  #notification .modalbody-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
  }

  #notification .modalbody-sub-title {
    font-size: 17px;
    font-weight: bold;

  }

  #notification .modalbody-description {
    font-size: 15px;
  text-align: justify;
  }

  #notification .modalbody-img {
    width: 100%;

  }

  /*
  ========================
  Topbar Section
  ========================
  */

  #topbar {
    padding: 8px;
    background-color:#25296e;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family:  'Poppins', sans-serif;;
  }

  #topbar a {
    color: #fff;
    text-decoration: none;
  }

  #topbar a:hover {
    color: #18d26e !important;
    text-decoration: none;
  }

  #topbar .time-section {
    font-size: 15px;
    justify-content: center;
    align-items: center;
  }

  #topbar .time-section {
    font-size: 15px;
    justify-content: center;
    align-items: center;
  }

  #topbar .social-icon {
    font-size: 15px;
    justify-content: center;
    align-items: center;
  }

  #topbar .link-section {
    font-size: 15px;
  }



  /*
  ===================
  Logo Info Section
  ==================
  */

  #logo-info {
    background-color:#f9e1e145;
    color: #000;
    justify-content: left;
    align-items: left;
    text-align: left;
    font-family:  'Poppins', sans-serif;;
  }

  #logo-info .center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #f9f9f9;*/
    /*background-color:#fff;*/
  }

  #logo-info .logo img {
    height: 90px;
    width: auto;
    padding: 12px;
    /*background-color:#fff;*/
  }

  #logo-info .fas {
    color: #18d26e !important;
    font-size: 20px;
  }

  #logo-info .contact-text {
    /* border-bottom: 2px solid red; */
    width: fit-content;
    font-size: 20px;
    font-weight: 500;
  }


  #logo-info .contact-info-sub {
    font-size: 15px;
    font-weight: normal;
    font-family:  'Poppins', sans-serif;;
    color: #000;
  }

  #logo-info .underline{
    border-left: 2px solid #18d26e;
    /* width: fit-content; */
    height: 35px;
    margin: auto;

  }

  #logo-info .email-text {
    /* border-bottom: 2px solid red; */
    width: fit-content;
    font-size: 20px;
    font-weight: 500;
  }

  #logo-info .email-info-sub {
    font-size: 15px;
    font-weight: normal;
    font-family:  'Poppins', sans-serif;;
    color: #000;
  }
   #logo-info .email-info-sub a{
        color: #000;
        text-decoration:none;
   }
   #logo-info .email-info-sub a:hover{
        color: #2f349ee0;
        text-decoration:none;
   }


  /*
  ================
  Navbar Section
  ================
  */


  .navbar {

 background-color: #25296e;
    /*background-color: #184973;*/
    text-transform: uppercase;
    
  }

  /* .navbar-nav{
    margin-left: 95px;
  } */

  .navbar a {
    padding: 15px;
    color: white;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 500 !important;
  }

  a:visited {
    text-decoration: none;
    cursor: pointer;
  }

  .navbar a:hover {
    color: #18d26e !important;
    font-style: normal;
  }

  /* .d-block {
    display: block !important;
  } */

  .dropdown-menu a {
    color: black !important;
    padding: 8px;
     font-family: "Montserrat", sans-serif;
    font-weight: 500 !important;

  }

  .dropdown-menu a:hover {
    color: #18d26e !important;
       background-color: #25296e;
       
  }

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

  .fa-bars {
    color: white;
    /* padding-left: 15px; */
  }


  /*
  =============
  Slider
  ============
  */
  #bannerSlider{
    background-size: cover;
    background-position: center;
    background-size: cover;
    margin: auto;
    /* height: 40vh; */
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Poppins', sans-serif;

  }

  #bannerSlider .carousel-item{
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Poppins', sans-serif;

  }

  #bannerSlider .carousel-item img{
    width: 100%;
    background-size: cover;
    background:  no-repeat scroll center center;
    height: 80vh;
  }


  #bannerSlider .carousel-caption{
    color: white;
    margin: auto;
    top: 40%;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
  }

  #bannerSlider .carousel-caption h2{
    font-size: 43px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;

  }
  #bannerSlider .carousel-caption h5{
    font-size: 26px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
      margin-top:-10px;
  }
  #bannerSlider .carousel-caption h3{
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;

      /*margin-top:-10px;*/

  }
  #bannerSlider .carousel-caption p{
    font-size: 18px;
     font-weight: bold;
      text-transform: uppercase;
    font-family: 'Poppins', sans-serif;

  }
  #bannerSlider .carousel-caption .btn{
    background-color: #005cff;
    margin: 5px;
    border:none;
    text-transform: capitalize;
  }
  #bannerSlider .carousel-caption .btn:hover{
    background-color: #18d26e;
    margin: 5px;
  }






  /*
  ===========================
  Featured Services Section
  ==========================
  */


  #featured-services {
    background: #1a1616;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    font-family:  'Poppins', sans-serif;;

  }

  #featured-services .box {
    padding: 20px 10px;
    background-image: linear-gradient(0deg, #292323 0%, #342d2d 20%, #212121 100%);
    /* border: 1px solid #18d26e; */
  }

  #featured-services h4 {
    font-weight: 400;
    margin: 15px 0;
    font-size: 17px;
    font-family:  'Poppins', sans-serif;;
  }

  #featured-services .title a {
    text-decoration: none;
  }


  #featured-services h4 a {
    color: #fff;
  }

  #featured-services h4 a:hover {
    color: #18d26e;
  }

  /* #featured-services p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
  } */


  #featured-services i {
    color: #18d26e;
    font-size: 40px;
    display: inline-block;
    line-height: 1;
  }


  /*
  ===================
  About Us section
  ===================
   */

  #about-section {
  padding: 55px 0 40px 0;
    /* margin-top: 50px; */
    background-color: #fff;
    font-family:  'Poppins', sans-serif;;

  }

   #about-section h2 {
    /* border-bottom: 2px solid #18d26e !important; */
    width: fit-content;
  }

  #about-section .text-uppercase {
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
    font-weight: bold;

  }

  #about-section .h4 {
    justify-content: left;
    align-items: left;
    /*margin: auto;*/
    font-weight: bold;
    font-size:15px;
  }

   #about-section .image-caption-container {
          background-color: #25296e;
    /* border-radius: 10px; */
    overflow: hidden;
    color:white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
   #about-section .image-caption-container img {
   width: 100%;
   height: -webkit-fill-available;
  }
  #about-section .image-caption-container h2{
        font-weight: bold;
         font-size:25px;
           /*text-align: justify;*/
  }

   #about-section .image-caption-container  p{
    font-size: 18px;
        /*line-height: 20px;*/
          text-align: justify;
   }
   #about-section  .image-caption-container  a{
       background-color: #1f9cbdde;
       /*background-color:#18d26e;*/
       text-transform: capitalize;
    color: #fff;
   }
    #about-section  .image-caption-container  a:hover{
       /*background-color: #1626dfde;*/
       background-color:#18d26e;
    color: #fff;
   }

  /*
  =====================
  Services Section
  ======================
  */


  #services {
    /*background:  rgba(183, 236, 249,1);*/
    background:#f5f5f5;
    /*background:  #f5f5f5;*/
    /* background: rgba(0, 128, 0, 0.3) background-size: cover; */
    font-family:  'Poppins', sans-serif;;
    padding: 55px 0 40px 0;
  }
  
    #services .sub-title {
    font-size:15px;
    color:#ae5c5c;
    /*font-size: 18px;*/
    /*line-height: 28px;*/
    margin: 0;
    text-transform: uppercase;
    /*font-weight: 300;*/
  }
  
   #services .sub-title1 {
    font-size:18px;
   
  }
  
  #services h2 {
    /* border-bottom: 2px solid #18d26e !important; */
    width: fit-content;
  }

  #services .text-uppercase {
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
    font-weight: bold;

  }
/*#services .sec-heading p{*/
/*    font-size:17px;*/
/*}*/

  #services .box {
    margin-bottom: 20px;
  }

  #services .icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

  }

  .icon-on-top {
    position: relative;
  }

  #services .icon i {
    color: #18d26e;
    font-size: 40px;
    line-height: 1;
    transition: 0.5s;

  }

  #services h4 {
    font-family:  'Poppins', sans-serif;;
    font-size: 18px;
  }

  #services .title {
    margin-top: 55px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family:  'Poppins', sans-serif;;
    /*line-height: 20px;*/

  }

  #services .title a {
    color: #111;
  }

  #services .box:hover .title a {
    color: #18d26e;
  }


  #services .description {
    font-size: 18px;
    margin-left: 60px;
    line-height: 24px;
    margin-bottom: 0;
    font-family:  'Poppins', sans-serif;;
      text-align: justify;
    justify-content: center;
    align-items: center;
    /*text-align: center;*/
  }


  /* s
  =====================
  Call Action Section
  =====================
  */

  #call-action {
      /*background:  #f5f5f5;*/
      background:#f7f2f200;
    /*background-color: rgb(108, 215, 242);*/
    padding: 55px 0 40px 0;
    font-family:  'Poppins', sans-serif;;

  }

  #call-action h2 {
    /* border-bottom: 2px solid #18d26e !important; */
    width: fit-content;
   
  }

  #call-action .text-uppercase {
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 30px;
    font-weight: bold;
  }


  /*#call-action p {*/
    /* margin-bottom: 34px; */
  /*  font-family:  'Poppins', sans-serif;*/
  /*}*/
  
  #call-action .sub-title {
   
     font-size:15px;
    color:#ae5c5c;
    /*font-size: 18px;*/
    /*line-height: 28px;*/
    margin: 0;
    text-transform: uppercase;
    /*font-weight: 300;*/
  }



  #call-action .card {
    border-radius: 4px;
    background: #fff;
    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);
    box-shadow: 0 1px 5px 0 rgba(66, 133, 244, .18),
      0 4px 15px 0 rgba(66, 133, 244, .15);
    margin-bottom: 20px;
    font-family:  'Poppins', sans-serif;;
  

  }

  #call-action .card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
    background-color: #ddfaea;

  }


  #call-action .card-info h6 {
    /*line-height: 15px;*/
    font-family:  'Poppins', sans-serif;;
    font-weight: bold;
    
  }

  #call-action small {
    /* line-height: 15px; */
    font-family:  'Poppins', sans-serif;
    font-weight: normal;
    font-size: 15px;

  }
  #call-action  .fab{
    color: #182dd2;
    font-size: 17px;
    padding: 2px;
  }

  #call-action  a:hover{
    color: #aaaafb;
    font-size: 13px;

  }
  #call-action  span {
    /* line-height: 15px; */
    font-family:  'Poppins', sans-serif;
    font-weight: normal;
    font-size: 15px;

  }

  /*
  ==================
  Bank Info Section
  ==================
  */

  #bank-info {
    /*background: rgb(64, 114, 64);*/
    background-color: #25296e;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-family:  'Poppins', sans-serif;

  }

  #bank-info h2 {
    font-size: 20px;
    font-weight: 300;
    font-family:  'Poppins', sans-serif;
    text-transform:uppercase;
  }


  #bank-info .title {
    font-weight: bold;
    /* font-size: 20px; */
  }

  #bank-info p {
    font-size: 20px;
    font-weight: 300;
     font-family:  'Poppins', sans-serif;

  }

  #bank-info .description {
    font-weight: 200;
    font-size: 18px;
    font-family:  'Poppins', sans-serif;

  }


/*
==============
Payment partner
===============
*/

    #payment-partner {
     background:  #f5f5f5;
    /*background-color: rgb(108, 215, 242);*/
    padding: 55px 0 40px 0;
    font-family:  'Poppins', sans-serif;;

  }

  #payment-partner h2 {
    /* border-bottom: 2px solid #18d26e !important; */
    width: fit-content;
  }

  #payment-partner .text-uppercase {
    justify-content: center;
    align-items: center;
    margin: auto;
    font-weight: bold;
  }


  #payment-partner p {
    /* margin-bottom: 34px; */
    font-family:  'Poppins', sans-serif;
  }
  
     #payment-partner .payment{
         padding:0px 200px;
         margin:auto;
     }
  #payment-partner .card{
      height:15vh;
     box-shadow: 0 1px 5px 0 rgba(66, 133, 244, .18), 0 4px 15px 0 rgba(66, 133, 244, .15);
  }
  
   #payment-partner .card img{
    /*padding:5px;*/
    width:100%;
   height:-webkit-fill-available;
  }
  
  #payment-partner .card .img-top-first{
   padding: 5px 30px;
   /* width:80%;*/
   /*height:-webkit-fill-available*/
  }

  /*
  ==============
  Footer Section
  ==============
   */

  #footer {
          background-color: #25296e;
    /*background-color: #184973;*/
    color: white;
    padding: 35px;
    font-family:  'Poppins', sans-serif;

  }



  #footer .title {
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-left: 2px solid white;;
    padding: 0px 10px;
    width: fit-content;
    font-weight: bold;
  }
  #footer h5 {
    text-transform: capitalize;
    /* font-size: 18px; */
    font-family:  'Poppins', sans-serif;
    font-weight: bold;
  }


  #footer h6 {
    text-transform: capitalize;
    font-size: 18px;
    font-family:  'Poppins', sans-serif;
    font-weight: bold;
  }
  
  #footer .fas{
      color:white;
  }

  #footer a {
    text-decoration: none;
    color: white;
    /*border-bottom: 2px solid #18d26e;*/
    margin: -5px 10px;
  }

  #footer .far {
    color:white;

  }

  #footer a:hover {
    text-decoration: none;
    color: #31ed89;
  }
  
    #footer .card{
      height: 30vh;
    }


  /*
  ======================
  Copy-right Section
  =======================
   */

  #copy-right {
    background-color:  #eb991e;
    /*background-color: #a28436;*/
    padding: 20px;
    font-size: 15px;
    font-family:  'Poppins', sans-serif;

  }

  #copy-right .copy-right-info {
    font-size: 15px;
  }

  #copy-right a {
    text-decoration: none;
    color: black;
    text-transform: capitalize;
  }
  
  

  #copy-right .copy-right-link {
    font-size: 15px;
    color:#1157dded;
  }

  #copy-right a:hover {
    color: #0f0f64;

  }