*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Mulish", serif;    
  }
  .headlogo{
      width: 100%;
      height: 90px;
      padding-left: 40px;
  }
  .carousel-control-prev, .carousel-control-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
  }
  .btn-about {
    padding: 12px 30px;
    background-color: #ff5733;
    border: none;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }

   .btn-about:hover {
    background-color: #d9534f;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  }
  
  
  .carousel-control-prev i, .carousel-control-next i {
    font-size: 32px;
    color: white;
  }
  .navbar {
    background-color:#83aaf5;
    border-radius: 0;
}

.navbar-brand {
    color: #fff !important;
    font-weight: bold;
    font-size: 1.5rem;
}

.nav-link {
    color: #fff !important;
    transition: color 0.3s ease;
    font-size: 18px;
}

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

/* Responsive navbar toggler button */
.navbar-toggler-icon {
    background-color: #fff;
}

/* Custom styling for active links */
.nav-item.active .nav-link {
    color: #ff5733 !important;
}

/* Navbar links style for mobile */
.navbar-collapse {
    justify-content: center;
}
  .carousel {
    position: relative;
    height: 90vh; /* Full viewport height */
    overflow: hidden;
  }

  /* Ensure the image fills the carousel container */
  .carousel-item img {
    width: 100%;
    height: 100vh; /* Ensure image takes full height */
    object-fit: cover; /* Cover the space without stretching */
  }

  /* Carousel caption styling */
  .carousel-caption {
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    padding: 20px;
    border-radius: 10px;
    width: 80%; /* Adjust width of caption */
  }

  .carousel-caption h5 {
    font-size: 65px;
    font-family: 'Hey October', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    color: #f0ea1d;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    margin: 15px 0px 15px 0px;
  }

  .carousel-caption p {
    font-size: 17px;
    font-style: italic;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    margin: 20px 0px;
  }

  /* Custom Controls */
  .carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #83aaf5;
    border-radius: 50%;
  }

  .carousel-control-prev, .carousel-control-next {
    z-index: 5;
  }

  .carousel-indicators {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
  }

  .carousel-indicators li {
    background-color: #83aaf5;
  }

  .carousel-indicators .active {
    background-color: #ff5733;
  }
  @media(max-width:768px){
    .carousel{
      height: 50vh; 
    }
    .carousel-caption{
      top: 15%;
      left: 50%;
      width: 74%; /* Adjust width of caption */
      height: 26%; /* Adjust width of caption */
    }
    .carousel-caption h5 {
      font-size: 30px;
      
    }

    .carousel-caption p {
      font-size: 16px;
     
    }

  }
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bree+Serif&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Young+Serif&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  :root
  {
  
    --color1:#f1eb1e;
    --color2:#16b2c8;
    --color3:#faa21b;
    --color01:#F3DE25;
    --bgl:#FFF2F0;
    --white:#fff;
    --black:#000;
  }
  /*
  font-family: "Poppins", sans-serif;
     font-family: "Young Serif", serif;
     font-family: "Rubik", sans-serif;
     font-family: "Roboto", sans-serif;
     font-family: "Bree Serif", serif;
      font-family: "Barlow Condensed", sans-serif;
       font-family: "Barlow", sans-serif;
  
  
  */
  
  /* @font-face {
      font-family: 'Hey-October';
      src: url(../font/Hey/October.ttf);
  } */
  @font-face {
    font-family: 'Hey October';
    src: url('../font/Hey\ October.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  
  span.heading-font
  {
    font-family: 'Hey October', sans-serif;
    text-transform: capitalize;
    font-weight: normal !important;
    font-size: 65px !important;
  }
  
  .textHeightFix{
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
  }
  .textHeightFix[text-length='2']{
      -webkit-line-clamp: 2;
  }
  .textHeightFix[text-length='1']{
      -webkit-line-clamp: 1;
  }
  
  @media screen and (min-width: 993px)
  {
    .navigation .nav-container .navigation-row .logo_area .menuToggle
    {
      display: none;
    }
  }
  ul
  {
    list-style-type: none;
    margin-bottom: 0;
  }
  a
  {
    text-decoration: none;
  }
  *{
    box-sizing: border-box;
    /*overflow: hidden;*/
  }
  body
  {
     font-family: "Barlow", sans-serif;
    font-size: 16px;
    color: #58585E;
    font-weight: 400;
    overflow-x: hidden;
  }
  h1,h2,h3,h4,h5,h6
  {
     font-family: "Barlow Condensed", sans-serif;
  }
  p
  {
    text-align: justify;
  }
  .container
  {
    max-width: 95%;
  }
  .rows
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px)
  {
    .rows
    {
      flex-direction: column;
    }
    .rows .cols1,
    .rows .cols2,
    .rows .cols3,
    .rows .cols4,
    .rows .cols5,
    .rows .cols6,
    .rows .cols7,
    .rows .cols8,
    .rows .cols9,
    .rows .cols10,
    .rows .cols11,
    .rows .cols12
    {
      width: 100%;
      margin: 0 0 20px;
    }
  }
  .justifyContentCenter
  {
    justify-content: center;
  }
  .justifyContentBetween
  {
    justify-content: space-between;
  }
  .justifyContentEnd
  {
    justify-content:flex-end;
  }
  .alignSelfCenter
  {
    align-self: center;
  }
  .alignItemsCenter
  {
    align-items: center;
  }
  .rows .colsonly
  {
    flex: 0 0 auto;
  }
  .rows .cols1
  {
    flex: 0 0 auto;
    width: calc(100% - 30px);
    margin: 0 15px 20px;
  }
  
  .rows .cols2
  {
    flex: 0 0 auto;
    width: calc(50% - 30px);
    margin: 0 15px 20px;
  }
  
  .rows .cols3
  {
    flex: 0 0 auto;
    width: calc(33.333% - 30px);
    margin: 0 15px 20px;
  }
  
  .rows .cols4
  {
    flex: 0 0 auto;
    width: calc(25% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols5
  {
    flex: 0 0 auto;
    width: calc(20% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols6
  {
    flex: 0 0 auto;
    width: calc(16.666% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols7
  {
    flex: 0 0 auto;
    width: calc(14.28% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols8
  {
    flex: 0 0 auto;
    width: calc(12.5% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols9
  {
    flex: 0 0 auto;
    width: calc(11.11% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols10
  {
    flex: 0 0 auto;
    width: calc(10% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols11
  {
    flex: 0 0 auto;
    width: calc(9.09% - 30px);
    margin: 0 15px 20px;	
  }
  
  .rows .cols12
  {
    flex: 0 0 auto;
    width: calc(8.333% - 30px);
    margin: 0 15px 20px;	
  }
  .rows .colsHalf
  {
    flex: 0 0 auto;
    width: calc(50% - 30px);
    margin: 0 15px 20px;
  }
  
  .rows .colsThree
  {
    flex: 0 0 auto;
    width: calc(33.333% - 30px);
    margin: 0 15px 20px;
  }
  
  /*
    ******************************************
  */
  
  
  /*
    *************************************
  */
  
  .video-container
  {
    width: 100%;
    height: 90vh;
    position: relative;
  }
  .video-container video
  {
    width: 100%;
    height: 100%;
  }
  .video-container .overlay_bg-videos
  {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  .video-container video
  {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  
  .video-container .content-videos
  {
    position: absolute;
      bottom: 50px;
      left: 30px;
      z-index: 3;
      width: 35%;
      padding:27px 30px;
      padding-left:34px;
      border-radius: 39px;
  }
  /*
    ******************************************
  */
  
  .topbar
  {
    background-color: #f11eee;
  }
  .topbar .topbar_container
  {
    max-width: 90%;
    margin: auto;
  }
  .topbar .topbar_container .cRow
  {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
  }
  .topbar .topbar_container .cRow .left .textLeft i
  {
    color: var(--white);
  }
  .topbar .topbar_container .cRow .left .textLeft span
  {
    font-size: 15px;
    color: var(--white);
    font-weight: 500;
  }
  
  .topbar .topbar_container .cRow .right .topINfo
  {
    display: flex;
  }
  .topbar .topbar_container .cRow .right .topINfo a
  {
    flex: 0 0 auto;
    margin-left: 15px;
  }
  .topbar .topbar_container .cRow .right .topINfo a i
  {
    color: var(--white);
  }
  .topbar .topbar_container .cRow .right .topINfo a span
  {
    font-size: 16px;
    color: var(--white);
    font-weight: 500;
  }
  
  /*
    ******************************************
  */
  .navigation
  {
    background-color: var(--white);
    position: relative;
    /*position: sticky;*/
    top: 0;
    z-index: 5;
    /*border-bottom: 1px solid #000;*/
  }
  .navigation .nav-container
  {
    max-width: 95%;
    margin: auto;
    padding: 10px 0;
  }
  .navigation .nav-container .navigation-row
  {
    display: flex;
    justify-content: space-between;
  }
  
  .navigation .nav-container .navigation-row .logo_area a
  {
      display: flex;
      width: 328px;
      position: absolute;
      top: -41px;
      left: 0;
      background: var(--white);
      height: 110px;
      padding-top: 0px;
      padding-left: 15px;
      align-items: center;
      z-index: 3;
  }
  .navigation .nav-container .navigation-row .logo_area a:before
  {
    content: '';
      position: absolute;
      right: -17px;
      top: 0;
      width: 30px;
      height: 100%;
      background: white;
      transform: skewX(-10deg);
  }
  .navigation .nav-container .navigation-row .logo_area a img.logo-icon
  {
    width: 90px;
    height: 90px;
    object-fit: contain;
  }
  .navigation .nav-container .navigation-row .logo_area a .logo-text
  {
    width: 216px;
      height: 75px;
      padding-left: 0px;
  }
  .navigation .nav-container .navigation-row .navigations
  {
    flex: 0 0 auto;
    max-width: 80%;
  }
  
  .navigation .nav-container .navigation-row .logo_area
  {
  
  }
  
  @media screen and (max-width: 767px)
  {
    .topbar .topbar_container .cRow .left
    {
      display: none;
    }
    .topbar .topbar_container .cRow
    {
      flex-direction: column;
    }
    .topbar .topbar_container .cRow .right .topINfo
    {
      justify-content: center;
      align-items: center;
    }
  }
  
  @media screen and (max-width: 576px)
  {
    .topbar .topbar_container .cRow .left
    {
      display: none;
    }
    .topbar .topbar_container .cRow
    {
      flex-direction: column;
    }
    .topbar .topbar_container .cRow .right .topINfo
    {
      justify-content: center;
      align-items: center;
    }
  }
  @media screen and (max-width: 480px)
  {
    .topbar .topbar_container .cRow .left
    {
      display: none;
    }
    .topbar .topbar_container .cRow
    {
      flex-direction: column;
    }
    .topbar .topbar_container .cRow .right .topINfo
    {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }
  
  /*
    ******************************************
  */
  
  .navigation .nav-container .navigation-row .navigations .main_ul
  {
    display: flex;
    align-items: center;
    grid-column-gap: 15px;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li a
  {
      display: block;
      color: var(--black);
      font-weight: 600;
      font-size: 14px;
      font-size: 14px;
      padding: 5px 0;
      margin: 9px 0;
      transition: .1s;
      position: relative;
      text-transform: uppercase;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li a > i
  {
    font-size: 85%;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li:hover > a
  {
    color: var(--color1);
  }
  
  .navigation .nav-container .navigation-row .navigations .main_ul > .main_li > a:before
  {
    content: '';
    position: absolute;
    left: 0;
    bottom:0;
    width: 0%;
    height: 2px;
    background-color: var(--color1);
    transition: .2s;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul > .main_li.current > a:before,
  .navigation .nav-container .navigation-row .navigations .main_ul > .main_li:hover > a:before
  {
    width: 100%;
  }
  
  /*
    ******************************************
  */
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.dropdown1
  {
    position: relative;
    z-index: 4;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.dropdown1 .sub-menu1
  {
    padding-left: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: var(--color2);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.dropdown1:hover > .sub-menu1
  {
    opacity: 1;
    visibility: visible;
  }
  
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.dropdown1 .sub-menu1 li a
  {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    padding: 9px 20px;
    margin: 0 0;
    color: var(--white);
    font-weight: 500;
    border-bottom: 1px solid #eaeaea;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.dropdown1 .sub-menu1 li:hover a
  {
    background-color: var(--color1);
    color: var(--white);
  }
  /*
    ******************************************
  */
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.enquiryLi
  {
    margin-left: 30px;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.enquiryLi a:before
  {
    display: none;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.enquiryLi a
  {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color2);
    color: var(--white);
    padding: 10px 35px;
    padding: 6px 26px;
    font-weight: 600;
    border-radius: 28px;
    transition: .1s;
    margin: 0 0;
    font-size: 16px;
  }
  .navigation .nav-container .navigation-row .navigations .main_ul .main_li.enquiryLi:hover a
  {
    background-color: var(--color1);
  }
  
  /*
    ==============================
  */
  
  #carouselExample .carousel-inner .carousel-item
  {
  
  }
  #carouselExample .carousel-inner .carousel-item img
  {
  
    /*object-position: top center;*/
    /*object-fit: cover;*/
    width: 100%;
    /*height: 550px;*/
  }
  .sliderWrapper
  {
    position: relative;
  }
  .sliderWrapper .bubble
  {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
  }
  
  /*
    =========================================
  */
  
  .aboutus
  {
    margin-top: -30px;
    position: relative;
    z-index: 3;
  }
  .aboutus .container
  {
    max-width: 85%;
  }
  .aboutus .aboutimage
  {
    position: relative;
  }
  .aboutus .aboutimage:before
  {
    position: absolute;
    content: '';
    position: absolute;
    left: 3px;
    top: -10px;
    width: 96%;
    height: 100%;
    background-color: var(--white);
    z-index: 2;
    border-radius: 8px;
  }
  .aboutus .aboutimage:after
  {
    position: absolute;
    content: '';
    position: absolute;
    left: 3px;
    top: -10px;
    width: 96%;
    height: 100%;
    background-color: var(--color1);
    z-index: 1;
    border-radius: 8px;
  }
  .aboutus .aboutimage img
  {
    width: 97%;
    height: 500px;
    margin-left: 3%;
    position: relative;
    z-index: 3;
    border-radius: 8px;
    box-shadow: 0 20px 15px 15px rgba(0 0 0 / 10%);
    object-position: center;
    object-fit: cover;
  }
  
  /*
    *******************************
  */
  
  section.features{
    background-color: #dbdbd5;
    /*background-color: var(--color1);*/
  }
  section.features .container
  {
    max-width: 87%;
  }
  section.features .feature-container
  {
    padding: 65px 0;
  }
  section.features .feature-container
  {
  
  }
  section.features .feature-container .blockRow
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 15px 15px 5px rgba(0 0 0 / 10%);
    border: 1px solid #eaeaea;
    padding: 28px;
    position: relative;
  }
  section.features .feature-container .blockRow:before
  {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    background-image: url(../img/big.png);
    z-index: 1;
    width: 42px;
    height: 130px;
    opacity: .5;
  }
  section.features .feature-container .blockRow:after
  {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    background-image: url(../img/small.png);
    z-index: 2;
    width: 33px;
    height: 101px;
    opacity: .6;
  }
  section.features .feature-container .blockRow.colom-1
  {
    background-color: #035392;
  }
  section.features .feature-container .blockRow.colom-2
  {
    background-color: #E8373D;
  }
  section.features .feature-container .blockRow.colom-3
  {
    background-color: #E4A40F;
  }
  section.features .feature-container .blockRow.colom-4
  {
    background-color: #93C524;
  }
  
  section.features .feature-container .blockRow .image
  {
    flex: 0 0 auto;
    width: 30%;
  }
  section.features .feature-container .blockRow .image .img
  {
    overflow: hidden;
    height: 100%;
  }
  section.features .feature-container .blockRow .image .img img
  {	
    width: 100%;
    height: 200px;
    object-position: top;
    object-fit: cover;
    transition: .4s;
  }
  section.features .feature-container .blockRow:hover .image .img img
  {
    transform: scale(1.1);
  }
  section.features .feature-container .blockRow .content
  {
    flex: 0 0 auto;
    width: 70%;
    padding: 30px 22px;
  }
  section.features .feature-container .blockRow .content h5
  {
    margin-bottom: 10px;
  }
  section.features .feature-container .blockRow .content h5 a
  {
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white);
     font-family: "Barlow", sans-serif;
  }
  section.features .feature-container .blockRow .content p
  {
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 6;
    color: var(--white);
      overflow: hidden;
      font-size: 16px;
      line-height: 25px;
      font-weight: 400;
     font-family: "Poppins", sans-serif;
     margin-bottom: 0;
  }
  section.features.stories-of-change .feature-container .blockRow .content p
  {
      -webkit-line-clamp: 2;
  }
  section.features .feature-container .what-we-do-row
  {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 15px;
    grid-column-gap: 15px;
  }
  section.features .feature-container .what-we-do-row .colxl6
  {
  
  }
  section.features .feature-container .what-we-do-row .odd .image
  {
   order: 1;
  }
  section.features .feature-container .what-we-do-row .odd .content
  {
   order: 2;
  }
  section.features .feature-container .what-we-do-row .even .image
  {
   order: 2;
  }
  section.features .feature-container .what-we-do-row .even .content
  {
   order: 1;
  }
  section.features .feature-container .what-we-do-row .content .readmore
  {
    display: inline-block;
    color: var(--white);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 7px;
    transition: .2s;
    margin-top: 15px;
  }
  section.features .feature-container .what-we-do-row .content .readmore:hover
  {
    transform: scale(1.05);
  }
  
  
  
  section.features .feature-container .viewmore
  {
    margin-top: 40px;
    text-align: center;
  }
  section.features .feature-container .viewmore .viewmore-anchor
  {
      font-size: 16px;
      color: var(--white);
      font-weight:600;
      /*border: 2px solid var(--white);*/
      /*padding: 12px 45px;*/
      text-transform: uppercase;
      /*border-radius: 25px;*/
      transition: .2s;
      /*background-color: #ee463b;*/
  }
  section.features .feature-container .viewmore .viewmore-anchor:hover
  {
    /*background-color: #ee463b;*/
    /*transform: translateY(-5px);*/
  }
  
  
  section.features .readmore
  {
    margin-top: 0;
  }
  section.features .readmore a
  {
    font-size: 14px;
    padding: 8px 22px;
  }
  
  
  
  .readmore
  {
    /*margin-top: 30px;*/
    text-align: left;
  }
  .readmore a
  {
      font-size: 16px;
      color: var(--white);
      font-weight:600;
      border: 2px solid var(--white);
      padding: 12px 45px;
      text-transform: uppercase;
      /*border-radius: 25px;*/
      transition: .2s;
      /*background-color: #ee463b;*/
  }
  .readmore button
  {
    font-size: 14px;
      color: var(--white);
      font-weight: 600;
      background-color: transparent;
      border: 2px solid var(--white);
      padding: 10px 29px;
      text-transform: uppercase;
      transition: .2s;
  }
  
  
  section.features .heading1 h3
  {
    color: var(--color2);
  }
  section.features .heading1 p
  {
    color: var(--black);
  }
  /*
    =====================================
  */
  
  .heading1
  {
    text-align: center;
    margin-bottom: 30px;
  }
  .heading1 h3
  {
    color: var(--white);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    font-family: "Barlow Condensed", sans-serif;
  }
  .heading1 p
  {
    font-size: 17px;
    color: var(--white);
    font-weight:400;
    text-align: center;
    max-width: 80%;
    margin: auto;
    line-height: 23px;
  }
  
  /*
    *********************************
  */
  
  section.our-works
  {
    margin-top: 0px;
  }
  section.our-works .heading1 h3
  {
    color: var(--color2);
  }
  section.our-works .heading1 p
  {
    color: #333;
    font-weight: 500;
  }
  
  /*
    ****************************
  */
  
  section.our-works .container
  {
    max-width: 87%;
  }
  
  
  
  /*============================*/
  
  .messages_section
  {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 90px;
    position: relative;
  }
  .messages_section .pattern
  {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background-image: url(../img/patternas.html);
    background-repeat: repeat;
    background-size: 50%;
  }
  .messages_section .container
  {
    max-width: 90%;
    position: relative;
    z-index: 2;
  }
  .messages_section .buttons_container .nav-pills
  {
    width: 33%;
  }
  .messages_section .buttons_container .flex-column
  {
    background-color: var(--white);
    width: 100%;
    margin: 0px 10px;
    margin-right: 0;
    padding: 20px;
    
  }
  .messages_section .buttons_container .flex-column .nav-link
  {
    width: 100%;
  }
  .messages_section .buttons_container .tab-content
  {
    width: 65%;
    background-color: var(--white);
    margin: 0px 15px;
    padding: 20px;
  }
  .messages_section .buttons_container .flex-column{
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column !important;
  }
  .messages_section .buttons_container .flex-column::-webkit-scrollbar
  {
    width: 5px;
  }
  .messages_section .buttons_container .flex-column::-webkit-scrollbar-track
  {
    background-color: #eeee;
    border-radius: 15px;
  }
  .messages_section .buttons_container .flex-column::-webkit-scrollbar-thumb
  {
    background-color: var(--color2);
    border-radius: 15px;
  }
  .messages_section .buttons_container .flex-column .heading_container
  {
    margin-bottom: 15px;
  }
  .messages_section .buttons_container .flex-column .heading_container h5
  {
    font-size: 28px;
    font-weight: 600;
    color: #333;
  }
  .messages_section .buttons_container .flex-column .heading_container p
  {
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
  }
  .messages_section .buttons_container .flex-column button.nav-link
  {
    text-align: left;
      display: flex;
      flex-direction: row;
      padding-left: 0;
      padding-right: 0;
      justify-content: space-between;
      border-bottom: 1px solid #eaeaea;
      padding-top: 15px;
      padding-bottom:15px;
  }
  .messages_section .buttons_container .flex-column button.nav-link.active
  {
    background-color: transparent;
    color: var(--color2);
  }
  .messages_section .buttons_container .flex-column button.nav-link .text
  {
    font-size: 18px;
    font-weight: 600;
    color: #444;
    font-family: "Rubik", sans-serif;
  }
  .messages_section .buttons_container .flex-column button.nav-link .icons
  {
    align-self: center;
    flex: 0 0 auto;
  }
  .messages_section .buttons_container .flex-column button.nav-link .icons span
  {
    width: 23px;
    height: 23px;
    background-color: #dfdbdb;
    border: 4px solid #fff;
    outline:2px solid #dfdbdb;
    display: block;
    border-radius: 50%;
  }
  
  .messages_section .buttons_container .flex-column button.nav-link:hover .text,
  .messages_section .buttons_container .flex-column button.nav-link.active .text
  {
    color: var(--color2);
  }
  .messages_section .buttons_container .flex-column button.nav-link:hover .icons span,
  .messages_section .buttons_container .flex-column button.nav-link.active .icons span
  {
    background-color: var(--color1);
    outline-color:var(--color1); 
  }
  
  /*
  ===========================
  */
  
  .messages_section .buttons_container .tab-content
  {
  
  }
  .messages_section .buttons_container .tab-content .image_content_area
  {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .messages_section .buttons_container .tab-content .image_content_area .image
  {
    flex: 0 0 auto;
    width: 100%;
  }
  .messages_section .buttons_container .tab-content .image_content_area .image img
  {
    width: 100%;
    height: 370px;
    object-position: center;
    object-fit: cover;
    border-radius: 8px;
  }
  .messages_section .buttons_container .tab-content .image_content_area .desc_area
  {	
    margin-top: 0px;
    flex: 0 0 auto;
    width: calc(100% - 200px);
    padding-left: 15px;
    position: absolute;
    bottom: -90px;
    left: 20px;
    background-color: var(--white);
    padding: 25px;
    box-shadow: 0 15px 15px 5px rgba(0 0 0 / 10%);
    border-radius: 8px;
  }
  .messages_section .buttons_container .tab-content .image_content_area .desc_area h5
  {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Rubik", sans-serif;
  }
  .messages_section .buttons_container .tab-content .image_content_area .desc_area .desc
  {
    width: 100%;
  }
  .messages_section .buttons_container .tab-content .image_content_area .desc_area .desc p
  {
    line-height: 23px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
    color: #222;
  }
  
  .messages_section .buttons_container .tab-content .image_content_area .desc_area .readmore a
  {
    /*font-size: 15px;*/
  }
  .messages_section .buttons_container .tab-content .image_content_area .desc_area .readmore a span
  {
    padding: 9px 14px;
    font-weight: 600;
    /*border: 1px solid var(--white);*/
  }
  
  
  
  /*
    ===================================
  */
  
  .icon-box-section
  {
    margin-top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 70%;
  }
  .icon-box-section .icon-box-container
  {
    /*background: rgba(0 0 0 / 80%);*/
    padding: 80px 0;
    position: relative;
  }
  .icon-box-section .icon-box-container:before
  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image:linear-gradient(to bottom, rgba(0 0 0 / 70%) 80%, rgba(0 0 0 / 70%) 80%, rgba(0 0 0 / 70%) 80%);
  }
  .icon-box-section .icon-box-container .container
  {
    max-width: 90%;
    position: relative;
    z-index: 2;
  }
  .icon-box-section .icon-box-container .iconsRow
  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    /*margin-top: 80px;*/
    margin-bottom: 50px;
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom
  {
    width: calc(25% - 20px);
    /*margin: 0 20px;*/
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom.colom001
  {
  }
  .icon-box-section .icon-box-container .iconsRow.icons-heading .icon-colom.colom001
  {
    margin-bottom: 25px;
  }
  .icon-box-section .icon-box-container .iconsRow.icons-heading .icon-colom .wrapper h5 span
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper
  {
  
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper .icon
  {
    position: relative;
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper .icon .shape-bg
  {
    width: 150px;
    height: 140px;
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper .icon .icons-image
  {
    position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%,-50%);
      width: 68px;
  }
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper h5
  {
    text-align: center;
    margin-top: 15px;
    color: var(--white);
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
  }
  
  .icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper h5 span
  {
    font-size: 50px;
    /*display: block;*/
    font-weight: 800;
  }
  /*
    **************************************
  */
  
  .awards-recognisation-section
  {
    background-size: 40%;
    background-repeat: repeat;
    position: relative;
    /*padding-bottom: 30px;*/
  }
  .awards-recognisation-section .imageshape1
  {
      position: absolute;
      top: -134px;
      left: 0;
      transform: rotateX(180deg);
  }
  .awards-recognisation-section .imageshape2
  {
      position: absolute;
      bottom: -134px;
      left: 0;
      transform: rotateX(180deg);
  }
  .awards-recognisation-section .awards-recognisation-container
  {
    padding: 50px 0 70px;
    /*background: rgb(0 0 0 / 40%);*/
  }
  .awards-recognisation-section .awards-recognisation-container
  {
  
  }
  
  .awards-recognisation-section #projects
  {
    margin-top: 50px;
  }
  .awards-recognisation-section #projects .projects_div
  {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    background-color: var(--white);
    height: 100%;
    /*box-shadow:0 15px 15px 10px rgb(0 0 0 / 10%);*/
      border-radius: 10px;
      border: 5px solid #eaeaea;
  }
  .awards-recognisation-section #projects .projects_div:hover
  {
      border: 5px solid #0FBAF4;
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img
  {
    height: 100%;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      position: relative;
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(to bottom,rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 70%),rgba(0 0 0 / 100%));
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img .heading-new
  {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img .image-shape
  {
    position: absolute;
      bottom: -139px;
      left: -57px;
      width: 339px;
      display: none;
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img .heading-new h5
  {
    padding-left: 40px;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 1px;
    color: var(--white);
  }
  .awards-recognisation-section #projects .projects_div .imageArea .img img.image-content
  {
    width: 100%;
    object-position: center;
    object-fit: cover;
    height: 370px;
      border-radius: 10px;
      transition: .4s;
  }
  .awards-recognisation-section #projects .projects_div:hover .imageArea .img img.image-content
  {
    transform: scale(1.1);
  }
  .awards-recognisation-section #projects .projects_div
  {
    position: relative;
  }
  .awards-recognisation-section #projects .projects_div .contentArea
  {
      height: auto;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-radius: 10px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(30px);
      transition: .3s;
      z-index: 6;
  }
  .awards-recognisation-section #projects .projects_div:hover .contentArea
  {
      opacity: 1;
      visibility: visible;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper
  {
    padding:20px 0px;
    background-color: var(--white);
    padding-top: 0;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper h4
  {
      background-color: #0FBAF4;
    font-size: 25px;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 20px;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper p
  {
    font-weight: 500;
    color: var(--black);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 17px;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper ul{
      display:none;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper p
  {
      display:none;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .wrapper p:nth-child(2)
  {
    display: -webkit-box !important;
  }
  #projects .carousel-control-prev
  {
    width: 5%;
    left: -80px;
    opacity: 1;
  }
  #projects .carousel-control-prev .carousel-control-prev-icon
  {
      width: 50px;
      height: 50px;
      background-color: var(--color1);
      opacity: 1;
      background-size: 60%;
      border-radius: 50%;
  }
  
  #projects .carousel-control-next
  {
    width: 5%;
    right: -80px;
    opacity: 1;
  }
  #projects .carousel-control-next .carousel-control-next-icon
  {
      width: 50px;
      height: 50px;
      background-color: var(--color1);
      opacity: 1;
      background-size: 60%;
      border-radius: 50%;
  }
  
  .awards-recognisation-section .heading1 h3
  {
    color: var(--color2);
  }
  .awards-recognisation-section .heading1 p
  {
      color: #333;
      font-weight: 500;
  }
  
  .project-rows .project-coloms:nth-child(even)
  {
    transform: translateY(25px);
  }
  
  
  .awards-recognisation-section #projects .projects_div .contentArea .viewmore.btn-background
  {
    margin-top: 10px;
  }
  .awards-recognisation-section #projects .projects_div .contentArea .viewmore.btn-background a
  {
    font-size: 14px;
    font-weight: 700;
  }
  /*
    ===============================
  */
  
  .projects-past
  {
  
  }
  .projects-past .projects-coloms
  {	
    margin-left: 1px;
    margin-right: 1px;
  }
  .projects-past .projects-coloms .image .past-project-image
  {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: top;
    transition: .2s;
  }
  .projects-past .projects-coloms .image
  {
    overflow: hidden;
  }
  .projects-past .projects-coloms:hover .image .past-project-image
  {
    transform: scale(1.1);
  }
  .projects-past .projects-coloms .image
  {
    position: relative;
  }
  .projects-past .projects-coloms .image:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image:linear-gradient(to bottom, rgba(0 0 0 /20%),rgba(0 0 0 /20%),rgba(0 0 0 /20%),rgba(0 0 0 /20%),rgba(102 45 145 / 90%),rgba(102 45 145 / 100%));
  }
  .projects-past .projects-coloms .image .image-content1
  {
    position: absolute;
    bottom:20px;
    left: 30px;
    z-index: 3;
  }
  .projects-past .projects-coloms .image .image-content1 h4
  {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 0;
  }
  .projects-past .projects-coloms .image .image-content2
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(102 45 145 / 90%);
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
  }
  .projects-past .projects-coloms:hover .image .image-content2
  {
    padding-bottom: 80px;
    opacity: 1;
    visibility: visible;
  }
  .projects-past .projects-coloms .image .image-content2 h4
  {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 15px;
  }
  .projects-past .projects-coloms .image .image-content2 p
  {
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 22px;
  }
  
  
  
  /*=====================*/
  
  .main_footer{
    margin-top: 80px;
    background-color: #001d43;
    color: white;
    position: relative;
  }
  .main_footer .container
  {
    max-width: 90%;
  }
  .main_footer .footer_contact_details{
      color: white;
      padding: 32px 57px 27px;
      background-size: cover;
      background-repeat: no-repeat;
      padding-right: 40px;
  }
  .main_footer .footer_contact_details.coloms01
  {
      background-image: url(../img/footer-brush.png);
  }
  .main_footer .footer_contact_details.coloms02
  {
      background-image: url(../img/footer-brush02.png);
  }
  .main_footer .footer_contact_details.coloms03
  {
      background-image: url(../img/footer-brush03.png);
  }
  .main_footer .contact_section{
      /*background-color: var(--color1);*/
      position: relative;
      z-index: 5;
      top: -50px;
  }
  .main_footer .footer_contact_details i{
    font-size: 30px;
      float: left;
      color: #fff;
      border-right: 2px solid #d0df56;
      padding-right: 20px;
      margin: 20px 20px 10px 0;
  }
  .main_footer .footer_middle_section {
        margin:0px 0 42px 0;
  }
  .main_footer .footer_middle_section .map{
    padding: 0 40px;
  }
  .main_footer .footer_middle_section h5{
    margin: 0 0 20px;
  }
  .main_footer .footer_middle_section .middle_section ul{
    padding: 0;	
  }
  .main_footer .footer_middle_section .middle_section ul li{
    list-style: none;
    /*width: 50%;*/
    /*float: left;*/
    margin-bottom: 3px;
  }
  .main_footer .footer_middle_section .middle_section ul li:before{
    content: "\f101";
    font-family: fontawesome;
  }
  .main_footer .footer_middle_section .middle_section ul li a{
    text-decoration: none;
    color: white;
    padding-left: 5px;
    font-size: 15px;
      font-family: 'Roboto';
      font-weight: 300;
  }
  .main_footer .balani_group ul{
    padding: 0;
  }
  .main_footer .balani_group ul li{
    list-style: none;
    margin-bottom: 3px
  }
  .main_footer .balani_group ul li:before{
    content: "\f101";
    font-family: fontawesome;
  }
  .main_footer .balani_group ul li a{
    text-decoration: none;
    color: white;
    padding-left: 5px;
    font-size: 15px;
      font-family: 'Roboto';
      font-weight: 300;
  }
  .main_footer .follow_us_section{
    /*margin-bottom: 100px;*/
    background-color: var(--black);
    padding: 7px 0;
  }
  .main_footer .follow_us_section .follow_box h5{
    font-size: 20px;
  }
  .main_footer .follow_us_section .follow_box{
    font-size: 15px;
    color: #000;
    font-weight: 600;
      font-family: var(--gt2);
  }
  .main_footer .follow_us_section .follow_box a{
    display: inline-block;
  }
  .main_footer .follow_us_section .follow_box a i{
      width: 35px;
      background-color: #ffffffe6;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      transition: 0.5s;
      border-radius: 50px;
      display: inline-block;
  }
  .main_footer .follow_us_section .follow_box a:nth-child(2) i
  {
    background-color: #1973E8;
  }
  
  .main_footer .follow_us_section .follow_box a:nth-child(3) i
  {
    background: #d6249f;
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  }
  
  .main_footer .follow_us_section .follow_box a:nth-child(4) i
  {
    background-color: #1D95DE;
  }
  
  .main_footer .follow_us_section .follow_box a:nth-child(5) i
  {
    background-color: #EE0102;
  }
  
  .main_footer .contact_section .footer_contact_details .footer_heading h6{
      font-size: 17px;
      font-family: poppins;
      font-weight: 600;
  }
  .main_footer .contact_section .footer_contact_details .footer_heading{
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
  }
  .main_footer .footer_middle_section .middle_section h5{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: "Barlow Condensed", sans-serif;
  }
  .main_footer .footer_middle_section .middle_section p{
      font-size: 16px;
      line-height: 24px;
      font-weight: 300;
      width: 95%;
  }
  .main_footer .footer_middle_section .balani_group h5{
    font-size: 20px;
    font-family: var(--gt2);
    font-weight: 500;
  }
  .main_footer .container
  {
    max-width: 95%;
  }
  
  
  
  .follow_us_section
  {
    position: relative;
    background-color: #F1B034 !important;
  }
  .follow_us_section .shape-footer-copyright
  {
    position: absolute;
    top: -34px;
    width: 100%;
  }
  
  
  /*
    ==============================
  */
  
  .stories-of-change
  {
    background-color: #fff !important;
  }
  section.features.stories-of-change .feature-container
  {
    padding:40px 0 0;
  }
  
  
  
  /*
    ==================================
  */
  
  section.iconic-section
  {
    margin-top: 80px;
    background-color: var(--color2);
    /*background-color: #0E51AC;*/
    position: relative;
  }
  section.iconic-section:before
  {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      /*background-image: url(../img/img-gray-corner-top-left.png);*/
      width: 100%;
      height: 135px;
      z-index: 5;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  section.iconic-section:after
  {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      background-image: url(../img/img-white-corner-bottom-left.png);
      width: 100%;
      height: 134px;
      z-index: 5;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  section.iconic-section .iconic-section-container
  {
    padding:70px 0 45px;
  }
  section.iconic-section .iconic-section-container .row-grid
  {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    width: 100%;
  }
  
  section.iconic-section .iconic-section-container .iconnic-colom
  {
  
  }
  
  section.iconic-section .iconic-section-container .iconnic-colom
  {
  
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper
  {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  @media screen and (min-width: 992px)
  {
  
  
    section.iconic-section .iconic-section-container .iconnic-colom
    {
      position: relative;
    }
    section.iconic-section .iconic-section-container .iconnic-colom:before
    {
      position: absolute;
      content: '\f0da';
      right: -26px;
      top: 45%;
      transform: translateY(-50%);
      font-family: fontawesome;
      color: var(--color1);
      font-size: 50px;
    }
    section.iconic-section .iconic-section-container .iconnic-colom:last-child:before
    {
      display: none;
    }
    section.iconic-section .iconic-section-container .iconnic-colom:after
    {
      position: absolute;
      content: '';
      right: -15px;
      width: 70px;
      height: 10px;
      background-color: var(--color1);
      top: 45%;
      transform: translateY(-50%);
      font-family: fontawesome;
      color: var(--color1);
      font-size: 40px;
    }
    section.iconic-section .iconic-section-container .iconnic-colom:last-child:after
    {
      display: none;
    }
  
    section.iconic-section .iconic-section-container .row-grid .wrapper
    {
      position: relative;
      padding-top: 50px;
    }
    section.iconic-section .iconic-section-container .row-grid .iconnic-colom:nth-child(odd) .wrapper h5
    {
      position: absolute;
      top: -20px;
    }
  }
  
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper .icon
  {
    width: 150px;
    height: 150px;
    position: relative;
    margin-bottom: 20px;
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper .icon img
  {
    padding: 40px;
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper .icon:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border:5px solid var(--color1);
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper .icon:after
  {
    content: '';
      position: absolute;
      top: 0;
      left: 50%;
      border: 15px solid var(--color2);
      transform: translateX(-50%);
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper h5
  {
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
    color: var(--white);
    margin-bottom: 14px;
    font-weight: 500;
    line-height: 26px;
    font-family: 'Poppins';
  }
  section.iconic-section .iconic-section-container .iconnic-colom .wrapper p
  {
    max-width: 95%;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: var(--white);
    margin-bottom: 0px;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-weight: 300;
      word-spacing: 1px;
      line-height: 24px;
  }
  
  /*
    ========================
  */
  
  section.iconic-section
  {
    /*position: relative;*/
  }
  section.iconic-section .top-design1
  {
    position: absolute;
    top: -132px;
    left: 0;
  }
  section.iconic-section .top-design2
  {
    position: absolute;
    bottom: -134px;
    left: 0;
    z-index: 6;
  }
  
  
  
  /*
  ======================================
  */
  
  section.services
  {
    position: relative;
    background-color: #fff;
  }
  section.services .heading1 h3
  {
    color: var(--color2);
  }
  section.services .heading1 p
  {
    color: #333;
    font-size: 17px;
    font-weight: 500;
  }
  
  section.services svg
  {
    position: absolute;
    top: -60%;
    left: 0;
    width: 100%;
    transform: rotate(180deg);
  }
  
  section.services .services-container
  {
    padding-top: 40px;
    padding-bottom: 30px;
    position: relative;
    z-index: 5;
  }
  
  
  .services-row-container
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .services-row-container .services-cols
  {
    flex:0 0 auto;
    width: calc(25% - 30px);
    margin:0 15px 30px;
    height: 400px;
  }
  
  
  .flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(-180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 8px;
  }
  
  .flip-card-front {
    color: black;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    z-index: 1;
  }
  .flip-card-front:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0 0 0 / 40%);*/
  
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
      background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
      background: -moz-linear-gradient(to bottom, rgba(0, 0,0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
  
      border-radius: 8px;
  }
  
  .flip-card-front .service-name
  {
    font-weight: 600;
    font-size: 22px;
    word-spacing: 2px;
    letter-spacing: 1px;
    color: var(--white);
    font-family: 'Barlow Condensed', sans-serif;
    word-spacing: 2px;
    margin-bottom: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
    padding: 7px 15px;
    display: inline-block;
    background-color: var(--color2);
    border-radius: 0 0 8px 8px;
  }
  
  .flip-card-back {
    background-image:linear-gradient(45deg, var(--color1), #0d6fa3 ,var(--color1));
    color: white;
    transform: rotateY(180deg);
    z-index: 2;
  }
  
  
  .flip-card-back .services-list
  {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding:100px 28px;
  }
  .flip-card-back .services-list h6
  {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
  }
  .flip-card-back .services-list p
  {
    font-size: 17px;	
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
  }
  .flip-card-back .services-list ul
  {
    max-width: 80%;
    margin-left: 10%;
    min-height: 235px;
    max-height: 235px;
    overflow-y: auto;
  }
  .flip-card-back .services-list ul li
  {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 7px;
  }
  .flip-card-back .services-list ul li a
  {
    position: relative;
    color: var(--white);
    padding-left: 22px;
    display: block;
  }
  .flip-card-back .services-list ul li a:before
  {
    content: '\f046';
    position: absolute;
    left: 0;
    top: 2px;
    font-family: fontawesome;
  }
  
  .flip-card-back .services-list .learn-more a
  {
    display: inline-block;
      color: var(--white);
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 500;
      border: 1px solid var(--white);
      padding: 4px 17px;
      border-radius: 21px;
  }
  .flip-card-back .services-list .learn-more a:hover
  {
    /*background-color: var(--color1);*/
  }
  
  .flip-card-back .services-list .readmore a
  {
    /*font-size: 15px;*/
    padding: 8px 25px;
  }
  
  
  
  /*
  =====================================
  */
  .full-screen-carousel-by-me
  {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom
  {
    flex:0 0 auto;
    width: 20%;
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    cursor: pointer;
    transition: .5s;
  }
  @media screen and (min-width:768px)
  {
  
    .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .image-small-screen
    {
      display: none;
    }
  
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.w10per
  {
    width: 10%;
  }
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active
  {
    width: 60% !important;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:not(:last-child)
  {
    border-right: 2px solid #fff;
  }
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box
  {
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    pointer-events: none;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(to bottom,rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 80%),rgba(0 0 0 / 90%));
    background:-moz-linear-gradient(to bottom,rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 80%),rgba(0 0 0 / 90%));
    background:-o-linear-gradient(to bottom,rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 80%),rgba(0 0 0 / 90%));
    background:-webkit-linear-gradient(to bottom,rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 0%),rgba(0 0 0 / 80%),rgba(0 0 0 / 90%));
  }
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box
  {
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:hover .full-screen-colom-box
  {
    z-index: 150;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container
  {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container h4
  {
    color: var(--white);
    font-size: 25px;
    letter-spacing: 1px;
    word-spacing: 3px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0 0 0 / 30%);
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container h4.rotate
  {
    transform: rotate(90deg);
  }
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee
  {
    display: inline-block;
    max-width: 200px;
    width: 100%;
    padding:7px 10px;
    margin:auto;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
    /*border-radius: 25px;*/
    /*border:1px solid var(--white);*/
    transition: .5s;
    position: relative;
    top: 0;
  }
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee img
  {
    width: 25px;
  }
  
  /*.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee.pay1
  {
    background-color: var(--color1);
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee.pay2
  {
    background-color: var(--color2);
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee.pay3
  {
    background-color: var(--color1);
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee.pay4
  {
    background-color: var(--color2);
  }*/
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.payfee:hover
  {
    background-color: transparent;
    color: var(--white);
    border-color: var(--white);
    position: relative;
    top: -7px;
  }
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.gotowebsite
  {
    
    display: inline-block;
    max-width: 200px;
    width: 100%;
    padding:7px 10px;
    margin:auto;
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
    border-radius: 25px;
    border:1px solid var(--white);
    transition: .4s;
  }
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container a.gotowebsite:hover
  {
     background-color: var(--color3); 
  }
  
  
  
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .detail
  {
    display: none;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:hover .full-screen-colom-box .detail,
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active .full-screen-colom-box .detail
  {
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10px;
  }
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:hover .full-screen-colom-box .detail p,
  .full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active .full-screen-colom-box .detail p
  {
    color: var(--white);
    font-size: 17px;
  }
  
  
  .full-screen-carousel-by-me .heading1 h3
  {
    color: var(--color2);
  }
  
  .full-screen-carousel-by-me .heading1 p
  {
    color: #333;
    font-weight: 500;
  }
  
  
  
  
  /*
  **********************************************************
  **********************************************************
  */
  
  section.category
  {
    margin-bottom: 30px;
  }
  section.category-slicks
  {
      clear: both;
      padding: 30px 0 40px;
      background-color: var(--white2);
  }
  section.category-slicks #category-slicks
  {
      margin-top: 10px;
  }
  #category-slicks .testimonial
  {
      padding: 0 0px;
      margin: 0 10px;
      position: relative;
  }
  #category-slicks .testimonial .companyName
  {
      position: absolute;
      bottom: 120px;
      left: -85px;
      transform: rotate(-90deg);
      color: #b4b1b1;
  
      -moz-user-select: none;
      -khtml-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
  }
  
  
  #category-slicks .testimonial .categoryTitleName
  {
      position: static;
      width: 100%;
      bottom: 0;
      padding: 10px 10px;
      background-color: var(--color2);
      text-align: center;
      font-family: var(--gt5);
      z-index: 6;
  }
  
  #category-slicks .testimonial .categoryTitleName h4
  {
    color: var(--white);
      font-size: 18px;
      font-family: 'Poppins';
      margin-bottom: 0;
  }
  #category-slicks .testimonial .imageArea
  {
      position: relative;
      overflow: hidden;
  }
  
  #category-slicks .testimonial .imageArea img
  {
      transform: scale(1);
      transition: transform .1s linear;
      height: 400px;
      width:100%;
      object-position: center;
      object-fit: cover;
  }
  #category-slicks .testimonial:hover .imageArea img
  {
      transform: scale(1.1);
  }
  
  #category-slicks .testimonial .imageArea .overlay
  {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 5;
      background-image: linear-gradient(45deg, var(--color1), #0d6fa3 ,var(--color1));
  
      opacity: 0;
      visibility: hidden;
      transition: opacity .2s linear;
  }
  #category-slicks .testimonial:hover .imageArea .overlay
  {
      opacity: 1;
      visibility: visible;
  }
  
  #category-slicks .testimonial .imageArea .overlay a
  {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: block;
      font-size: 16px;
      color: var(--white);
      padding: 70px 25px;
      line-height: 25px;
      text-align: justify;
  }
  #category-slicks .testimonial .imageArea .overlay a h4
  {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 600;
        text-align: left;
  }
  #category-slicks .testimonial .imageArea .overlay a span.plus
  {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 50px;
      height: 50px;
  }
  
  #category-slicks .testimonial .imageArea .overlay a span.plus:before
  {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: var(--white);
      top: 50%;
      transform: translateY(-50%);
  }
  #category-slicks .testimonial .imageArea .overlay a span.plus:after
  {
      content: '';
      position: absolute;
      height: 100%;
      width: 3px;
      background-color: var(--white);
      left: 50%;
      transform: translateX(-50%);
  }
  
  section.category-slicks .homeWhatWeDo
  {
      max-width: 75%;
      text-align: center;
      margin: 0 auto 20px;
  }
  section.category-slicks .homeWhatWeDo p
  {
      line-height: 22px;
  }
  
  section.category .heading1 h3
  {
    color: var(--color2);
  }
  
  
  
  /*
      ***********************************
  */
  
  section.testimonialsSections
  {
      padding-bottom: 60px;
      padding-top: 70px;
      background: #02060e;
      position: relative;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  section.testimonialsSections:before
  {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-image: url(../img/volunteer.webp);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
  section.testimonialsSections:after
  {
    position: absolute;
      content: '';
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0 0 0 / 90%);	
  }
  section.testimonialsSections .testimonialsContainer
  {
      position: relative;
      z-index: 5;
  }
  section.testimonialsSections .heading02
  {
      margin-bottom: 15px;
      margin-left: 10px;
  }
  section.testimonialsSections .heading02 > span
  {
      font-size: 20px;
      font-weight: 700;
      text-transform: capitalize;
      color: var(--color1);
      position: relative;
      margin-left: 68px;
      margin-bottom:20px;
      display: inline-block;
  }
  section.testimonialsSections .heading02 > span:before
  {
      position: absolute;
      content: '';
      left: -66px;
      top: 50%;
      transform: translateY(-50%);
      height: 3px;
      width: 45px;
      background: var(--color1);
  }
  section.testimonialsSections .heading02 > span:after
  {
      position: absolute;
      content: '';
      right: -66px;
      top: 50%;
      transform: translateY(-50%);
      height: 3px;
      width: 45px;
      background: var(--color1);
  }
  section.testimonialsSections .heading02 h3
  {
      color: var(--white);
      font-size: 40px;
      line-height: 55px;
      padding-top: 5px;
      font-weight: 700;
  }
  
  /*
      ***********************************
  */
  #testimonial01
  {
      padding-bottom: 60px;
  }
  #testimonial01 .carousel-indicators [data-bs-target]
  {
      width: 15px;
      height:15px;
      margin: 0 5px;
      background-color: transparent;
      border: 3px solid #b9c7e1;
      border-radius: 50%;
  }
  #testimonial01 .carousel-indicators [data-bs-target].active
  {
      border-color: var(--color1);
  }
  .testimonialsSections .rowForCarouselFedback
  {
      max-width: 100%;
      margin: auto;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block
  {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .image
  {
      flex:0 0 auto;
      width: 16.666667%;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .image img
  {
      display: block;
      margin-top: 20px;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content .testimonial-desc-wrapper
  {
    height: 225px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .image i
  {
      font-size: 50px;
      color: var(--color1);
      padding-top: 33px;
      padding-right: 69px;
      float: right;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content
  {
      flex:0 0 auto;
      width: 85%;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content p
  {
      font-size: 20px;
      line-height: 25px;
      color: #ffffff;
      /*margin-left: -21px;*/
      font-weight: 400;
      padding-right: 30px;
  }
  .testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .name-testimonials h5
  {
      font-size: 25px;
      line-height: 25px;
      color: #fff;
      font-weight: 700;
      display: inline-block;
      /*background-color: var(--white);*/
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-prev
  {
      position: absolute;
      right: 0;
      left: auto;
      top: 0%;
      transform: translateY(-50%);
      z-index: 9;
      cursor: pointer;
      height: 60px;
      width: 60px;
      border: 3px solid #34466a;
      color: #34466a;
      text-align: center;
      line-height: 56px;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; 
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-next
  {
      position: absolute;
      right: 0;
      top: 40%;
      transform: translateY(-50%);
      z-index: 9;
      cursor: pointer;
      height: 60px;
      width: 60px;
      border: 3px solid #34466a;
      color: #34466a;
      text-align: center;
      line-height: 56px;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;    
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-l-r:hover
  {
      background-color: var(--color1);
      border-color: var(--color1);
  }
  
  .rowForCarouselFedback #testimonial01 .carousel-control-prev.carousel-control-l-r,
  .rowForCarouselFedback #testimonial01 .carousel-control-next.carousel-control-l-r
  {
      opacity: 1 !important;
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-prev.carousel-control-l-r .carousel-control-prev-icon
  {
  
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-next.carousel-control-l-r .carousel-control-next-icon
  {
     background-image: none !important;
     opacity: 1;
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-prev.carousel-control-l-r .carousel-control-prev-icon
  {
     background-image: none !important;
     opacity: 1;
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-next.carousel-control-l-r .carousel-control-next-icon:before
  {
      content: '\F285';
      font-family: bootstrap-icons!important;
      font-size: 30px;
      line-height: 23px;
      color: var(--white);
  }
  .rowForCarouselFedback #testimonial01 .carousel-control-prev.carousel-control-l-r .carousel-control-prev-icon:before
  {
      content: '\F284';
      font-family: bootstrap-icons!important;
      font-size: 30px;
      line-height: 23px;
      color: var(--white);
  }
  
  /*
    ======================================
  */
  
  .financial-detail-div
  {
    width: 92%;
  }
  .financial-detail-div .custom-table .table-row.row1
  {
    border-top: 1px solid #ccc;
  }
  .financial-detail-div .custom-table .table-row
  {
    display: grid;
    grid-template-columns:50% 50%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #000;
  }
  .financial-detail-div .custom-table .table-row .table-data
  {
    padding: 10px;
    color: var(--white);
  }
  .financial-detail-div .custom-table .table-row .table-data:nth-child(1)
  {
    border-right: 1px solid #ccc;
  }
  
  /*
    ======================================
  */
  
  .whatsapp-icon {
      position: fixed;
      bottom: 45px;
      right: 15px;
      width: 55px;
      z-index: 999999;
  }
  
  
  /*
    ============================
  */
  
  .about-us-home1
  {
    margin-top: 45px;
    margin-bottom: 65px;
  }
  .about-us-home1 .content-about
  {
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 40px;
  }
  .descarea p
  {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: justify;
  }
  .about-us-home1 .heading1
  {
    margin-bottom: 20px;
  }
  .about-us-home1 .heading1 h3
  {
    text-align: left !important;
  }
  .about-us-home1 .heading1 h3
  {
    color:var(--color2);
  }
  .about-us-home1 .descarea p
  {
    font-size: 17px;
    text-align: justify;
    max-width: 100%;
    margin: auto;
    line-height: 26px;
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
  }
  
  /*
    =============================
  */
  
  .about-multi-image
  {
    position: relative;
    margin-top: 0px;
  }
  .about-multi-image .image1
  {	
    width: 90%;
    border-radius: 5px;
  }
  .about-multi-image .image1 img
  {
    width: 100%;
    height: 450px;
    object-position: top;
    object-fit: cover;
  }
  .about-multi-image .image2
  {	
    width: 250px;
    height: 250px;
    position: absolute;
    right: -20px;
    bottom: -25px;
    border-left: 12px solid var(--white);
    border-top: 12px solid var(--white);
    border-radius: 7px;
  }
  .about-multi-image .image2 img
  {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  }
  .about-multi-image .since
  {
    position: absolute;
    top: 70px;
    right: 0px;
    z-index: 2;
    width: 125px;
    height: 125px;
    background-color: var(--color1);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*position: relative;*/
  }
  .about-multi-image .since:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--color1);
    border-radius: 50%;
    transform: scale(1.1);
  }
  .about-multi-image .since .span1
  {
    font-weight: 700;
    font-size: 58px;
    line-height: 40px;
    color: var(--white);
    margin-bottom: 10px;
  }
  .about-multi-image .since .span2
  {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 25px;
    line-height: 20px;
    color: var(--white);
  }
  
  /*
      ===============================
  */
  
  #slide-awards .carousel-control-prev,
  #slide-awards .carousel-control-next
  {
    width: 3.6%;
    opacity: 1;
  }
  #slide-awards .carousel-control-prev .carousel-control-prev-icon,
  #slide-awards .carousel-control-next .carousel-control-next-icon
  {
    width: 50px;
    height: 60px;
    background-color: rgba(0 0 0 / 70%);
    background-size: 70%;
  }
  #slide-awards .carousel-control-prev .carousel-control-prev-icon
  {
    border-radius: 0 20px 20px 0;
      background-position: 30% 50%;
  }
  #slide-awards .carousel-control-next .carousel-control-next-icon
  {
    border-radius: 20px 0 0 20px;
      background-position: 60% 50%;
  }
  
  /*
    =================================
  */
  
  .awards-recognistion-section .heading1 p
  {
    color: #333;
    font-weight: 500;
    max-width: 60%;
  }
  .awards-recognistion-section #awards-recognistion
  {
    margin-top: 40px;
  }
  
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper
  {
    
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row
  {
    display:grid;
    grid-template-columns: 35% 65%;	
    padding: 25px;
    place-items:center;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images
  {
    width: 100%;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img
  {
    position: relative;
    width: 90%;
    transition: .3s;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images:hover .img
  {
    transform: scale(1.05);
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img:before
  {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    border: 12px solid #E9B86C;
    width: 98%;
    height: 98%;
    border-radius: 8px;
    z-index: 1;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img:after
  {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    border: 12px solid #00C3B2;
    width: 98%;
    height: 98%;
    border-radius: 8px;
    z-index: 1;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img img
  {
    object-position: top;
    object-fit: cover;
    height: 330px;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    width: 100%;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box
  {
    padding-left: 140px;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box .wrapper-box h5
  {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 20px;
  }
  .awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box .wrapper-box p
  {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px;
    font-weight: 500;
  }
  .awards-recognistion-section #awards-recognistion .carousel-control-prev
  {
    left: -80px;
    width: 7%;
  }
  .awards-recognistion-section #awards-recognistion .carousel-control-next
  {
    width: 7%;	
    right: -80px;
  }
  .awards-recognistion-section #awards-recognistion .carousel-control-prev .carousel-control-prev-icon
  {
    background-image: url(../img/left-arrow.png);
  }
  .awards-recognistion-section #awards-recognistion .carousel-control-next .carousel-control-next-icon
  {
    background-image: url(../img/right-arrow.png);
  }
  
  .awards-recognistion-section
  {
      background-image: url(../img/brush-background1.png);
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: 0% 150%;
  }
  
  /*
    ===========================
  */
  
  
  /*
  =======================================
  */
  
  section.testimonials-section
  {
    background-size: 30%;
    margin-top: 0;
  }
  section.testimonials-section .heading1 h3
  {
    color: var(--color2);
  }
  section.testimonials-section .testimonials-section-contaienr
  {
    padding:40px 0 50px;
  
    /*background-color: #F7F7F7;*/
    background-color: #fffe8094;
    background-color: #8eb8d994;
  }
  section.testimonials-section.digitals .testimonials-section-contaienr
  {
    background-color: var(--white);
    padding-bottom: 30px;
  }
  section.testimonials-section .testimonials-section-contaienr .container
  {
    max-width: 95%;
  }
  
  #clients_say
  {
    margin-top: 20px;
  }
  #clients_say .item
  {
     margin: 0 10px;
  }
  #clients_say .item .testimonials-box
  {
    background-color: var(--white);
    padding:8px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 5%);
      box-shadow: 0 0 30px rgb(0 0 0 / 5%);
      margin-bottom: 10px;
  
  }#clients_say .item .testimonials-box  .content
  {
    flex: 0 0 auto;
    width: 100%;
  }
  
  #clients_say .item .testimonials-box  .content .image_test
  {
    overflow: hidden;
  }
  #clients_say .item .testimonials-box  .content .image_test img
  {
    height: 351px;
    width: 100%;
    object-fit: cover;
    object-position: top left;
    transition: .2s;
  }
  #clients_say .item .testimonials-box  .content:hover .image_test img
  {
    transform: scale(1.1);
  }
  #clients_say .item .testimonials-box  .content .title_testi
  {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    height: 50px;
    padding-top: 7px;
    text-align: center;
    overflow: hidden;
  }
  
  #clients_say .owl-nav{
    position: absolute;
      top: -95px;
      right: 0;
  }	
  
  #clients_say .owl-nav button
  {
    width: 30px;
      height: 30px;
      background: var(--color1);
      color: var(--white);
  }
  #clients_say .owl-nav button span
  {
    font-size: 1.5em;
  }
  
  /*==================================*/
  
  
  #digital----media
  {
    margin-top: 20px;
  }
  #digital----media .item
  {
     margin: 0 10px;
  }
  #digital----media .item .testimonials-box
  {
    background-color: var(--white);
    padding:8px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 5%);
      box-shadow: 0 0 30px rgb(0 0 0 / 5%);
      margin-bottom: 10px;
  
  }#digital----media .item .testimonials-box  .content
  {
    flex: 0 0 auto;
    width: 100%;
  }
  
  #digital----media .item .testimonials-box  .content .image_test
  {
    overflow: hidden;
    position: relative;
  }
  #digital----media .item .testimonials-box  .content .image_test img.images-main
  {
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: .2s;
  }
  #digital----media .item .testimonials-box  .content:hover .image_test img.images-main
  {
    transform: scale(1.1);
  }
  #digital----media .item .testimonials-box  .content .title_testi
  {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    height: 50px;
    padding-top: 7px;
    text-align: center;
    overflow: hidden;
  }
  
  #digital----media .owl-nav{
    position: absolute;
      top: -95px;
      right: 0;
  }	
  
  #digital----media .owl-nav button
  {
    width: 30px;
      height: 30px;
      background: var(--color1);
      color: var(--white);
  }
  #digital----media .owl-nav button span
  {
    font-size: 1.5em;
  }
  
  #digital----media .item .testimonials-box  .content .image_test a.title
  {
    /*display: block;*/
  }
  #digital----media .item .testimonials-box  .content .image_test a.title:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
  }
  #digital----media .item .testimonials-box  .content .image_test a.title .playbtn
  {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 80px;
      background-size: contain;
      transform: translate(-50%,-50%);
      z-index: 5;
  }
  
  
  
  #digital----media .item .testimonials-box  .content .image_test button.title
  {
    border:0px;
    padding: 0;
    margin-bottom: 0;
  }
  #digital----media .item .testimonials-box  .content .image_test button.title:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
  }
  #digital----media .item .testimonials-box  .content .image_test button.title .playbtn
  {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 80px;
      background-size: contain;
      transform: translate(-50%,-50%);
      z-index: 5;
  }
  
  .heading1 h3
  {
    color: #000 !important;
  }
  .heading01 h3 .color-font1
  {
    color: #93C524;
  }
  .heading02 h5 .color-font2
  {
    color: #E4A40F;
  }
  .heading022 h3 .color-font2
  {
    color: #E4A40F;
  }
  .heading03 h3 .color-font3
  {
    color: #57cff7;
  }
  .heading04 h3 .color-font4
  {
    color: #0FBAF4;
  }
  .heading05 h3 .color-font5
  {
    color: #E93500;
  }
  .heading06 h3 .color-font6
  {
    color: #035392;
  }
  .heading07 h3 .color-font7
  {
    color: #ABCD52;
  }
  
  .heading08 h3 .color-font8
  {
    color: #058579;
  }
  
  .heading09 h3 .color-font9
  {
    color: #cf9740;
  }
  .heading10 h3 .color-font10
  {
    color: #c973ff;
  }
  .heading10 h3
  {
    color: var(--white) !important;
  }
  
  /*
    ==========================================
  */
  
  .btn-background a
  {
    background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 0;
      display: inline-block;
      width: 256px;
      text-align: center;
      padding: 18px 45px;
      text-transform: uppercase;
      font-size: 16px;
      color: var(--white);
      font-weight: 600;
  }
  .btn-background.btn-background1 a
  {
    background-image: url(../img/brush-btn-1.png);
  }
  .btn-background.btn-background2 a
  {
    background-image: url(../img/brush-btn-3.png);
  }
  .btn-background.btn-background3 a
  {
    background-image: url(../img/brush-btn-2.png);
  }
  .btn-background.btn-background4 a
  {
    background-image: url(../img/brush-btn-5.png);
  }
  .btn-background.btn-background5 a
  {
    background-image: url(../img/brush-btn-6.png);
  }
  
  
  /*
    ==========================
  */
  
  section.client-home
  {
    padding: 50px 0 50px;
    background-color: var(--white);
    /*background-color: #eee;*/
  }
  
  section.client-home h3
  {
    text-align: center;
    color: var(--color2);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  section.client-home h3
  {
    font-size: 26px;
  }
  section.client-home #clients
  {
    margin-top: 10px;
  }
  section.client-home #clients .clients-colom
  {
    margin: 0 8px;
  }
  section.client-home #clients .clients-colom .image
  {
    background-color: var(--white);
  }
  section.client-home #clients .clients-colom .image img
  {
    padding: 8px;
    width: 100%;
    height: 120px;
    object-position: center;
    object-fit: contain;
    border: 1px solid #eaeaea;
  }
  
  section.client-home #clients .clients-colom .image h6
  {
    text-align: center;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 17px;
      font-family:"Barlow",sans-serif;
      color: #000;
      margin-top: 10px;
  }
  
  /*
    =======================================
  */
  
  .inerBanner .banner_image
  {
  
  }
  .inerBanner .banner_image h6
  {
    opacity: 0;
    visibility: hidden;
  }
  .inerBanner .banner_image img
  {
    width: 100%;
    height: 350px;
    object-position: 50% 10%;
    object-fit: cover;
  }
  
  /*
    ============================
  */
  body.innerPage .container
  {
    max-width: 93%;
  }
  body.innerPage span.heading-font
  {
    font-family: 'Hey-October';
    text-transform: capitalize;
    font-weight: normal !important;
    font-size: 45px !important;
  }
  body.innerPage .heading1 h3
  {
    font-size: 40px;
    text-transform: capitalize;
    text-align: left;
  }
  body.innerPage .heading1
  {
    text-align: left;
  }
  
  /*
    ===========================
  */
  
  .inner-about-section .about-inner-container
  {
    padding: 45px 0 25px;
  }
  .inner-about-section
  {
    /*background-color: #cdf0ff;*/
  }
  .inner-about-section .about-inner-container .content-box p
  {
    font-size: 17px;
    color: #000;
    font-weight: 400;
  }
  
  /*
    ====================================
  */
  
  .inner-about-section
  {
    position: relative;
    overflow: hidden;
  }
  .inner-about-section .ciricle-box-shape
  {
    position: absolute;
    right: -150px;
    bottom: -250px;
    width: 600px;
    height: 600px;
    background-color: #FB5C5E;
    border-radius: 50%;
  }
  .inner-about-section .circle-box-image
  {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .inner-about-section .circle-box-image img{
    height: 350px;
  }
  
  /*
    =====================================
  */
  
  section.mision-vision-value{
    margin-top: 120px;
    margin-bottom: 80px;
  }
  section.mision-vision-value .mvv-container
  {
    max-width: 90%;
    margin: auto;
  }
  section.mision-vision-value .mvv-container .mvv-colom
  {
    margin: 0 0px;
    height: 100%;
    border-radius: 15px;
      transition: .3s;
  }
  section.mision-vision-value .mvv-container .mvv-colom:hover
  {
    transform: translateY(-15px);
  }
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper
  {
      padding: 25px;
      height: 100%;
      box-shadow: 0 15px 9px 3px rgb(0 0 0 / 8%);
      border-radius: 15px;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-1
  {
    background-color: #FF850D;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-2
  {
    background-color: #704FFF;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-3
  {
    background-color: #41D481;
  }
  
  
  section.mision-vision-value .mvv-container .mvv-colom.colom-4
  {
    background-color: #0092FF;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-5
  {
    background-color: #FB00AE;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-6
  {
    background-color: #E4A40F;
  }
  
  
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .icon
  {
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    margin-top: -90px;
    margin-left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
    border-radius: 50%;
    border: 5px solid #000;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-1 .mvv-wrapper .icon
  {
    border-color: #FF850D;	
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-2 .mvv-wrapper .icon
  {
    border-color: #704FFF;	
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-3 .mvv-wrapper .icon
  {
    border-color: #41D481;	
  }
  
  section.mision-vision-value .mvv-container .mvv-colom.colom-4 .mvv-wrapper .icon
  {
    border-color: #0092FF;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-5 .mvv-wrapper .icon
  {
    border-color: #FB00AE;
  }
  section.mision-vision-value .mvv-container .mvv-colom.colom-6 .mvv-wrapper .icon
  {
    border-color: #E4A40F;
  }
  
  
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .icon img
  {
    padding: 23px;
  }
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .content
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .content h6
  {
    color: var(--white);
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
  }
  section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .content p
  {
    color: var(--white);
    font-weight: 400;
    line-height: 27px;
    font-size: 17px;
  }
  
  /*
    ------------------------------------
  */
  
  section.director-message
  {
    padding: 40px 0;
    background-color: #f6d8ff;
  }
  section.director-message .heading1 p
  {
    font-size: 22px;
    font-style: italic;
    color: #222;
    font-weight: 500;
    line-height: 32px;
  }
  
  section.director-message .message-box
  {
    margin-top: 50px;
  }
  section.director-message .message-box .msg-wrapper
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--white);
    padding: 0px;
    padding-bottom: 0;
    border-radius: 25px;
    border-left:8px solid #f25141;
    border-right:8px solid #f25141;
      box-shadow: 0 15px 9px 3px rgb(0 0 0 / 8%);
  }
  section.director-message .message-box .msg-wrapper .image
  {
    flex: 0 0 auto;
    width: 230px;
    position: relative;
  }
  section.director-message .message-box .msg-wrapper .image img
  {
    width: 100%;
      height: 280px;
      object-position: bottom;
      object-fit: cover;
      position: absolute;
      bottom: 0;
      left: 0;
  }
  section.director-message .message-box .msg-wrapper .textbox
  {
    flex: 0 0 auto;
    width:calc(100% - 230px);
    padding-right: 20px;
    padding: 30px;
  }
  section.director-message .message-box .msg-wrapper .textbox p
  {
    margin-bottom: 0;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
  }
  
  section.director-message .message-box .msg-wrapper .textbox .paragraph-conatiner i
  {
    color: #F25141;
    font-size: 25px;
  }
  section.director-message .message-box .msg-wrapper .textbox .paragraph-conatiner p
  {
    display: inline;
  }
  
  
  section.director-message .message-box.box1 .msg-wrapper .image
  {
    order: 1;
  }
  section.director-message .message-box.box1 .msg-wrapper .textbox
  {
    order: 2;
  }
  
  section.director-message .message-box.box2 .msg-wrapper .image
  {
    order: 2;
  }
  section.director-message .message-box.box2 .msg-wrapper .textbox
  {
    order: 1;
  }
  .opacity_zero
  {
    opacity: 0 !important;
  }
  /*
    ==============================
  */
  
  body.director-message-page .director-message
  {
  
  }
  body.director-message-page .inner-about-section
  {
    padding-bottom: 0px;
  }
  body.director-message-page .inner-about-section .content-box .quote
  {
    font-size: 22px;
    line-height: 35px;
    font-style: italic;
    margin-bottom: 25px;
  }
  body.director-message-page .inner-about-section .content-box .quote span
  {
    color: #1050c5;
    font-weight: 500;
  }
  
  /*
    =================================
  */
  body.award-inner-page .container
  {
    max-width: 90%;
  }
  .awards-page .heading1 p
  {
      color: #333;
      font-weight: 500;
      max-width: 60%;
  }
  body.award-inner-page .awards-page
  {
    margin-top: 40px;
  }
  
  .awards-page .gall1 .awards-box-colom
  {
    background-color: #A706A1;
  }
  .awards-page .gall2 .awards-box-colom
  {
    background-color: #DE4103;
  }
  .awards-page .gall3 .awards-box-colom
  {
    background-color: #0a848c;
  }
  .awards-page .gall1,
  .awards-page .gall2,
  .awards-page .gall3
  {
      margin-bottom:15px;
  }
  .awards-page .awards-box-colom
  {
    border-radius: 20px 20px 20px 20px;
      box-shadow: 0 15px 9px 3px rgb(0 0 0 / 8%);
      height:100%;
  }
  .awards-page .awards-box-colom .awards-gallery
  {
    overflow: hidden;
  }
  .awards-page .awards-box-colom .awards-gallery img
  {
    width: 100%;
    height: 250px;
    object-position: 50% 30%;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    transition: .3s;
  }
  .awards-page .awards-box-colom:hover .awards-gallery img
  {	
    transform: scale(1.1);
  }
  .awards-page .awards-box-colom .details
  {
    padding: 25px 30px;
    position: relative;
  }
  .awards-page .awards-box-colom .details .anchor
  {
    display: inline-block;
    position: absolute;
    top:-30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 3;
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    border: 3px solid var(--white);
  }
  .awards-page .gall1 .awards-box-colom .details .anchor
  {
    border-color: #A706A1;
  }
  .awards-page .gall2 .awards-box-colom .details .anchor
  {
    border-color: #DE4103;
  }
  .awards-page .gall3 .awards-box-colom .details .anchor
  {
    border-color: #0a848c;
  }
  .awards-page .gall1 .awards-box-colom .details .anchor i
  {
    color: #A706A1;
  }
  .awards-page .gall2 .awards-box-colom .details .anchor i
  {
    color: #DE4103;
  }
  .awards-page .gall3 .awards-box-colom .details .anchor i
  {
    color: #0a848c;
  }
  .awards-page .awards-box-colom .details .anchor i
  {
    font-size: 45px;
    line-height: 55px;
  }
  .awards-page .awards-box-colom .details .anchor
  {
  
  }
  .awards-page .awards-box-colom .details h6
  {
      color: var(--white);
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 25px;
      margin-bottom: 15px;
      margin-top: 20px;
  }
  .awards-page .awards-box-colom .details p
  {
      color: var(--white);
      font-weight: 400;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 0;
  }
  
  /*
    ==================================
  */
  body.what-we-do .whatwedo-section
  {
    margin-top: 40px;
  }
  body.what-we-do .whatwedo-section .heading1 p
  {
    max-width: 90%;
        color: #333;
      font-weight: 400;
    text-align:justify;
  }
  
  body.what-we-do .row-sub-projects
  {
    display: grid;
    grid-template-columns: 40% 60%;
    max-width: 90%;
    margin-left: 5%;
    margin-bottom: 25px;
    place-items:center;
  }
  body.what-we-do .row-sub-projects
  {
  
  }
  body.what-we-do .row-sub-projects .detail .content
  {
    padding-left: 30px;
    padding-top: 30px;
  }
  body.what-we-do .row-sub-projects .detail .content h5
  {
    font-weight: 700;
      font-size: 27px;
      line-height: 35px;
      margin-bottom: 15px;
  }
  body.what-we-do .row-sub-projects .detail .content p
  {
    font-size: 17px;
    color: #000;
    line-height: 27px;
  }
  
  /*
    ===========================
  */
  body.printMediaSinglePage section.testimonials-section
  {
    position: relative;
  }
  body.printMediaSinglePage section.testimonials-section:before
  {
    content: '';
      position: absolute;
      top: -39px;
      left: 0;
      background-position: top left;
      z-index: 2;
      height: 40px;
      width: 100%;
      background-size: 300px;
      background-repeat: repeat-x;
  }
  body.printMediaSinglePage section.testimonials-section .testimonials-section-contaienr
  {
    background-color: #d3ffe3;
    padding-top: 0;
    position: relative;
    z-index: 3;
  }
  body.printMediaSinglePage section.testimonials-section .testimonials-section-contaienr .heading1 
  {
    text-align: center;
  }
  body.printMediaSinglePage section.testimonials-section .testimonials-section-contaienr .heading1 h3
  {
    text-align: center;
  }
  body.printMediaSinglePage #clients_say .item
  {
    margin: 0 0;
  }
  body.printMediaSinglePage .printMedia
  {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 6px;
  }
  body.printMediaSinglePage .printMedia .item .testimonials-box
  {
    position: relative;
  }
  body.printMediaSinglePage .printMedia .item .testimonials-box a:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  body.printMediaSinglePage .printMedia .item .testimonials-box .image_test img
  {
    transition: .4s;
  }
  body.printMediaSinglePage .printMedia .item:hover .testimonials-box .image_test img
  {
    transform: scale(1.1);
  }
  body.printMediaSinglePage .printMedia
  {
    padding-bottom: 40px;
  }
  body.printMediaSinglePage .main_footer
  {
    margin-top: 0;
  }
  
  /*
    =================================
  */
  section.wave-sections
  {
    position: relative;
  }
  section.wave-sections .program-three__top-shape {
      z-index: 2;
      position: absolute;
      top: -21px;
      left: 0;
      width: 100%;
      height: 23px;
      background-color: #EC543A;
      -webkit-mask: url(../img/download.svg);
      mask: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23"><path d="M1920 22.0088L1920 0.00878906C1880 0.00878906 1880 22.0088 1839.99 22.0088C1799.99 22.0088 1799.99 0.00878906 1759.98 0.00878906C1719.98 0.00878906 1719.98 22.0088 1679.98 22.0088C1639.98 22.0088 1639.98 0.00878906 1599.98 0.00878906C1559.98 0.00878906 1559.98 22.0088 1519.98 22.0088C1479.98 22.0088 1479.98 0.00878906 1439.98 0.00878906C1399.98 0.00878906 1399.98 22.0088 1359.98 22.0088C1319.98 22.0088 1319.98 0.00878906 1279.98 0.00878906C1239.98 0.00878906 1239.98 22.0088 1199.98 22.0088C1159.98 22.0088 1159.98 0.00878906 1119.98 0.00878906C1079.98 0.00878906 1079.98 22.0088 1039.98 22.0088C999.98 22.0088 999.98 0.00878906 959.99 0.00878906C919.99 0.00878906 919.99 22.0088 879.99 22.0088C839.99 22.0088 839.99 0.00878906 799.99 0.00878906C759.99 0.00878906 759.99 22.0088 719.99 22.0088C679.99 22.0088 679.99 0.00878906 639.99 0.00878906C599.99 0.00878906 599.99 22.0088 559.99 22.0088C519.99 22.0088 519.99 0.00878906 479.99 0.00878906C439.99 0.00878906 439.99 22.0088 399.99 22.0088C359.99 22.0088 359.99 0.00878906 319.99 0.00878906C279.99 0.00878906 279.99 22.0088 239.99 22.0088C200 22.0088 200 0.00878906 160 0.00878906C120 0.00878906 120 22.0088 80 22.0088C40 22.0088 40 0.00878906 0 0.00878906L-1.32845e-08 22.0088L1920 22.0088Z"/></svg>);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: cover;
      mask-size: cover;
  }
  section.wave-sections #wave01
  {
    position: absolute;
    top: -90px;
    z-index: 3;
    left: 0;
    width: 100%;
  }
  section.wave-sections #wave02
  {
    position: absolute;
    bottom: -90px;
    z-index: 3;
    left: 0;
    width: 100%;
  }
  section.wave-sections #wave01 path
  {
    fill: #d3ffe3;
  }
  section.wave-sections #wave02 path
  {
    fill: #d3ffe3;
  }
  /*
    ===========================
  */
  body.DigitalMediaSinglePage section.testimonials-section
  {
    position: relative;
  }
  body.DigitalMediaSinglePage section.testimonials-section:before
  {
    content: '';
      position: absolute;
      top: -39px;
      left: 0;
      background-position: top left;
      z-index: 2;
      height: 40px;
      width: 100%;
      background-size: 300px;
      background-repeat: repeat-x;
  }
  body.DigitalMediaSinglePage section.testimonials-section .testimonials-section-contaienr
  {
    background-color: #ece6f3;
    padding-top: 0;
    position: relative;
    z-index: 3;
  }
  body.DigitalMediaSinglePage section.testimonials-section .testimonials-section-contaienr .heading1 
  {
    text-align: center;
  }
  body.DigitalMediaSinglePage section.testimonials-section .testimonials-section-contaienr .heading1 h3
  {
    text-align: center;
  }
  body.DigitalMediaSinglePage #clients_say .item
  {
    margin: 0 0;
  }
  body.DigitalMediaSinglePage .printMedia
  {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 6px;
  }
  body.DigitalMediaSinglePage .printMedia .item .testimonials-box
  {
    position: relative;
  }
  body.DigitalMediaSinglePage .printMedia .item .testimonials-box a:before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  body.DigitalMediaSinglePage .printMedia .item .testimonials-box .image_test img
  {
    transition: .4s;
  }
  body.DigitalMediaSinglePage .printMedia .item:hover .testimonials-box .image_test img
  {
    transform: scale(1.1);
  }
  body.DigitalMediaSinglePage .printMedia
  {
    padding-bottom: 40px;
  }
  body.DigitalMediaSinglePage .main_footer
  {
    margin-top: 0;
  }
  body.DigitalMediaSinglePage section.wave-sections #wave01 path
  {
    fill: #ece6f3;
  }
  
  /*
    ========================
  */
  body.DigitalMediaSinglePage #digital----media .item
  {
    margin: 0 0;
  }
  body.DigitalMediaSinglePage .printMedia
  {
  
  }
  
  /*
    ====================================
  */
  
  body.document-pages #clients_say .item .testimonials-box .content .image_test img
  {
    object-position: top;
  }
  #clients_say .item .testimonials-box
  {
    border-radius: 8px;
  }
  #clients_say .item .testimonials-box .button
  {
    background-color: #0092FF;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
    border-radius: 7px;
  }
  #clients_say .item .testimonials-box .button h4
  {
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0;
     font-family: "Barlow", sans-serif;
  }
  
  /*
    ================================
  */
  
  body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image1
  {
    position: relative;
    width: 500px;
  }
  body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image1:before
  {
    position: absolute;
    content: '';
    left: -9px;
    top: -9px;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: 0px 0px 0px 10px #FFAA23;
    border-radius: 50%;
  }
  body.individual-corporate-partnership .about-us-home1 .about-multi-image .image1 img
  {
    width: 500px;
    height:500px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
  }
  body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image2
  {
    width: 280px;
    height: 280px;
    z-index: 4;
    border-radius: 50%;
    border:12px solid #2390FF;
  }
  body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image2 img
  {
    border-radius: 50%;
  }
  body.individual-corporate-partnership .about-us-home1 .content-about
  {
    padding-top: 0;
  }
  /*
    ================================
  */
  
  body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1
  {
    position: relative;
    width: 500px;
    left: 30px;
  }
  body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1:before
  {
    position: absolute;
    content: '';
    right: -9px;
    top: -9px;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: 0px 0px 0px 10px #035392;
    border-radius: 50%;
  }
  body.individual-corporate-partnership .about-us-home1 .about-multi-image .image1 img
  {
    width: 500px;
    height:500px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
  }
  body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image2
  {
    width: 280px;
    height: 280px;
    z-index: 4;
    border-radius: 50%;
    border:12px solid #FB00AE;
    right: auto;
    left: -30px;
  }
  body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image2 img
  {
    border-radius: 50%;
  }
  body.individual-corporate-partnership .about-us-home1 .content-about
  {
    padding-top: 0;
  }
  body.individual-corporate-partnership .about-us-home1 .content-about ul
  {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
  }
  body.individual-corporate-partnership .about-us-home1 .content-about ul li
  {
    font-size: 17px;
    line-height: 26px;
      color: #333;
      font-weight: 500;
  }
  body.individual-corporate-partnership .about-us-home1 .colortext
  {
    color: #E8373D;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
  }
  body.individual-corporate-partnership .about-us-home1 .colortext a
  {
      background-color: #75C137;
      color: var(--white);
      padding: 8px 20px;
      font-weight: 500;
      border-radius: 25px;
      text-transform: lowercase;
      display: inline-block;
      line-height: 29px;
      margin-left: 10px;
  }
  body.individual-corporate-partnership .about-multi-image
  {
    position: sticky;
    top: 40px;
  }
  
  /*
    ==========================
  */
  
  body.past-events .whatwedo-section .heading1 p
  {
    max-width: 100%;
    text-align:justify;
    margin-bottom:15px;
  }
  body.past-events .whatwedo-section .heading1 ul
  {
      list-style:disc;
      padding-left:20px;
      margin-bottom:20px;
  }
  body.past-events .whatwedo-section .heading1 ul li
  {
      font-weight:400;
      font-size:17px;
      color:#333;
  }
  
  /*
    ========================
  */
  
  .past-events-images
  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .past-events-images .pEvents-colom
  {
    flex: 0 0 auto;
    width: calc(24.5% - 10px);
  }
  .past-events-images .pEvents-colom .wrapper
  {
    position: relative;
  }
  .past-events-images .pEvents-colom .wrapper .image
  {
    position: relative;
    overflow: hidden;
  }
  .past-events-images .pEvents-colom .wrapper .image:before
  {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(60deg,#93C524 33.33%,#0FBAF4 33.33%,#0FBAF4 66%,#E8373D 66%,#E8373D 100%);
    border-radius: 8px;
    z-index: 1;
    box-shadow: 5px 5px 15px 15px rgba(0 0 0 / 10%);
  }
  .past-events-images .pEvents-colom .wrapper .image img
  {
    width: 100%;
    height: 280px;
    object-position: center;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    padding: 10px;
    transition: .3s;
  }
  .past-events-images .pEvents-colom .wrapper:hover .image img
  {
    transform: scale(1.1);
  }
  .past-events-images .pEvents-colom .wrapper .anchor-view
  {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0 0 0 / 60%);
    border-radius: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .5s;
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
  }
  .past-events-images .pEvents-colom .wrapper:hover .anchor-view
  {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .past-events-images .pEvents-colom .wrapper .anchor-view i
  {
    display: inline-block;
    color: var(--white);
    font-size: 35px;
    text-align: center;
    border-radius: 8px;
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    background-color: red;
    line-height: 50px;
  }
  .past-events-images .pEvents-colom .wrapper .anchor-view i:before
  {
    transform: rotate(-45deg);
  }
  
  /*
    ==============================
  */
  .contact-info
  {
    margin-top: 70px;
  }
  .contact-info .container
  {
    max-width: 85% !important;
  }
  .contact-info .container .contact-box
  {
    height: 100%;
  }
  .contact-info .container .contact-box .wrapper
  {
    padding: 25px;
    padding-top: 25px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
  }
  .contact-info .container .contact-box .wrapper .details
  {
    text-align: center;
  }
  .contact-info .container .contact-box.box01 .wrapper
  {
    background-color: #E8373D
  }
  .contact-info .container .contact-box.box02 .wrapper
  {
    background-color: #E4A40F
  }
  .contact-info .container .contact-box.box03 .wrapper
  {
    background-color: #9BC935
  }
  
  
  
  .contact-info .container .contact-box.box01 .wrapper  .icon
  {
    border:2px solid #E8373D
  }
  .contact-info .container .contact-box.box02 .wrapper  .icon
  {
    border:2px solid #E4A40F
  }
  .contact-info .container .contact-box.box03 .wrapper  .icon
  {
    border:2px solid #9BC935
  }
  
  
  .contact-info .container .contact-box.box01 .wrapper  .icon i
  {
    color: #E8373D
  }
  .contact-info .container .contact-box.box02 .wrapper  .icon i
  {
    color: #E4A40F
  }
  .contact-info .container .contact-box.box03 .wrapper  .icon i
  {
    color: #9BC935
  }
  
  .contact-info .container .contact-box .wrapper .icon
  {
    position: relative;
    margin-top: -65px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background-color: var(--white);
    transform: rotate(45deg);
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .contact-info .container .contact-box .wrapper .icon i
  {
    display: inline-block;
    transform: rotate(-45deg);
    font-size: 25px;
  }
  
  
  .contact-info .container .contact-box .wrapper .details h6
  {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
  }
  .contact-info .container .contact-box .wrapper .details p
  {
    margin-bottom: 0;
  }
  .contact-info .container .contact-box .wrapper .details a
  {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    text-align: center;
    display: inline-block;
  }
  
  
  /*
  ==========================================
  */
  .contact-wave-top
  {
    margin-top: 40px;
  }
  
  .contact-wave-top.contact-wave-top2
  {
    margin-top: 0px;
  }
  .contact-wave-top img
  {
    width: 100%;
  }
  .contactMainSections
  {
      padding-left: 30px;
      background: #035392;
      position: relative;
  }
  
  .contactMainSections .image-texture
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .contactMainSections .image-texture img
  {
    width: 100%;
    height: 100%;
    object-position: center;
    /*object-fit: cover;*/
  }
  .contact_form_area .form_container
  {
    border-radius: 10px;
      padding: 60px 40px;
      position: relative;
      z-index: 4;
  }
  
  .contact_form_area .form_container .heading1 h4
  {
    color: var(--white);
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
  .contact_form_area .form_container .heading1 h4:before
  {
    background-color: var(--white);
  }
  
  .contact_form_area .form_container .my__input .inputControl:focus
  {
    box-shadow: none;
    outline: none;
  }
  .contact_form_area .form_container .my__input .inputControl
  {
    padding: 22px 10px 6px;
    font-weight: 600;
    color: #333;
    font-family: var(--mulish);
  }
  .contact_form_area .form_container .my__input
  {
    position: relative;
    margin-bottom: 18px;
  }
  .contact_form_area .form_container .my__input label
  {
    position:absolute;
    top: 13px;
    left: 17px;
    font-weight: 600;
    font-family: "Barlow", sans-serif;
    color: #444;
    font-size: 17px;
    transition: .3s;
    pointer-events: none;
  }
  
  .contact_form_area .form_container .my__input .inputControl:focus+label
  {
    top: 0px;
    left: 10px;
    font-size: 13px;
    color: blue;
    font-weight: 500;
  }
  
  .contact_form_area .form_container .my__input .inputControl:valid+label
  {
    top: 0px;
    left: 10px;
    font-size: 13px;
    color: blue;
    font-weight: 500;
  }
  .contact_form_area .form_container .submit_buttons
  {
    text-align: center;
      margin-top: 10px;
      background-image: url(../img/brush-btn-2.png);
      max-width: 300px;
      background-position: center;
      background-size: 100%;
      padding: 5px;
      margin-right: auto;
      margin-left: auto;
  }
  .contact_form_area .form_container .submit_buttons input
  {
    display: inline-block;
      text-align: center;
      background-color: transparent;
      color: var(--white);
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-transform: uppercase;
      padding: 10px 43px;
      border-radius: 20px;
      transition: .3s;
      border: 0;
  }
  .contact_form_area .form_container .submit_buttons input:hover
  {
    /*background-color: var(--white);*/
    /*color: var(--color1);*/
    /*border-color: var(--color1);*/
  } 
  
  .contact-page-section .heading01 h4
  {
      font-weight: 600;
      font-size: 37px;
      position: relative;
      padding-bottom: 4px;
      margin-bottom: 15px;
      display: inline-block;
  }
  .contact-page-section .heading01 h4:before,
  .contact-page-section .heading01 h4:after
  {
    height: 3px;
  }
  
  
  /*
    =============================
  */
  
  .donatePage-Section .containers
  {
    max-width: 90%;
    margin: auto;
  }
  .donatePage-Section
  {
    margin-top: 85px;
    margin-bottom: 100px;
  }
  .donatePage-Section .background-wrapper-form
  {
    position: relative;
    background-color: #007EFF;
    padding: 45px 40px;
  }
  .donatePage-Section .background-wrapper-form:before
  {
    content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../img/donate-waves3.png);
      left: -10px;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .donatePage-Section .background-wrapper-form:after
  {
    content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../img/donate-waves3.png);
      right: -10px;
      background-repeat: no-repeat;
      background-size: contain;
      transform: rotate(180deg);
  }
  .donatePage-Section .background-wrapper-form .contact-wave-top
  {
    position: absolute;
    top: -64px;
    left: 0;
    width: 100%;
  }
  .donatePage-Section .background-wrapper-form .contact-wave-bottom
  {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
  }
  .donatePage-Section .background-wrapper-form .bg-images{
    background-image: url(../img/main_bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 1;
    z-index: .3;
  }
  .donatePage-Section .background-wrapper-form form
  {
    position: relative;
    z-index: 3;
  }
  .donatePage-Section .background-wrapper-form .heading1
  {
    margin-bottom: 0;
  }
  .donatePage-Section .background-wrapper-form .heading1 h3
  {
    text-align: center;
    color: var(--white) !important;
  }
  .donatePage-Section .background-wrapper-form .heading1 h3 .heading-font
  {
    color: #fff !important;
  }
  .donatePage-Section .background-wrapper-form form .input-holder
  {
    margin-bottom: 20px;
  }
  .donatePage-Section .background-wrapper-form form .input-holder label
  {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--white);
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control
  {
    background-color: #007EFF;
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 10px 15px;
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control:focus
  {
    box-shadow: none;
  }
  
  {
  
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255 255 255 / 70%);
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255 255 255 / 70%);
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255 255 255 / 70%);
  }
  .donatePage-Section .background-wrapper-form form .input-holder .form-control:-moz-placeholder { /* Firefox 18- */
    color: rgba(255 255 255 / 70%);
  }
  
  
  
  .donatePage-Section.form-02 .background-wrapper-form form .input-holder .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0 0 0 / 80%);
  }
  .donatePage-Section.form-02 .background-wrapper-form form .input-holder .form-control::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0 0 0 / 80%);
  }
  .donatePage-Section.form-02 .background-wrapper-form form .input-holder .form-control:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0 0 0 / 80%);
  }
  .donatePage-Section.form-02 .background-wrapper-form form .input-holder .form-control:-moz-placeholder { /* Firefox 18- */
    color: rgba(0 0 0 / 80%);
  }
  .donatePage-Section .background-wrapper-form form .captcha-images label
  {
    display: block;
    opacity: 0;
    visibility: hidden;
  }
  .donatePage-Section .background-wrapper-form form .submit
  {
    text-align: center;
  }
  
  .donatePage-Section .background-wrapper-form form .submit .submit-holder
  {
    text-align: center;
      margin-top: 10px;
      background-image: url(../img/brush-btn-5.png);
      max-width: 300px;
      background-position: center;
      background-size: 100%;
      padding: 3px;
      margin-right: auto;
      margin-left: auto;
  }
  .donatePage-Section .background-wrapper-form form .submit .submit-holder input
  {
    display: inline-block;
      text-align: center;
      background-color: transparent;
      color: var(--white);
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-transform: uppercase;
      padding: 10px 43px;
      border-radius: 20px;
      transition: .3s;
      border: 0;
  }
  
  
  
  
  
  /*
    =================================
  */
  
  .modal-mesasge-only .modal-dialog
  {
    max-width: 750px;
  }
  .modal-mesasge-only .modal-dialog .modal-data-msg
  {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal-mesasge-only .modal-dialog .modal-header .btn-close
  {
    opacity: 1;
    background-image: url(../img/close.png);
  }
  .modal-mesasge-only .modal-dialog .modal-header
  {
      padding: 11px 20px;
      background-color: var(--color3);
  }
  .modal-mesasge-only .modal-dialog .modal-header .modal-title
  {
     color: var(--white);
      font-size: 22px !important;
      letter-spacing: 1px;
      margin-top: 0;
      font-family: "Barlow Condensed", sans-serif;
      font-weight: 600;
  }
  .modal-mesasge-only .modal-dialog .modal-data-msg .image
  {
    float: left;
    max-width: 250px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left:5px;
  }
  .modal-mesasge-only .modal-dialog .modal-data-msg .image img
  {
    border-radius: 8px;
    height: 220px;
    object-fit: cover;
    object-position: top;
    box-shadow: -12px 13px 0 -4px var(--color02);
  }
  .modal-mesasge-only .modal-dialog .modal-data-msg p
  {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
  }
  
  .flex-headings
  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*align-items: center;*/
  }
  
  /*
  =====================================
  */
  
  body.what-we-do .row-sub-projects.no_image_availables
  {
    margin-left: 0%;
    width:100%;
    grid-template-columns:100%;
  }
  body.what-we-do .row-sub-projects.no_image_availables .detail .content
  {
    padding-top: 0;
  }
  body.what-we-do .row-sub-projects .detail .content ul
  {
    padding-left: 15px;
    list-style-type: disc !important;
    margin-bottom: 15px;
  }
  body.what-we-do .row-sub-projects .detail .content ul li
  {
    font-size: 17px;
      color: #000;
      line-height: 27px;
  }
  
  /*
    =========================================
  */
  body.inter-page .about-us-home1 .content-about
  {
    padding-right: 0;
    padding-left: 0;
  }
  body.inter-page .about-us-home1 .content-about .descarea p
  {
    text-align: justify;
    font-weight: 400;
  }
  body.inter-page .about-us-home1 .content-about .descarea .quote_text
  {
    font-size: 20px;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 15px;
  }
  body.inter-page .about-us-home1 .content-about .descarea .quote_text b
  {
    text-transform: uppercase;
  }
  body.inter-page .about-us-home1 .content-about .descarea ul li
  {
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 7px;
  }
  body.inter-page .about-us-home1 .content-about .descarea ul li strong
  {
    font-size: 16px;
  }
  body.inter-page .about-us-home1 .content-about .descarea .quote_text b
  {
    display: block;
    margin-top: 3px;
  }
  body.inter-page .about-us-home1 .content-about .descarea .quote_text i
  {
    color: #fb00ae;
  }
  
  body.inter-page .about-us-home1 .content-about .descarea h3
  {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    color: #0fbaf4;
  }
  
  
  body.inter-page .about-us-home1 .about-multi-image .image1 img 
  {
      object-position: left;
    object-fit: cover;
  }
  body.inter-page.volunteerPage .about-us-home1 .about-multi-image .image1 img 
  {
      object-position: center;
    object-fit: cover;
  }
  
  
  
  .how-to-apply-area
  {
    margin-top: 60px;
  }
  .how-to-apply-area .heading1 p
  {
    color: #222;
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
  }
  .how-to-apply-area .heading1 h3
  {
    text-align: center !important;
  }
  .how-to-apply-area .donatePage-Section
  {
    margin-top: 65px;
  }
  
  @media screen and (max-width: 480px)
  {
    .how-to-apply-area
    {
      margin-top: 30px;
    }
    .how-to-apply-area .heading1 p
    {
      max-width: 100%;
      font-size: 18px;
      /*text-align: justify;*/
    }
    body.inter-page .about-us-home1 .content-about .descarea ul li
    {
      font-size: 15px;
      margin-bottom: 10px;
    }
    body.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      font-size: 18px;
      text-align: center;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-bottom: 20px;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-top: 25px;
    }
  }
  
  @media screen and (min-width: 481px)  and (max-width: 576px)
  {
    .how-to-apply-area
    {
      margin-top: 30px;
    }
    .how-to-apply-area .heading1 p
    {
      max-width: 100%;
      font-size: 18px;
      /*text-align: justify;*/
    }
    body.inter-page .about-us-home1 .content-about .descarea p
    {
      font-size: 16px;
    }
    body.inter-page .about-us-home1 .content-about .descarea ul
    {
      /*margin-bottom: 20px;*/
    }
    body.inter-page .about-us-home1 .content-about .descarea ul li
    {
      font-size: 16px;
      margin-bottom: 10px;
      font-weight: 500;
  
    }
    body.inter-page.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1
    {
      margin-top: 15px;
    }
    body.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      /*font-size: 18px;*/
      text-align: center;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-bottom: 20px;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-top: 35px;
    }
    body.individual-corporate-partnership .about-us-home1.section02 .heading1 h3
    {
      text-align: center !important;
    }
  }
  
  @media screen and (min-width: 577px)  and (max-width: 767px)
  {
    .how-to-apply-area
    {
      margin-top: 30px;
    }
    .how-to-apply-area .heading1 p
    {
      max-width: 100%;
      font-size: 18px;
      /*text-align: justify;*/
    }
    body.inter-page .about-us-home1 .content-about .descarea p
    {
      font-size: 16px;
    }
    body.inter-page .about-us-home1 .content-about .descarea ul
    {
      /*margin-bottom: 20px;*/
    }
    body.inter-page .about-us-home1 .content-about .descarea ul li
    {
      font-size: 16px;
      margin-bottom: 10px;
      font-weight: 500;
  
    }
    body.inter-page.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1
    {
      margin-top: 15px;
    }
    body.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      /*font-size: 18px;*/
      text-align: center;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-bottom: 20px;
    }
    body.inter-page .how-to-apply-area .donatePage-Section
    {
      margin-top: 35px;
    }
    body.individual-corporate-partnership .about-us-home1.section02 .heading1 h3
    {
      text-align: center !important;
    }
  }
  @media screen and (min-width: 768px)  and (max-width: 992px)
  {
    body.inter-page .order-icp-1
    {
      order: inherit !important;
    }
    body.inter-page .order-icp-2
    {
      order: inherit !important;
    }
    body.individual-corporate-partnership.inter-page .about-multi-image
    {
      margin-top: 20px;
      grid-template-columns: repeat(1, 1fr);
    }
    body.inter-page .how-to-apply-area
    {
      margin-top: 30px;	
    }
    body.inter-page .heading1 p
    {
      max-width: 90%;
    }
  }
  
  /*
    ========================================
  */
  
  .donate-center-heading-texts .heading1 h3
  {
    text-align: center !important;
    font-size: 42px !important;
  }
  .donate-center-heading-texts .quote_text
  {
    text-align: center;
  }
  .donate-center-heading-texts .quote_text b
  {
    color: #fb00ae;
  }
  .donate-center-heading-texts .content-about .descarea.descarea2
  {
    margin-top: 20px;
  }
  .donate-center-heading-texts .content-about .descarea p
  {
    text-align: left; !important;
    max-width: 85%;
    font-size: 19px;
    line-height: 30px;
    font-weight: 400 !important;
  }
  
  /*
    =============================================
  */
  
  .plans-row-container
  {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 35px;
  }
  .plans-row-container .plans-boxes
  {
    position: relative;
    overflow: hidden;
    transition: .2s;
  }
  .plans-row-container .plans-boxes:hover
  {
    transform: scale(1.05);
  }
  .plans-row-container .plans-boxes .circles
  {
      position: absolute;
      top: -22%;
      left: -25px;
      width: 350px;
      height: 150px;
      background-color: var(--plan_color);
      border-radius: 50%;
      z-index: 1;
  }
  .plans-row-container .plans-boxes
  {
    padding: 25px;
      background-color: var(--white);
      box-shadow: 0 0 15px 5px rgba(0 0 0 / 5%);
      border-radius: 10px;
  }
  .plans-row-container .plans-boxes .wrappers
  {
    position: relative;
    z-index: 2;
    text-align: center;
  }
  .plans-row-container .plans-boxes .wrappers span
  {
    display: block;
      color: var(--white);
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      margin-top: -10px;
      margin-bottom: 50px;
  }
  .plans-row-container .plans-boxes .price
  {
    /*margin-top: 35px;*/
    /*border-bottom: 1px solid #cccc;*/
  }
  .plans-row-container .plans-boxes .price h6
  {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-align: center;
  }
  .plans-row-container .plans-boxes .price h6 i
  {
    margin-right: 2px;
  }
  .plans-row-container .plans-boxes .select-plan-btn
  {
    display: block;
    text-align: center;
      background-color: var(--plan_color);
      margin-top: 25px;
      color: var(--white);
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 1px;
      font-weight: 700;
      padding: 10px;
      border-radius: 25px;
  }
  
  
  body.donatepages .any-other-amt
  {
    margin-top: 40px;
    text-align: center;
  }
  body.donatepages .any-other-amt a
  {
    display: inline-block;
    text-align: center;
      background-color: #e75ee9;
      color: var(--white);
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700;
      padding: 15px 30px;
      border-radius: 25px;
  }
  
  /*
    ===================================
  */
  body.donatepages .donatePage-Section
  {
    margin-top: 40px;
  }
  .seperate_section_background_color
  {
      /*background-color: #83ffff;*/
      margin-top: 0;
      margin-bottom: 0;
      padding: 0px 0;
  }
  .donate-hide-form
  {
    display: none;
  }
  
  .donatePage-Section .background-wrapper-form .heading1 p{
      max-width: 55%;
      font-weight: 500;
      margin-bottom: 25px;
      font-size: 18px;
      text-transform: capitalize;
  }
  
  @media screen and (max-width: 480px)
  {
    body.donatepages .donate-center-heading-texts .heading1 h3 {
        text-align: center !important;
        font-size: 22px !important;
        line-height: 27px !important;
        margin-bottom: 23px !important;
    }
    body.donatepages.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      font-size: 15px;
    }
    .donate-center-heading-texts .content-about .descarea.descarea2
    {
      margin-top: 0;
    }
    .donate-center-heading-texts .content-about .descarea p
    {
      font-size: 15px !important;
          line-height: 22px;
          text-align: justify !important;
          max-width: 95%;
    }
  
    .plans-row-container
    {
      max-width: 95%;
      margin-left: 2.5%;
      margin-right: 2.5%;
      grid-row-gap: 20px;
      grid-template-columns: repeat(1, 1fr);
    }
    .donatePage-Section .background-wrapper-form .heading1 p
    {
      max-width: 100%;
      font-size: 15px;
      padding-left: 3px;
      padding-right: 3px;
    }
  }
  
  @media screen and (min-width: 481px) and (max-width: 576px)
  {
    body.donatepages .donate-center-heading-texts .heading1 h3 {
        text-align: center !important;
        font-size: 25px !important;
        line-height: 30px !important;
        margin-bottom: 23px !important;
    }
    body.donatepages.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      font-size: 17px;
    }
    .plans-row-container .plans-boxes .circles
    {
      width: 110%;
    }
    .donate-center-heading-texts .content-about .descarea.descarea2
    {
      margin-top: 0;
    }
    .donate-center-heading-texts .content-about .descarea p
    {
      font-size: 15px !important;
          line-height: 22px;
          text-align: justify !important;
          max-width: 95%;
    }
  
    .plans-row-container
    {
      max-width: 95%;
      margin-left: 2.5%;
      margin-right: 2.5%;
      grid-row-gap: 20px;
      grid-template-columns: repeat(1, 1fr);
    }
    .donatePage-Section .background-wrapper-form .heading1 p
    {
      max-width: 100%;
      font-size: 15px;
      padding-left: 3px;
      padding-right: 3px;
    }
  }
  
  @media screen and (min-width: 577px) and (max-width: 767px)
  {
    body.donatepages .donate-center-heading-texts .heading1 h3 {
        text-align: center !important;
        font-size: 30px !important;
        line-height: 35px !important;
        margin-bottom: 23px !important;
    }
    body.donatepages.inter-page .about-us-home1 .content-about .descarea .quote_text
    {
      font-size: 18px;
    }
    .plans-row-container .plans-boxes .circles
    {
      width: 110%;
    }
    .donate-center-heading-texts .content-about .descarea.descarea2
    {
      margin-top: 0;
    }
    .donate-center-heading-texts .content-about .descarea p
    {
      font-size: 18px !important;
          line-height: 22px;
          text-align: justify !important;
          max-width: 95%;
    }
  
    .plans-row-container
    {
      max-width: 95%;
      margin-left: 2.5%;
      margin-right: 2.5%;
      grid-row-gap: 20px;
      grid-template-columns: repeat(2, 1fr);
    }
    .donatePage-Section .background-wrapper-form .heading1 p
    {
      max-width: 100%;
      font-size: 15px;
      padding-left: 3px;
      padding-right: 3px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 992px)
  {
    .plans-row-container
    {
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 50px;
      grid-row-gap: 25px;
    }
    .plans-row-container .plans-boxes .circles
    {
      width: 115%;
    }
  }
  
  /*
    ===========================================
  */
  
  .button-wrapp-rows
  {
    max-width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 25px;
    margin-top: 20px;
  }
  .form-02 .button-wrapp-rows
  {
    max-width: 100%;
  }
  .button-wrapp-rows .buttons-wrapper > label
  {
    width: 100%;
  }
  .button-wrapp-rows .buttons-wrapper .radio-duration
  {
    appearance:none;
    position: absolute;
  }
  .button-wrapp-rows .buttons-wrapper .radio-duration + span
  {
    text-align: center;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 25px;
    display: inline-block;
    width: 100%;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(1) .radio-duration + span
  {
    background-color: white;
    color: #fd6830;
    border:2px solid #fd6830;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(2) .radio-duration + span
  {
    background-color: white;
    color: #0db857;
    border:2px solid #0db857;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(3) .radio-duration + span
  {
    background-color: white;
    color: #7e98d3;
    border:2px solid #7e98d3;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(4) .radio-duration + span
  {
    background-color: white;
    color: #fb00ae;
    border:2px solid #fb00ae;
  }
  
  
  
  .button-wrapp-rows .buttons-wrapper:nth-child(1) .radio-duration:checked + span,
  .button-wrapp-rows .buttons-wrapper:nth-child(1) .radio-duration:hover + span
  {
    background-color: #fd6830;
    color: #fff;
    border:2px solid #fd6830;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(2) .radio-duration:checked + span,
  .button-wrapp-rows .buttons-wrapper:nth-child(2) .radio-duration:hover + span
  {
    background-color: #0db857;
    color: #fff;
    border:2px solid #0db857;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(3) .radio-duration:checked + span,
  .button-wrapp-rows .buttons-wrapper:nth-child(3) .radio-duration:hover + span
  {
    background-color: #7e98d3;
    color: #fff;
    border:2px solid #7e98d3;
  }
  .button-wrapp-rows .buttons-wrapper:nth-child(4) .radio-duration:checked + span,
  .button-wrapp-rows .buttons-wrapper:nth-child(4) .radio-duration:hover + span
  {
    background-color: #fb00ae;
    color: #fff;
    border:2px solid #fb00ae;
  }
  
  /*
    ==============================
  */
  
  .donate-form .radio-btn-holder
  {
    display: flex;
    flex-direction: row;
    clear: both;
  }
  .donate-form .radio-btn-holder label
  {
    margin-right: 8px;
  }
  .donate-form .radio-btn-holder label .gender
  {
    appearance:none;
    position: absolute;
  }
  .donate-form .radio-btn-holder label .gender + span
  {
    display: inline-block;
      background-color: var(--white);
      color: #333;
      width: 140px;
      padding: 11px;
      border-radius: 25px;
      border: 2px solid #ccc;
      padding-left: 45px;
      background-image: url(../img/check-uncheck.png);
      background-size: 23px;
      background-repeat: no-repeat;
      background-position: 13px center;
      cursor: pointer;
  }
  .donate-form .radio-btn-holder label .gender:checked + span,
  .donate-form .radio-btn-holder label .gender:checked + span
  {
      background-image: url(../img/check.png);
      border: 2px solid #00ba00;
      color:#00ba00;
  }
  /*
    =========================
  */
  
  .form-02.donatePage-Section .background-wrapper-form
  {
    background-color: #dbb037fc;
  }
  .form-02.donatePage-Section .background-wrapper-form:before
  {
    background-image: url(../img/donate-waves3-02.png);
  }
  .form-02.donatePage-Section .background-wrapper-form:after
  {
    background-image: url(../img/donate-waves3-02.png);
  }
  .form-02.donatePage-Section .background-wrapper-form form .input-holder .form-control
  {
    background-color: #ffd96dfc;
  }
  
  .form-02.donatePage-Section .background-wrapper-form form .input-holder .form-control
  {
    color: #222;
  }
  .form-02.donatePage-Section .amoubt-input
  {
    margin-top: -5px;
  }
  
  /*
    ========================================
  */
  
  @media screen and (max-width: 480px)
  {
    .button-wrapp-rows
    {
      max-width: 100%;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 10px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration
    {
      position: absolute;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      font-size: 17px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      padding: 10px 17px;
    }
    .donatePage-Section .background-wrapper-form form .input-holder .radio-btn-holder label
    {
      width: 48%;
    }
    .donate-form .radio-btn-holder label .gender + span
    {
      padding: 7px 10px;
      padding-left: 50px;
      width: 100%;
    }
    .donatePage-Section .background-wrapper-form form .input-holder
    {
      margin-bottom: 15px;
    }
      .donatePage-Section .background-wrapper-form .heading1 p {
        font-size: 14px;
      }
      .donatePage-Section .background-wrapper-form form .input-holder label
      {
        font-size: 16px;
      }
      .donatePage-Section
      {
        margin-bottom: 30px;
      }
       body.donatepages .donatePage-Section {
         margin-top: 0;
      }
      .form-02 .button-wrapp-rows
      {
        grid-template-columns: repeat(1, 1fr);
      }
  }
  @media screen and (min-width: 481px) and (max-width: 576px)
  {
    .button-wrapp-rows
    {
      max-width: 100%;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 10px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration
    {
      position: absolute;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      font-size: 17px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      padding: 10px 17px;
    }
    .donatePage-Section .background-wrapper-form form .input-holder .radio-btn-holder label
    {
      width: 48%;
    }
    .donate-form .radio-btn-holder label .gender + span
    {
      padding: 7px 10px;
      padding-left: 50px;
      width: 100%;
    }
    .donatePage-Section .background-wrapper-form form .input-holder
    {
      margin-bottom: 15px;
    }
      .donatePage-Section .background-wrapper-form .heading1 p {
        font-size: 14px;
      }
      .donatePage-Section .background-wrapper-form form .input-holder label
      {
        font-size: 16px;
      }
      .donatePage-Section
      {
        margin-bottom: 30px;
      }
       body.donatepages .donatePage-Section {
         margin-top: 0;
      }
      .form-02 .button-wrapp-rows
      {
        grid-template-columns: repeat(2, 1fr);
      }
  }
  @media screen and (min-width: 577px) and (max-width: 767px)
  {
    .col-halfs-input
    {
      width: 50%;
    }
    .button-wrapp-rows
    {
      max-width: 100%;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 10px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration
    {
      position: absolute;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      font-size: 17px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      padding: 10px 17px;
    }
    .donatePage-Section .background-wrapper-form form .input-holder .radio-btn-holder label
    {
      width: 48%;
    }
    .donate-form .radio-btn-holder label .gender + span
    {
      padding: 7px 10px;
      padding-left: 50px;
      width: 100%;
    }
    .donatePage-Section .background-wrapper-form form .input-holder
    {
      margin-bottom: 15px;
    }
      .donatePage-Section .background-wrapper-form .heading1 p {
        font-size: 14px;
      }
      .donatePage-Section .background-wrapper-form form .input-holder label
      {
        font-size: 16px;
      }
      .donatePage-Section
      {
        margin-bottom: 30px;
      }
       body.donatepages .donatePage-Section {
         margin-top: 0;
      }
      .form-02 .button-wrapp-rows
      {
        grid-template-columns: repeat(2, 1fr);
      }
  }
  @media screen and (min-width: 768px) and (max-width: 992px)
  {
    .col-halfs-input
    {
      width: 50%;
    }
    .button-wrapp-rows
    {
      max-width: 100%;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 10px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration
    {
      position: absolute;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      font-size: 17px;
    }
    .button-wrapp-rows .buttons-wrapper .radio-duration + span
    {
      padding: 10px 17px;
    }
    .donatePage-Section .background-wrapper-form form .input-holder .radio-btn-holder label
    {
      width: 48%;
    }
    .donate-form .radio-btn-holder label .gender + span
    {
      padding: 7px 10px;
      padding-left: 50px;
      width: 100%;
    }
    .donatePage-Section .background-wrapper-form form .input-holder
    {
      margin-bottom: 15px;
    }
      .donatePage-Section .background-wrapper-form .heading1 p {
        font-size: 14px;
      }
      .donatePage-Section .background-wrapper-form form .input-holder label
      {
        font-size: 16px;
      }
      .donatePage-Section
      {
        margin-bottom: 30px;
      }
       body.donatepages .donatePage-Section {
         margin-top: 0;
      }
      .form-02 .button-wrapp-rows
      {
        grid-template-columns: repeat(2, 1fr);
      }
  }
  
  .blink-text
  {
    max-width: 55%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    color: var(--white);
    animation: zooming 3s 8s infinite alternate-reverse;
    /*animation-delay:5s;*/
  }
  .blink-text span
  {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    display: inline-block;
  }
  .blink-text.black span
  {
    color: var(--black);
    animation: zooming2 3s 8s infinite alternate-reverse;
  }
  
  @-webkit-keyframes zooming
  {
    0%
    {
      color: var(--white);
    }
    100%
    {
      color: transparent;
    }
  }
  
  @-webkit-keyframes zooming2
  {
    0%
    {
      color: var(--black);
    }
    100%
    {
      color: transparent;
    }
  }
  
  @media screen and (max-width: 577px)
  {
    .blink-text
    {
      max-width: 95%;
    }
  }
  
  /*
    ============================
  */
  
  .message_thankyou
  {
  }
  .message_thankyou p
  {
    margin-bottom: 0;
      color: var(--white);
      text-align: center;
      font-size: 19px;
      font-weight: 500;
  }
  .margin-top-thankyou
  {
    margin-top: 70px !important;
  }
  .submit-pay-money
  {
    text-align: center;
  }
  .submit-pay-money .btn-warning
  {
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 31px;
  }
  
  .donate-now-section2 .heading1 p
  {
    font-size: 30px;
    line-height: 35px;
      font-weight: 700;
      margin-bottom: 40px;
      text-transform: capitalize;
  }
  .awards-page.donate-now-section2 .awards-box-colom
  {
    background-color: var(--white);
  }
  .awards-page.donate-now-section2 .awards-box-colom .awards-gallery
  {
    background-color: var(--white);
  }
  .awards-page.donate-now-section2 .awards-box-colom .awards-gallery
  {
    text-align: center;
  }
  .awards-page.donate-now-section2 .awards-box-colom .awards-gallery img
  {
      height: auto;
      object-fit: contain;
      padding-top: 15px;
      width: 80%;
  }
  .awards-page.donate-now-section2 .awards-box-colom
  {
    height: 100%;
  }
  .awards-page.donate-now-section2 .awards-box-colom .details
  {
    padding: 15px 20px 25px;	
  }
  .awards-page.donate-now-section2 .awards-box-colom .details h6
  {
    color: var(--black);
    margin-top: 0;
      margin-bottom: 15px;
      display: none;
  }
  .awards-page.donate-now-section2 .awards-box-colom
  {
    border-radius: 0 0 0 ;
  }
  .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(1) td
  {
    border-top: 1px solid #ccc;
  }
  .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
  {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    vertical-align: top;
    padding: 5px;
    font-weight: 500;
  }
  .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
  {
    border-left: 1px solid #ccc;
    width: 40%;
    font-weight: 600;
  }
  .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(odd)
  {
    background-color: #eaeaea;
  }
  
  /*
    ============================
  */
  
  .donate-now-section3
  {
    margin-top: 70px !important;
  }
  .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail
    {
      width: 100%;
    }
  
  @media screen and (max-width: 480px)
  {
    .donate-now-section2 .heading1 p
    {
      font-size: 22px !important;
      line-height: 30px;
      text-align: center !important;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .donate-now-section2 .heading1 p br
    {
      display: none;
    }
    .awards-page.donate-now-section2 .awards-box-colom	
    {
      height: auto;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      display: block;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      width: 100%;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail
    {
      width: 100%;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr
    {
      border: 1px solid #ccc;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      border-left: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(1) td
    {
      border-top: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      border-right: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border-bottom: 0px;
      padding-bottom: 5px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td br
    {
      display: none;
    }
    .donate-now-section3
    {
      margin-top: 40px !important;
    }
    .donate-now-section3 .scan-code-image-wrapper
    {
      margin-bottom: 25px;
    }
  }
  
  @media screen and (min-width: 481px) and (max-width: 576px)
  {
    .donate-now-section2 .heading1 p
    {
      font-size: 22px !important;
      line-height: 30px;
      text-align: center !important;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .donate-now-section2 .heading1 p br
    {
      display: none;
    }
    .awards-page.donate-now-section2 .awards-box-colom	
    {
      height: auto;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      /*display: block;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      /*width: 100%;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail
    {
      /*width: 100%;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr
    {
      border: 1px solid #ccc;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      border-left: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(1) td
    {
      border-top: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      border-right: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border-bottom: 0px;
      padding-bottom: 5px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td br
    {
      display: none;
    }
    .donate-now-section3
    {
      margin-top: 40px !important;
    }
    .donate-now-section3 .scan-code-image-wrapper
    {
      margin-bottom: 25px;
    }
  }
  
  @media screen and (min-width: 577px) and (max-width: 767px)
  {
    .donate-now-section2 .heading1 p
    {
      font-size: 22px !important;
      line-height: 30px;
      text-align: center !important;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .donate-now-section2 .heading1 p br
    {
      display: none;
    }
    .awards-page.donate-now-section2 .awards-box-colom	
    {
      height: auto;
      margin: 0 40px 25px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .awards-gallery img
    {
      width: 60%;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      /*display: block;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      /*width: 100%;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail
    {
      /*width: 100%;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr
    {
      border: 1px solid #ccc;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      border-left: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(1) td
    {
      border-top: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      border-right: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border-bottom: 0px;
      padding-bottom: 5px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td br
    {
      display: none;
    }
    .donate-now-section3
    {
      margin-top: 40px !important;
    }
    .donate-now-section3 .scan-code-image-wrapper
    {
      margin-bottom: 25px;
      padding-left: 5%;
      padding-right: 5%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 992px)
  {
    .donate-now-section2 .heading1 p
    {
      font-size: 22px !important;
      line-height: 30px;
      text-align: center !important;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .donate-now-section2 .heading1 p br
    {
      display: none;
    }
    .awards-page.donate-now-section2 .awards-box-colom	
    {
      height: auto;
      margin: 0 40px 25px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .awards-gallery img
    {
      width: 60%;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      /*display: block;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      /*width: 100%;*/
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail
    {
      width: 100%;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr
    {
      border: 1px solid #ccc;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td:nth-child(1)
    {
      border-left: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr:nth-child(1) td
    {
      border-top: 0px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td
    {
      border-right: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border-bottom: 0px;
      padding-bottom: 5px;
    }
    .awards-page.donate-now-section2 .awards-box-colom .table-bank-detail tr td br
    {
      display: none;
    }
    .donate-now-section3
    {
      margin-top: 40px !important;
    }
    .donate-now-section3 .scan-code-image-wrapper
    {
      margin-bottom: 25px;
      padding-left: 1%;
      padding-right: 1%;
    }
    body.innerPage .donate-now-section2 .heading1
    {	
      margin-bottom: 0;
    }
  }
  
  .description-events-only h4{
      text-align: left;
      font-weight: 600;
      font-size: 22px;
      max-width: 80%;
      margin: auto;
      margin: 10px auto 15px;
      
      font-weight: 700;
      font-size: 27px;
      line-height: 35px;
  }
  @media screen and (max-width:576px)
  {
    .description-events-only h4{    
      max-width:100%;
    }
  
  }
  @media screen and (max-width:767px)
  {
    .hide-fields{    
      display: none;
    }
  
  }
  
  
  
  /*
    =================================
  */
  
  
  body.success-story .homeTestimonials
  {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 10px;
  }
  body.success-story .homeTestimonials .branchesBox
  {
    margin: 0 0px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper
  { 
    background-color: var(--white);
    padding: 30px;
    border-radius: 7px;
    position: relative;
    margin-bottom: 25px;
    /*box-shadow: 0 0 10px 5px rgba(0 0 0 / 1%);*/
    border: 1px solid #fb00ae;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper:before
  {
  /*	content: '';
    position: absolute;
    left:15px;
    right: 15px;
    bottom: -9px;
    height: 30px;
    background-color: #f1eeee;
    z-index:-1;
    opacity: .5;
    border-radius: 7px;*/
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details p{
    /*display: -webkit-box;*/
      /*-webkit-box-orient: vertical;*/
      /*-webkit-line-clamp: 6;*/
      /*overflow: hidden;*/
      font-size: 17px;
      font-weight: 400;
      font-style: italic;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details p i
  {
    color: #fb00ae;
    font-size: 20px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details
  {
    margin-top: 0px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2
  {
    display: flex;
    flex-direction: row;
    align-items: center;
  
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .image
  {
    flex: 0 0 auto;
    width: 70px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .image img
  {
    width: 70px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .other
  {
    flex: 0 0 auto;
    /*padding-left: 10px;*/
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .other h5
  {
    font-weight: 700;
    font-size: 22px;
    color: var(--color2);
    margin-bottom: 0px;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .other span
  {
    font-weight: 500;
    font-size: 16px;
    color: #444;
    margin-bottom: 0px;
  }
  
  body.success-story .homeTestimonials .branchesBox .wrapper .details2
  {
    display: flex;
    justify-content: space-between;
  }
  body.success-story .homeTestimonials .branchesBox .wrapper .details2 .more .btn-xyz{
    display: inline-block;
      max-width: 200px;
      width: 100%;
      padding: 7px 30px;
      margin: auto;
      color: var(--white);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0px;
      margin-bottom: 0px;
      text-transform: uppercase;
      transition: .5s;
      position: relative;
      top: 0;
      background-image: url(../img/brush-btn-5.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      border:0px;
      background-color: transparent;
  }
  
  .modal-testimonials .modal-content .modal-body
  {
    position: relative;
    padding-top: 20px;
  }
  .modal-testimonials .modal-content .modal-body .btn-close
  {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #d70077;
    width: 25px;
    height: 25px;
    color: var(--white);
    text-align: center;
    border-radius: 8px;
    opacity: 1;
  }
  .modal-testimonials .modal-content .modal-body .btn-close:focus
  {
    box-shadow: none;
  }
  .modal-testimonials .modal-content .modal-body .btn-close i
  {
    line-height: 25px;
  }
  .modal-testimonials .modal-content .modal-body .textareas p i
  {
    color: #fb00ae;
    font-size: 20px;
  }
  
  .modal-testimonials .modal-content .modal-body .textareas h4
  {
    font-size: 22px;
    font-weight: 700;
    color: var(--color2);
  }
  
  /*
    ===============================
  */
  
  .homeTestimonials .branchesBox .wrapper
  {
    position: relative;
  }
  .homeTestimonials .branchesBox .wrapper .quote-left
  {
    position: absolute;
      left: 20px;
      top: -20px;
      font-size: 34px;
      background-color: white;
      padding: 5px 10px;
      color: #fb00ae;
  }
  
  .homeTestimonials .branchesBox .wrapper .quote-right
  {
    position: absolute;
      right: 20px;
      bottom: -20px;
      font-size: 34px;
      background-color: white;
      padding: 5px 10px;
      color: #fb00ae;
  }
  
  @media screen and (min-width: 993px)
  {
    .or-font-smaller  h3
    {
      font-size: 30px !important;
      line-height: 30px;
    }
  }
  
  @media screen and (max-width: 480px)
  {
    body.success-story .homeTestimonials
    {
      margin-top: 0;
      grid-template-columns: repeat(1, 1fr);
    }
    body.success-story .homeTestimonials .branchesBox .wrapper
    {
      padding: 18px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details p
    {
      font-size: 15px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2
    {
      flex-direction: column;
      grid-row-gap: 8px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2 .more .btn-xyz
    {
      padding: 10px 40px;
    }
    .modal-testimonials 
    {
      margin-top: 20px;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
  }
  
  @media screen and (min-width: 481px)  and (max-width: 576px)
  {
    body.success-story .homeTestimonials
    {
      margin-top: 0;
      grid-template-columns: repeat(1, 1fr);
    }
    body.success-story .homeTestimonials .branchesBox .wrapper
    {
      padding: 18px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details p
    {
      font-size: 17px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2
    {
      flex-direction: column;
      grid-row-gap: 8px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2 .more .btn-xyz
    {
      padding: 10px 40px;
    }
    .modal-testimonials 
    {
      margin-top: 50px;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
  }
  
  @media screen and (min-width: 577px)  and (max-width: 767px)
  {
    body.success-story .homeTestimonials
    {
      margin-top: 0;
      grid-template-columns: repeat(1, 1fr);
    }
    body.success-story .homeTestimonials .branchesBox .wrapper
    {
      padding: 18px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details p
    {
      font-size: 17px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2
    {
      flex-direction: column;
      grid-row-gap: 8px;
    }
    body.success-story .homeTestimonials .branchesBox .wrapper .details2 .more .btn-xyz
    {
      padding: 10px 40px;
    }
    .modal-testimonials 
    {
      margin-top: 50px;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
  }
  @media screen and (min-width: 768px)  and (max-width: 992px)
  {
    body.success-story .homeTestimonials
    {
      margin-top: 0;
      grid-template-columns: repeat(2, 1fr);
    }
    body.success-story .homeTestimonials .branchesBox .wrapper
    {
      padding: 18px;
    }
    .modal-testimonials 
    {
      margin-top: 50px;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
  }
  
  .testimonial-paginatinos .pagination .page-item .page-link
  {
    display: inline-block;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-weight: 500;
  }
  .testimonial-paginatinos .pagination .page-item .page-link:focus
  {
    box-shadow: none;
  }
  
  
     @media screen and (min-width:993px)
     {
         .donate-btn
       {
          display: none;
       }
     }
      @media screen and (max-width:992px)
      {
        .whatsapp-icon
        {
          bottom: 20px;
        }
        .donate-btn a
        {
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: var(--color2);
          color: var(--white);
          padding: 12px 45px;
          padding: 6px 26px;
          font-weight: 600;
          border-radius: 28px;
          transition: .1s;
          margin: 0 0;
          font-size: 16px;
          position: fixed;
          bottom: 20px;
          z-index: 5;
          left: 15px;
  
        }
        .donate-btn:hover a
        {
          background-color: var(--color1);
        }
      }
  
  
  /*
    =============================
  */
  .topbar .topbar_container .cRow .right .topINfo a.buttonStyle
  {
      background-color: var(--color2);
      padding: 10px 18px;
      font-weight: 600;
      border-radius: 28px;
      transition: .1s;
      margin: 0 0;
      font-size: 11px;
      animation: up-down 2s ease-in-out infinite alternate-reverse both;
      position:relative;
      overflow:hidden;
  }
  .topbar .topbar_container .cRow .right .topINfo a.buttonStyle:before
  {
      content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    width: 110px;
    height: 70px;
    background-color: rgba(255 255 255 / 5%);
    border-radius: 100px;
  }
  .topbar .topbar_container .cRow .right .topINfo a.buttonStyle span
  {
      position:relative;
      z-index:2;
      font-weight:600;
  }
  
  
  @-webkit-keyframes up-down
  {
    0%
    {
        background-color: var(--color2);
        transform: translateY(10px);
    }
    100%
    {
      transform: translateY(-10px);
      background-color: #D62525;
    }
  }
  @keyframes up-down
  {
    0%
    {
        background-color: var(--color2);
        transform: translateY(10px);
    }
    100%
    {
      transform: translateY(-10px);
      background-color: #D62525;
    }
  }
  
  @media screen and (max-width: 576px)
  {
    .topbar .topbar_container .cRow .right .topINfo a.buttonStyle
    {
      margin-bottom: 5px;
      padding: 5px 15px;
    }
  }
  @media screen and (min-width: 993px)
  {
    .topbar .topbar_container .cRow .right .topINfo
    {
      align-items: center;
    }
    
    .topbar .topbar_container .cRow .right .topINfo a.buttonStyle .value
    {
      font-size: 14px;
    }
    .navigation .nav-container .navigation-row .logo_area a {
        display: flex;
        width: 328px;
        position: absolute;
        top: -62px;
        left: 0;
        background: var(--white);
        height: 131px;
        padding-top: 6px;
        padding-left: 15px;
        align-items: center;
        z-index: 3;
    }
    .topbar .topbar_container .cRow .right .topINfo a.buttonStyle{
         position: absolute;
            top: 152px;
            z-index: 5;
            right: 20px;
            padding:10px 15px;
    }
    .topbar .topbar_container .cRow .right .topINfo a.buttonStyle span
    {
            font-size:18px !important;
    }
  }
  
  .course_offered_sections
  {
  
  }
  .course_offered_sections .course_offered_sections_row{
    grid-row-gap: 90px;
    margin-top: 70px;
  }
  section.mision-vision-value.course_offered_sections
  {
    margin-top: -30px;
  }
  section.mision-vision-value.course_offered_sections .heading1 h3
  {
    line-height: 30px;
  }
  section.mision-vision-value.course_offered_sections .heading1 p
  {
    color: #333;
  }
  section.mision-vision-value.course_offered_sections .mvv-container .mvv-colom .mvv-wrapper .content h6
  {
      color: var(--white);
      font-size: 23px;
      text-transform: capitalize;
      font-weight: 700;
  }
  
  body.techshaalaPages .inerBanner .banner_image img
  {
    height: 150px;
  }
  body.techshaalaPages .inerBanner .banner_image
  {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.techshaalaPages .inerBanner .banner_image:before
  {
    position: absolute;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #001D43,#FB00AE,#001D43);
    background-image: linear-gradient(45deg, #001d43e6,#fb00aee3,#001d43e6);
    background-image: linear-gradient(45deg, #001d43e6,#630646f0,#001d43e6);
  }
  body.techshaalaPages .inerBanner .banner_image
  {
    height: 150px;
  }
  body.techshaalaPages .inerBanner .banner_image h6
  {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
      font-size: 35px;
      color: var(--white);
  }
  
  .right-logos
  {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    float: right;
    margin-left: 30px;
    margin-top: 20px;
    grid-row-gap: 15px;
  }
  .right-logos span
  {
    flex:0 0 auto;
    font-size: 75px;
    line-height: 70px;
    color: #000;
  }
  
  @media screen and (max-width: 576px)
  {
    section.mision-vision-value.course_offered_sections
    {
      margin-bottom: 20px;
    }
    .right-logos	
    {
      max-width: 100%;
      float: none;
      margin-left: 5px;
      margin-right: 5px;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .right-logos img
    {
      width: 48%;
    }
    section.mision-vision-value.course_offered_sections .mvv-container .mvv-colom .mvv-wrapper .content h6
    {
      font-size: 20px;
    }
    section.mision-vision-value .mvv-container .mvv-colom .mvv-wrapper .content p
    {
      line-height: 23px;
      font-size: 15px;
    }
    section.mision-vision-value.course_offered_sections
    {
      margin-top: 0;
    }
  }


  #back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
  }
  /* Footer Container */
  .footer {
    background: linear-gradient(to right, #c0c0c0, #87CEEB);  /* Silver to light blue gradient */
    color: white;
    text-align: center;
  }
  
  .footer-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  
  /* Footer Sections */
  .footer-section {
    margin: 20px;
    max-width: 300px;
  }
  
  .footer-section h3 {
    font-size: 35px;
    color: #333;  /* Darker color for headings */
    margin-bottom: 20px;
    font-weight: 700;
  }
  
  .footer-section p {
    font-size: 16px;
    line-height: 1.5;
  }
  
  .footer-section ul {
    list-style-type: none;
    padding: 0;
  }
  
  .footer-section ul li {
    margin: 10px 0;
    color: #fff;
  }
  
  .footer-section ul li a {
    color: #fff;  /* Light blue links */
    text-decoration: none;
  }
  
  .footer-section ul li a:hover {
    text-decoration: underline;
  }
  
  /* Footer Bottom */
  .footer-bottom {
    background-color: black;
    color: white;
    padding: 10px 0;
    margin-top: 30px;
    font-size: 14px;
  }
  .footer-bottom p {
    font-size: 17px;
  }
  /* Responsive Design */
  @media (max-width: 768px) {
    .footer-container {
      flex-direction: column;
      align-items: center;
    }
  
    .footer-section {
      max-width: 100%;
      text-align: center;
    }
  }
  
  @media (max-width: 480px) {
    .footer-bottom p {
      font-size: 12px;
    }
  }
  
  /* Responsive  */
@media(max-width:768px){
  .video-container
{
	height: 250px;
}
section.features .feature-container .what-we-do-row
{
	grid-template-columns: repeat(2,1fr);
}
section.features .feature-container .blockRow
{
	flex-direction: column;
	padding: 14px;
}
section.features .feature-container .blockRow .image
{
	width: 100%;
}
section.features .feature-container .blockRow .content
{
	width: 100%;
	padding: 7px;
}
section.features .feature-container .what-we-do-row .content .readmore
{
	display: block;
}
section.features .feature-container .what-we-do-row .content .readmore button
{
	width: 100%;
}
section.features .feature-container .blockRow .image .img img
{

}
/*
	=============================
*/
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row
{
	grid-template-columns: 100%;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box
{
	padding-left: 0;
	margin-top: 20px;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img img
{
	height: 350px;
}
.awards-recognistion-section #awards-recognistion .carousel-control-next
{
	right: 0;
}
.awards-recognistion-section #awards-recognistion .carousel-control-prev
{
	left: 0;
}
/*
	===================================
*/
.flex-headings
{
	flex-direction: column;
}
.flex-headings .heading1
{
	margin-bottom: 15px;
}
.flex-headings .heading1 h3
{
	margin-bottom: 0;
}
.flex-headings .viewmore.text-end
{
	text-align: center !important;
}
/*
	=================================
*/

section.our-works .container
{
	max-width: 95%;
}
section.our-works .heading1 p
{
	max-width: 95%;
	text-align: justify;
	line-height: 26px;
	font-size: 16px;
}
.flex_our_home_page_work
{
	flex-direction: column;
}
.messages_section .buttons_container.flex_our_home_page_work .nav-pills
{
	width: 100%;
}
.messages_section .buttons_container .flex-column
{
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	margin: 0 0;
}
.messages_section .buttons_container.flex_our_home_page_work .tab-content
{
	width: 100%;
	margin: 0 0;
	padding: 10px 10px;
}
.messages_section .buttons_container .tab-content .image_content_area .image img
{
	height: 240px;
}
.messages_section .buttons_container .tab-content .image_content_area .desc_area
{
	position: static;
	width: 100%;
	box-shadow: none;
	padding:10px 12px;
	padding:10px 0px;
	margin-top: 10px;
}
.messages_section .buttons_container .tab-content .image_content_area .desc_area h5
{
	font-size: 20px;
}
.messages_section .buttons_container .tab-content .image_content_area .desc_area .desc p
{
	font-size: 15px;
	font-weight: 400;
}
.messages_section
{
	padding-bottom: 40px;
	padding-top: 20px;
}
/*
	====================================
*/
span.heading-font
{
	font-size: 45px !important;
}
.icon-box-section .icon-box-container .iconsRow.icons-heading .icon-colom
{
	width: 100%;
}
.icon-box-section .icon-box-container .iconsRow .icon-colom .wrapper h5
{
	font-size: 20px;
}
.icon-box-section .icon-box-container .iconsRow
{
	margin-bottom: 25px;
}
.icon-box-section .icon-box-container .iconsRow.for-icons .icon-colom .wrapper h5 br
{
	display: none;
}
.icon-box-section .icon-box-container .iconsRow.for-icons .icon-colom .wrapper h5 span
{
	display: block !important;
	margin-bottom: 20px;
}
/*
	====================================
*/

.icon-box-section .icon-box-container .iconsRow.for-icons
{
	/*flex-direction: column;*/
	grid-row-gap: 15px;
}
.icon-box-section .icon-box-container
{
	padding: 40px 0;
}
.icon-box-section .icon-box-container .iconsRow.for-icons .icon-colom
{
	width: 50%;
}
/*
	============================
*/
.awards-recognisation-section .awards-recognisation-container
{
	padding: 30px 0 30px;
}
.awards-recognisation-section .heading1 p
{
	max-width: 100%;
	text-align: justify;
	line-height: 25px;
}
.awards-recognisation-section .heading1 p br
{
	display: none;
}
.awards-recognisation-section #projects
{
	margin-top: 30px;
}
/*
========================================
*/
.awards-recognisation-section #projects .projects_div .imageArea .img img.image-content
{
	height: 250px;
}
.awards-recognisation-section #projects .projects_div
{
	border:0px;
}
.awards-recognisation-section #projects .projects_div .contentArea
{
	position: static;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	height: auto;
}
.awards-recognisation-section #projects .projects_div .contentArea .wrapper
{
	padding-top: 0;
}
.awards-recognisation-section #projects .projects_div .contentArea .wrapper h4
{
	padding: 10px 20px;
}
.awards-recognisation-section #projects .projects_div .contentArea .wrapper p
{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0;
}
/*
	==============================
*/

section.features.stories-of-change .feature-container
{
	padding-top: 20px;
}
section.features .container
{
	max-width: 95%;
}
section.features .container .heading1
{
	margin-bottom: 10px;
}
section.features .feature-container .blockRow .content p
{
	font-size: 14px;
	line-height: 20px;
}
/*
	=========================
*/
.modal-mesasge-only .modal-dialog .modal-data-msg .image
{
	max-width: 200px
}
.modal-mesasge-only .modal-dialog .modal-data-msg .image img
{
	width: 100%;
	height: 150px;
}
.modal-mesasge-only .modal-dialog .modal-data-msg p
{
	font-size: 14px;
	line-height: 25px;
}

/*
	============================
*/
section.services .heading1 p
{
	max-width: 100%;
}
/*
	=============================
*/
section.services .heading1 h3
{
	line-height: 30px !important;
}
section.category.awards-recognistion-section .heading1 h3
{
	font-size: 25px;
}
.awards-recognistion-section .heading1 p
{
	max-width: 95%;
}
.awards-recognistion-section #awards-recognistion
{
	margin-top: 20px;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row
{
	padding: 5px;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .images .img
{
	width: 95%;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box .wrapper-box h5
{
	font-size: 25px;
	margin-top: 20px;
	text-align: center;
	line-height: 30px;
}
.awards-recognistion-section #awards-recognistion .carousel-item .awards-reco-wrapper .awards-reco-row .detail-box .wrapper-box p
{
	width: 95%;
	margin-left: 2.5%;
	color: #111;
	line-height: 25px;
	font-weight: 400;
	font-size: 16px;
}
/*
	=============================
*/
.full-screen-carousel-by-me
{
	margin-bottom: 0;
}
.full-screen-carousel-by-me .full-screen-carousel-row
{
	flex-direction: column;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active
{
	width: 100% !important;
	background-image: none;
	height: auto;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom
{
	background-image: none !important;
	height: auto;
	height: 200px;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box:before
{
	display: none;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box
{
	padding-top: 10px;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom .full-screen-colom-box .content-container h4
{
	color: var(--black);
	text-shadow: none;
	letter-spacing: 0;
	word-spacing: 0;
	font-weight: 700;
}
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:hover .full-screen-colom-box .detail, 
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active .full-screen-colom-box .detail
{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom:hover .full-screen-colom-box .detail p, 
.full-screen-carousel-by-me .full-screen-carousel-row .full-screen-colom.active .full-screen-colom-box .detail p
{
	width: 95%;
	margin-left: 2.5%;
	font-size: 15px;
	font-weight: 500;
	color: #111;
	line-height: 22px;
}
/*
	==========================
*/
section.testimonials-section .testimonials-section-contaienr
{
	padding: 25px 0 30px;
}
section.testimonials-section .testimonials-section-contaienr .btn-background a
{
	padding: 12px 45px;
}
#clients_say .item .testimonials-box .content .image_test img
{
	height: 250px;
}

/*
	=================================
*/

.client-home #clients
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
section.client-home #clients .clients-colom .image h6
{
	font-size: 15px;
}

/*
	================================
*/
#digital----media .item
{
	margin: 0 0;
}
/*
	==============================
*/
section.client-home
{
	padding: 25px 0 25px;
}
section.client-home #clients .clients-colom .image h6
{
	margin-top: 3px;
}
section.client-home #clients .clients-colom
{
	margin-bottom: 20px;
}
/*
	===================================
*/
section.testimonialsSections
{
	padding-top: 40px;
	padding-bottom: 30px;
}
.financial-detail-div
{
	width: 100%;
}
.financial-detail-div .heading1
{
	margin-bottom: 10px;
}
.financial-detail-div .custom-table
{
	margin-bottom: 25px;
}
.financial-detail-div .custom-table .table-row
{
	/*grid-template-columns: repeat(1,1fr);*/
}
.financial-detail-div .custom-table .table-row .table-data:nth-child(1)
{
	padding-bottom: 0;
}
.financial-detail-div .custom-table .table-row .table-data:nth-child(1)
{
	/*border-right: 0px;*/
}

/*
	========================================
*/
section.testimonialsSections .heading02 > span
{
	margin-bottom: 0;
}
section.testimonialsSections .heading02
{
	margin-left: 0;
}
section.testimonialsSections .heading02 h3
{
	font-size: 35px;
}
.rowForCarouselFedback #testimonial01 .carousel-control-prev
{
	display: none;
}
.rowForCarouselFedback #testimonial01 .carousel-control-next
{
	display: none;
}
.testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content p
{
	padding-right: 0;
}
.testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content
{
	width: 100%;
}
.testimonialsSections .rowForCarouselFedback #testimonial01 .carousel-inner .carousel-item .carousel_text_block .content p
{
	font-size: 17px;
}
/*
	==================================
*/
.main_footer .footer_contact_details
{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main_footer .footer_contact_details i
{
	border-right: 0px;
	padding-right: 0;
	margin: 0 0 0 0;
}
.main_footer .contact_section .footer_contact_details .footer_heading
{
	text-align: center;
	margin-top: 15px;
}
.main_footer .footer_middle_section .middle_section p
{
	font-size: 15px;
	width: 100%;
	line-height: 22px;
}
.middle_section
{
	margin-bottom: 20px;
}
.main_footer .footer_middle_section .middle_section h5
{
	margin-bottom: 10px;
}
.main_footer .footer_middle_section .middle_section ul li
{
	margin-bottom: 0;
}
.main_footer .footer_middle_section .middle_section ul li a
{
	font-size: 14px;
}
.follow_us_section .shape-footer-copyright
{
	top: -16px;
}
.main_footer .footer_middle_section
{
	margin: 0px 0 22px 0;
}
/*
	========================
*/
.about-us-home1 .custom-order2
{
	order: 2;
}
.about-us-home1 .custom-order1
{
	order: 1;
}
.about-us-home1 .content-about
{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 20px;
}
.about-us-home1
{
	margin-top: 25px;
	margin-bottom: 20px;
}
.about-us-home1 .heading1
{
	margin-bottom: 0px;
}
.about-us-home1 .descarea p
{
	font-size: 16px;
	font-weight: 400;
}
.about-multi-image .image1
{
	width: 100%;
}
.about-multi-image .image1 img
{
	height: 250px;
}
.about-multi-image .image2
{
	position: static;
	border-left: 0px;
	width: 100%;
}
.main_footer .follow_us_section .follow_box
{
	font-size: 14px;
	text-align: center;
}
/*
	===========================================================
*/

.inerBanner .banner_image img
{
	height: 100%;
}
.inner-about-section .about-inner-container
{
	padding-top: 25px;
}
body.innerPage .heading1 h3
{
	font-size: 28px;
	line-height: 70px;
}
body.innerPage .heading1.heading03
{
	margin-bottom: 15px;
}
.inner-about-section .about-inner-container .content-box p
{
	font-size: 16px;
}
.inner-about-section .ciricle-box-shape
{
    position: absolute;
    right: -150px;
    bottom: -250px;
    width: 550px;
    height: 480px;
    background-color: #FB5C5E;
    border-radius: 50%;
}
.inner-about-section .circle-box-image
{

}
.inner-about-section .circle-box-image img
{
	height: 250px;
}
.inner-about-section .about-inner-container
{
	padding-bottom: 230px;
}

/*
	========================
*/
section.mision-vision-value
{
	margin-top: 80px;
}
section.mision-vision-value .mvv-container .about-mv-colom
{
	margin-bottom: 80px;
}
section.director-message .heading1 p
{
	font-size: 18px;
	max-width: 100%;
	line-height: 24px;
}
section.director-message .heading1 p br
{
	display: none;
}
section.director-message .message-box .msg-wrapper
{
	flex-direction: column;
}
section.director-message .message-box .msg-wrapper .image img
{
	position: static;
}
section.director-message .message-box .msg-wrapper .image img
{
	margin-top: 25px;
	height: 220px;
}
section.director-message .message-box .msg-wrapper .image
{
	text-align: center;
	margin: auto;
}
section.director-message .message-box
{
	margin-top: 20px;
}
section.director-message .message-box .msg-wrapper .textbox
{
	width: 100%;
	padding: 15px 20px;
}
section.director-message .message-box .msg-wrapper .textbox p
{
	font-size: 16px;
	line-height: 24px;
}
section.director-message .message-box .msg-wrapper .textbox i
{
    color: #F25141;
	font-size: 25px;
}
section.director-message .message-box.box2 .msg-wrapper .image
{
	order: 1;
}
section.director-message .message-box.box2 .msg-wrapper .textbox
{
	order: 2;
}
body.director-message-page .inner-about-section .about-inner-container
{
	padding-bottom: 0px;
}
/*
	==============================
*/
body.printMediaSinglePage .printMedia
{
	grid-template-columns: repeat(2,1fr);
}
#clients_say .item .testimonials-box .content .image_test img
{
	height: 200px;
}
/*
	=============================
*/
body.printMediaSinglePage section.testimonials-section .testimonials-section-contaienr
{
	padding-top: 30px;
}
body.innerPage.printMediaSinglePage .heading1 h3
{
	line-height: 50px;
}

/*
	==============================
*/
.awards-page .heading1 p
{
	text-align: justify;
	max-width: 95%;
	font-size: 15px;
}
body.innerPage.award-inner-page .heading1
{
}
body.innerPage.award-inner-page .heading1 h3
{
	margin-bottom: 20px;
	/*font-size: 25px;*/
}
body.award-inner-page .container
{
	max-width: 100%;
}
.awards-page .awards-box-colom .details
{
	padding: 20px 15px;
}
.awards-page .awards-box-colom
{
	margin-bottom: 25px;
}
.awards-page .awards-box-colom .details p
{
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
body.innerPage.what-we-do .container
{
	max-width: 97%;
}
body.award-inner-page .awards-page .awards-box-colom .awards-gallery img
{
	height: 220px;
}
body.award-inner-page .awards-page .awards-box-colom .details h6
{
	margin-top: 0;
}
/*
	==================
*/
section.features .feature-container .blockRow .image .img img
{
	height: 170px;
}
body.allStoryPage .inner-about-section .about-inner-container
{
	padding-bottom: 0;
}
/*
	==================
*/
body.what-we-do .whatwedo-section .heading1 p
{
	font-size: 15px;
	text-align: justify;
}
body.what-we-do .row-sub-projects
{
	grid-template-columns: 100%;
	max-width: 95%;
	margin-left: 2.5%;
}
body.what-we-do .row-sub-projects .detail .content
{
    padding-left: 0px;
	padding-top: 15px;
}
body.what-we-do .row-sub-projects .detail .content h5
{
    font-size: 24px;
	line-height: 25px;
	margin-bottom: 8px;
}
body.what-we-do .row-sub-projects .detail .content p
{
	font-size: 15px;
	line-height: 24px;
}
/*
	==================
*/
body.DigitalMediaSinglePage .printMedia
{
	grid-template-columns: repeat(1,1fr);
}
/*
	==================
*/
body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image1
{
	margin-left: auto;
    margin-bottom: 20px;
    width: 400px;
    margin-right: auto;
}
body.individual-corporate-partnership .about-us-home1 .about-multi-image .image1 img
{
	width: 100%;
	height: 400px;
	border-radius: 8px;
}
body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image1:before
{
	border-radius: 8px;
	top: -4px;
	left: -4px;
}
body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image2
{
	border-radius: 8px;
	margin-bottom: 25px;
	width: 420px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
body.individual-corporate-partnership .about-us-home1.section01 .about-multi-image .image2 img
{
	border-radius: 8px;
}

body.individual-corporate-partnership .about-us-home1.section01 .heading1
{
	margin-top: 20px;
}
body.individual-corporate-partnership .about-us-home1.section01 span.heading-font
{
	font-size: 35px !important;
}
body.individual-corporate-partnership .about-us-home1.section01 .heading1 h3
{
	font-size: 30px;
}
body.individual-corporate-partnership .about-us-home1 .descarea p
{
	font-size: 15px;
}


body.individual-corporate-partnership .about-us-home1.section02
{
	margin-top: 0;
}
body.individual-corporate-partnership .about-us-home1.section02 .heading1
{
	margin-top: 20px;
}
body.individual-corporate-partnership .about-us-home1.section02 span.heading-font
{
	font-size: 35px !important;
}
body.individual-corporate-partnership .about-us-home1.section02 .heading1 h3
{
	font-size: 30px;
}

body.individual-corporate-partnership .about-us-home1 .colortext a
{
	display: block;
	margin-top: 5px;
	word-break: break-all;
	margin-left: 0;
	font-size: 17px;
}
/*
	====================================
*/

body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1
{
	left: 0;
	margin-bottom: 25px;
	width: 100%;
}
body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image1:before
{
	border-radius: 8px;
	top: -4px;
	right: -4px;
}
body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image2
{
	border-radius: 8px;
	width: 100%;
}
body.individual-corporate-partnership .about-us-home1.section02 .about-multi-image .image2 img
{
	border-radius: 8px;
}
.order-image-1
{
	order: 1;
}
.order-image-2
{
	order: 2;
}
body.innerPage.what-we-do.past-events .heading1 h3
{
	line-height: 43px;
}
body.past-events .whatwedo-section .heading1 p
{
	max-width: 95%;
}
.past-events-images
{

}
.past-events-images .pEvents-colom
{
	width: calc(50% - 10px);
}
.past-events-images .pEvents-colom .wrapper .image img
{
	height: 240px;
}

/*
	=============================
*/
.contact-info .container
{
	max-width: 95% !important;
}
.box-info-01
{
	margin-bottom: 65px;
}
.box-info-02
{
	margin-bottom: 65px;
}
.contact-info .container .contact-box .wrapper .details a
{
	font-size: 17px;
}
.contact-wave-top img
{
    position: relative;
	margin-top: 11px;
}
.contactMainSections
{
	padding-left: 0;
}
.contact_form_area .form_container
{
	padding: 30px 10px;
}
.donatePage-Section .background-wrapper-form .contact-wave-bottom
{
	bottom: -16px;
}



.main_footer .follow_us_section .follow_box.float-end
{
	margin-top: 15px;
	float: none !important;
}
/*.navigation
{
	display: none;
}
.topbar
{
	display: none;
}*/

@media screen and (max-width: 480px)
{
	.navigation .nav-container .navigation-row
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row .navigations
	{
		display: none;
	}
	.navigation .nav-container .navigation-row .logo_area a:before
	{
		display: none;
	}

	.navigation .nav-container .navigation-row .logo_area a
	{
		width: 80%;
		height: auto;
		position: static;
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		width: 70px;
		height: 70px;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		position: relative;
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		position: absolute;
	    top: 10px;
	    right: 10px;
	    width: 40px;
	    height: 40px;
	    text-align: center;
	    line-height: 40px;
	    background-color: var(--color2);
	    color: var(--white);
	    border-radius: 7px;
	    cursor: pointer;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle i
	{
		font-size: 27px;
	}
	.topbar .topbar_container .cRow .right .topINfo a
	{
		margin-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		width: 170px;
	}
}


@media screen and (min-width: 481px) and (max-width: 576px)
{
	.navigation .nav-container .navigation-row
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row .navigations
	{
		display: none;
	}
	.navigation .nav-container .navigation-row .logo_area a:before
	{
		display: none;
	}

	.navigation .nav-container .navigation-row .logo_area a
	{
		width: 80%;
		height: auto;
		position: static;
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		width: 70px;
		height: 70px;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		position: relative;
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		position: absolute;
	    top: 10px;
	    right: 10px;
	    width: 40px;
	    height: 40px;
	    text-align: center;
	    line-height: 40px;
	    background-color: var(--color2);
	    color: var(--white);
	    border-radius: 7px;
	    cursor: pointer;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle i
	{
		font-size: 27px;
	}
	.topbar .topbar_container .cRow .right .topINfo a
	{
		/*margin-left: 0;*/
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		width: 170px;
	}
}




@media screen and (min-width: 577px) and (max-width: 768px)
{
	.navigation .nav-container .navigation-row
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row .navigations
	{
		display: none;
	}
	.navigation .nav-container .navigation-row .logo_area a:before
	{
		display: none;
	}

	.navigation .nav-container .navigation-row .logo_area a
	{
		width: 80%;
		height: auto;
		position: static;
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		width: 100px;
		height: 100px;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		position: relative;
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		padding-left: 0;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		position: absolute;
	    top: 10px;
	    right: 10px;
	    width: 50px;
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    background-color: var(--color2);
	    color: var(--white);
	    border-radius: 7px;
	    cursor: pointer;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle i
	{
		font-size: 35px;
	}
	.topbar .topbar_container .cRow .right .topINfo a
	{
		/*margin-left: 0;*/
	}
	.navigation .nav-container .navigation-row .logo_area a .logo-text
	{
		width: 220px;
	}
}



@media screen and (max-width: 992px)
{

/*
	************************************
*/


#offcanvasExample .offcanvas-header
{
	padding:10px 15px 8px !important;
	border-bottom: 1px solid #eaeaea;
}

#offcanvasExample .offcanvas-header .offcanvas-title
{
	width: 85%;
}
#offcanvasExample .offcanvas-body .main_ul
{
	padding-left: 0;
}
#offcanvasExample .offcanvas-body .main_ul .main_li
{
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#offcanvasExample .offcanvas-body .main_ul .main_li > a
{
    display: block;
    padding: 7px 13px;
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
#offcanvasExample .offcanvas-body .main_ul .sub-menu1
{
	background-color:var(--color1);
	padding-left: 0;
	padding: 10px;
	display: none;
}
#offcanvasExample .offcanvas-body .main_ul .sub-menu1 li a
{
    color: var(--bs-white);
    font-size: 16px;
    display: block;
    font-weight: 400;
    padding: 6px 10px;
    border-bottom:1px solid #c15193;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer{
	background-color:var(--color2);
	padding-left: 0;
	padding: 10px;	
	display: none;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer ul{
	padding-left: 0;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper
{
	padding: 10px;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl
{
	background-color: var(--color1);
	padding: 15px 10px;
	margin-bottom: 10px;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl h6
{
    color: var(--white);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 7px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ccc;
}
#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl ul li a
{
    color: var(--bs-white);
    font-size: 13px;
    display: block;
    font-weight: 400;
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
}
.navigation .nav-container .navigation-row .logo_area a
{
	width: 100%;
}

#offcanvasExample .offcanvas-body .main_ul .main_li.dropdown1 .sub-menu1 .dropdown2 .sub-menu2
{
	background-color: var(--white) !important;
	padding-left: 0;
}
#offcanvasExample .offcanvas-body .main_ul .main_li.dropdown1 .sub-menu1 .dropdown2 .sub-menu2 li a
{
	color: var(--black);
}
}
}
/*--------------------------------------------------------------<Product> CSS</product>--------------------------------------------------------------------------*/

a{ text-decoration: none; }
ul{ list-style-type: none; margin-bottom: 0; }
.asp-title { font-size: 30px; font-weight: 600; font-family: Red Hat Display; }
.border-red{ border-bottom : 3px solid #1f4f60; padding-bottom: 7px; }

.products-single { overflow: hidden; position: relative;  margin-bottom: 30px; }
.products-single .box-img-hover{ overflow: hidden; position: relative; }
.box-img-hover img{ margin: 0 auto; text-align: center; display: block }
.type-lb{ position: absolute; top: 0px; right: 0px; z-index:8; }
.type-lb .sale{ background: #1f4f60; color: #ffffff;  padding: 2px 10px; font-weight: 700; text-transform: uppercase; }
.type-lb .new{ background: #000000; color: #ffffff; padding: 2px 10px; font-weight: 700; text-transform: uppercase; }
.why-text{ background: #f5f5f5; padding: 15px; margin-top: -80px; text-align: center; }
.why-text h4{ font-size: 16px; font-weight: 700; padding-bottom: 15px; color: #1f4f60; }
.why-text .price{ background-color: #1f4f60; }
.why-text h5{ font-size: 18px; font-family: 'Poppins', sans-serif; padding: 4px; display: inline-block; /*background: #1f4f60;*/ color: #ffffff; font-weight: 600; }
.mask-icon{ width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.mask-icon ul{ display: inline-block; position: absolute; bottom: 0; right: 0; }
.mask-icon ul li{  background: #1f4f60; }
.mask-icon ul li a{ color: #ffffff;  padding: 5px 5px; display: block; }
.mask-icon a.cart{ background: #1f4f60; position: absolute; bottom: 0;  left: 0px; padding: 10px 20px; font-weight: 700; color: #ffffff; }
.mask-icon a.cart:hover{  background: #000000; color: #ffffff; }
.mask-icon ul li a:hover{ background: #000000; color: #ffffff; }
.products-single .mask-icon{ background: rgba(1,1,1, 0.5); top: -100%; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.products-single:hover .mask-icon{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s;  -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear;  -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
@keyframes bounceY { 0% { transform: translateY(-205px); } 40% { transform: translateY(-100px); } 65% { transform: translateY(-52px); } 82% { transform: translateY(-25px); } 92% { transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { transform: translateY(0px); } }
@-moz-keyframes bounceY {  0% { -moz-transform: translateY(-205px); } 40% { -moz-transform: translateY(-100px); } 65% { -moz-transform: translateY(-52px); } 82% { -moz-transform: translateY(-25px); } 92% { -moz-transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px); }  }
@-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px); } 40% { -webkit-transform: translateY(-100px); } 65% { -webkit-transform: translateY(-52px); } 82% { -webkit-transform: translateY(-25px);  } 92% { -webkit-transform: translateY(-12px); }  55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px); } }

.asp-navigation{ padding: 10px; }
.swiper-navigation { display: flex; gap: 10px; }
.swiper-button-prev, .swiper-button-next {  width: 50px; height: 50px; background-color: #1f4f60; color: white; display: flex; justify-content: center; align-items: center; top: 33%; }
.swiper-button-prev::after, .swiper-button-next::after { font-size: 16px; color: #fff; }

.overlay {
  position: relative;
}
.page-title {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 160px 0 100px;
}
.section {
  padding: 100px 0;
}
    .overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
}
.breadcrumb {
  background-color: transparent !important;
  justify-content: center;
}
.breadcrumb li, .breadcrumb a {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0 10px;
}
.breadcrumb a::before {
  position: absolute;
  content: "/";
  right: -17px;
  top: 2px;
  height: 12px;
}
ol, ul {
  list-style-type: none;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-40 {
  margin-bottom: 40px;
}
h3, .h3 {
  font-size: 30px;
}
.archit{
  padding: 40px;
  margin-bottom: 60px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.mb-20 {
  margin-bottom: 20px;
}
.form-control::placeholder {
  color: #666;
}
.form-control {
  border-radius: 5px;
  padding: 0 15px 2px;
  height: 40px;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}
.text-white {
  color: #fff !important;
}