@charset "utf-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Fugaz+One|Tangerine&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Cambay|Fugaz+One|Tangerine&display=swap');

@font-face {
  font-family: myFirstFont;
  src: url(cambriab.ttf), url();
}

@font-face {
  font-family: mybanglaFont;
  src: url(SolaimanLipi.ttf), url();
}

body {
  font-family: myFirstFont;
}

body{
    background-color: #e9ebee;
}

h1{
    font-size: 25px;
}

h2{
	font-size:20px;
    line-height: 20px;
}

h3{
    font-size: 16px;
}

h4{
	font-size:14px;
    font-weight: 300;


}

h5{
	font-size:12px;
}
h6{
	font-size:10px;
}

p{
    font-size:18px;
}
/**nav start**/

.dologiq-ccs-top-nav{
    background-color: white;
}

.dologiq-ccs-top-nav .dologiq-ccs-top-nav-logo{
    font-size: 18px;
}

.dologiq-ccs-top-nav .dologiq-ccs-top-nav-logo img{
    width: 100px;

}



.top-nav-link{
    margin-top: 8px;
    text-align: right;
}

.nav-link{
    font-size:19px;

}
/* drop down menu style*/
@media screen and (max-width: 650px){
   .dologiq-ccs-top-nav .toast-dologiq-fb-row{
    background-color: white;
    border-radius:5px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0 6px 8px rgba(0,0,0,0.5);
}
    .dologiq-ccs-top-nav .dologiq-style-drop-down-menu{
    background: rgb(28,108,221);
    background: linear-gradient(180deg, rgba(28,108,221,1) 0%, rgba(38,182,255,1) 100%);
}

}

/*
*/

/** nav link color**/
/*
.form-inline .navbar-nav .nav-item a{
    color: #5ab8eb;
}

.form-inline .navbar-nav .nav-item a:hover{
    background: #5ab8eb;
    color: red;
}
*/

#navbarDropdown{
    color:#0e2072;
}


#navbarDropdown:hover{
    color: white;
    background-color: #0e2072;
}

#navbarDropdown a:hover{
    color: white;
    background-color: #0e2072;
}



/**ccs style top nav**/


.dologiq-ccs-style-top-nav{
     background-color: rgba(255, 255, 255, 0.9);
     top: -300px;
     transition: top 0.3s;
}

.dologiq-ccs-style-top-nav-con{
    margin-top: -10px; margin-bottom: -10px;
}


.dologiq-ccs-style-top-nav .dologiq-ccs-top-nav-logo{
    font-size: 20px;
}

.dologiq-ccs-style-top-nav .dologiq-ccs-top-nav-logo img{
    width: 70px;


}



.dologiq-ccs-style-top-nav .nav-link{
    font-size:18px;


}

/** nav link color**/

.dologiq-ccs-style-top-nav .form-inline .navbar-nav .nav-item a{
    color: #5ab8eb;
    margin-bottom: -10px;
}

.form-inline .navbar-nav .nav-item a{
    color: #0e2072;
}

.form-inline .navbar-nav .nav-item a:hover{
    color: white;
    background-color: #0e2072;
}

/**ccs style top nav**/

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #001A36;
  /*background-color:rgba(255, 128, 1,0.98);*/
  overflow-x: hidden;
  transition: 0.8s;
}

.overlay-content {
  position: relative;
  top: 4%;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.overlay a {
  padding: 5px;
  text-decoration: none;
  font-size: 17px;
  color: snow;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 36px;
  right: 25px;
  font-size: 50px;
  z-index: 1;
}

.logo-img{
    vertical-align: middle;
    border-style: none;
    background: #fff;
    padding: 10px;
    border-radius: 5px 30px;

}
@media (max-width: 576px){
    .logo-img{
    vertical-align: middle;
    border-style: none;
    background: #fff;
    padding: 10px;
    border-radius: 5px 30px;
    width:125px;
 }
 .mobile-apps{
     display:block;
     font-size:20px;
     margin-left: 22px;
    margin-bottom: 5px;
 }
 .partners-img{
    align-items: center;
    text-align: center;
    margin-left: 14px;
    display: block;
    margin-bottom: 0px;
}
 }
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 30px;
  top: 15px;
  right: 35px;
  }

}

.dologiq-ccs-style-top-nav .dologiq-ccs-style-top-nav-con .form-inline .dologiq-ccs-style-top-nav-link-row{
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.dologiq-ccs-style-top-nav .dologiq-ccs-style-top-nav-con .form-inline .dologiq-ccs-style-top-nav-link-row .dologiq-ccs-style-top-nav-link-title{
    font-size: 22px;
}

/*home-top-slider*/
.home-top-slider{
    background-color: white;
    padding: 8px;
    height: 360px;
    overflow: hidden;
    border: 1px solid #020039;
    border-radius: 3px;
}

@media screen and (max-width: 650px){
   .home-top-slider{

    height: auto;

    }
}
/* abt-us-background*/
.section-abt-us{
    margin-top: 1rem;
    margin-bottom: 10px;

}

.abt-us-background{
    background-color: white;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #C6C6C6;
    border-radius: 3px;

    height: 580px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;"
}

.abt-hover{
    background-color: rgba(95, 209, 162,.5);
    border-radius: 3px;
    border: 1px solid green;

}

.abt-hover:hover{
    background-color: rgba(95, 209, 162,.7);
    border-radius: 5px;
    border: 2px solid green;
}

.mission-hover{
    background-color: rgba(133, 126, 222, 0.5);
    border-radius: 3px;
    border: 1px solid rgb(133, 126, 222);
}

.mission-hover:hover{
    background-color: rgba(133, 126, 222, 0.7);
    border-radius: 5px;
    border: 2px solid rgb(133, 126, 222);

}

.success-hover{
    background-color: rgba(94, 209, 209,0.6);
    border-radius: 3px;
    border: 1px solid rgb(94, 209, 209);
}

.success-hover:hover{
    background-color: rgba(94, 209, 209,0.8);
    border-radius: 5px;
    border: 2px solid rgb(94, 209, 209);
}

.contex-hover{
    background-color: rgba(229, 83, 117, 0.5);
    border-radius: 3px;
    border: 1px solid rgb(229, 83, 117);

}

.contex-hover:hover{
    background-color: rgba(229, 83, 117, 0.7);
    border-radius: 5px;
    border: 2px solid rgb(229, 83, 117);

}




@media screen and (max-width: 650px){
   .abt-us-background{

    height: auto;

    }
}


/*advisory body*/
@media screen and (max-width: 650px){
   .advisory-body-desktop-view{

    display: none;

    }
}
@media only screen and (min-width: 651px){
   .advisory-body-mobile-view{

    display: none;

    }
}


.advisory-body-banner{
    color: white;
    background-color: #020039;
    text-align: center;
    padding: px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
}

.advisory-body-banner span{
    float: right;
    color: gray;

}

.advisory-body-banner span:hover{
    float: right;
    color: white;

}



.advisory-body{

    width: 100%;
    border: 1px solid #C6C6C6;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    width: 40%;
}


.advisory-body:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
}

.advisory-body .card-body{
    text-align: center;
}

.advisory-body .card-body .card-text{
    color: gray;
}

.advisory-body .social-media{
    text-align: center;
    font-size: 16px;
}

.advisory-body .social-media a{
    padding-left: 3px;
    padding-right: 3px;
    color:#7e7d8f;
}

.advisory-body .social-media a:hover{
    padding: 5px;
    color: deepskyblue;
}

.advisory-body .bottom-button{
    padding: 15px;

}

.btn-dark {
    color: #fff;
    background-color: #020039 !important;
    border-color: #020039;
}

/*swaper*/
.swiper-con-tainer {
      width: 100%;
      height: ;
    padding-top: ;
    padding-bottom: 15px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


/*blood-bank*/
.blood-bank {
    background-color: white;
    max-height: 380px;
    overflow: hidden;
    border: 1px solid crimson;
    border-radius: 5px; margin-top: 15px;
}


.blood-bank .blood-bank-banner {
    background-color: crimson;
    padding-top: 10px;
    color:white;
}

.blood-bank .blood-bank-banner a{
    color:#B52B46;
    font-size: 20px;
}

.blood-bank .blood-bank-banner a:hover{
    color:#FF1645;
}


/*counter*/
.counter-con{
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255,0.3);
}

.counter-con:hover{
    margin-top: -10px;
    animation-duration: 3s;
}

.counter {

  animation-delay: 0s;
}

/*alumni*/


.alumni-post-img img {
  margin-bottom: 10px;

}

@media screen and (max-width: 650px){
   .alumni-middle-img {

       padding-left: 25px;
       padding-right: 25px;



    }
    .alumni-last-img{
        padding-left: 25px;
        margin-top: 15px;
    }
}

.alumni-post-img img:hover {
  box-shadow: 0 15px 25px rgba(253,143,143,0.4);
}



/* vertical line */
.vl {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border: 0px solid;
  height:110px;
}

/* text inside the vertical line */
.vl-innertext {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fd8f8f;
  border: 1px solid #fd8f8f;
  border-radius: 50%;
  padding: 6px;
}

/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
  .col {
    width: 100%;
    margin-top: 0;
  }
  /* hide the vertical line */
  .vl {
    display: none;
  }
  /* show the hidden text on small screens */
  .hide-md-lg {
    display: block;
    text-align: center;
  }
}

/*Executive Body*/

@media screen and (max-width: 650px){
   .executive-body-desktop-version{

    display: none;

    }
}

@media only screen and (min-width: 651px){
   .executive-body-mobile-con-tainer{

    display: none;

    }

}

.executive-body-mobile-social-media a{
    padding: 5px;
    margin: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: gray;
}

.executive-body-mobile-social-media a:hover{
    background-color: #3cc88f;
    color: white;

}


/**/

.executive-body{
    width: 100%;
    height: 390px;
    overflow: hidden;
    text-align: center;
    background-color: white;
    border: 1px solid white;




}
.executive-body:hover{
    box-shadow: 0 3px 8px rgba(0,0,2,0.3);
}

.executive-body .social-media{
  font-size: 14px;

}

.executive-body .social-media a{
    padding: 10px;
    margin: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: gray;
}

.executive-body .social-media a:hover{
    background-color: #3cc88f;
    color: white;

}



.executive-body .card-body{
    background-color: white;
    position: relative;
    display: block;
    margin-bottom: -60px;
    transition: all 300ms ease;
    border-radius: 10px;
}

.executive-body .card-body:hover{
   transform: translateY(-60px);
}

.executive-body-banner{
    color: white;
    background-color: #020039;
    text-align: center;
    padding: px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
}

.executive-body-banner a{
    float: right;
    color: #30A073;

}

.executive-body-banner a:hover{
    float: right;
    color: #72FFC6;


}

/*online Survay top*/
.online-survay-top {
    background-color: white;
    max-height: 380px;
    overflow: hidden;
    border: 1px solid #020039;
    border-radius: 5px; margin-top: 15px;
}


.online-survay-top .online-survay-banner {
    background-color: #020039;
    padding-top: 10px;
    color:white;
}

.online-survay .online-survay-banner a{
    color:#30A073;
    font-size: 20px;
}

.online-survay .online-survay-banner a:hover{
    color:#72FFC6;
}


/*online Survay*/
.online-survay {
    background-color: white;
    max-height: 380px;
    overflow: hidden;
    border: 1px solid #28a745;
    border-radius: 5px; margin-top: 15px;
}


.online-survay .online-survay-banner {
    background-color: #020039;
    padding-top: 10px;
    color:white;
}

.online-survay .online-survay-banner a{
    color:#30A073;
    font-size: 20px;
}

.online-survay .online-survay-banner a:hover{
    color:#72FFC6;
}






/*up-coming-events*/
/*green*/
.up-coming-events-main .test-green:hover{
    text-decoration: none;
}



.up-coming-events:hover{
    background-position: 0 0;
    color: white;

    box-shadow: 0 6px 8px rgba(0,0,0,0.4);
}

.up-coming-events{
    height: 300px;
    background-color: white;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 10px;
    overflow: hidden;
    color: #020039;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,0,2,0.3);
    display: block;
  background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #00a04b 50%,
    #00a04b);
  background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.up-coming-events .up-coming-events-post-meta{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 100px;
}

.up-coming-events h2{
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 5px;
}
.upcoming_span{
    padding: 10px;
    font-size: 26px;
    letter-spacing: 10px;
    font-weight: 800;
    color: white;
    background-color: #020039;
    text-align: center;
    border-radius: 5px;


}
.up-coming-events p{
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

/*red*/

.up-coming-events-main-red .test-red:hover{
    text-decoration: none;
}



.up-coming-events-red:hover{
    background-position: 0 0;
    color: white;

    box-shadow: 0 6px 8px rgba(0,0,0,0.4);
}

.up-coming-events-red{
    height: 300px;
    background-color: white;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 10px;
    overflow: hidden;
    color: #020039;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,0,2,0.3);
    display: block;
  background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #ff0000 50%,
    #ff0000);
  background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.up-coming-events-red .up-coming-events-post-meta-red{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 100px;
}

.up-coming-events-red h2{
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 5px;
}

.up-coming-events-red p{
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}


/*orange*/

.up-coming-events-main-orange .test-orange:hover{
    text-decoration: none;
}



.up-coming-events-orange:hover{
    background-position: 0 0;
    color: white;

    box-shadow: 0 6px 8px rgba(0,0,0,0.4);
}

.up-coming-events-orange{
    height: 300px;
    background-color: white;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 10px;
    overflow: hidden;
    color: #020039;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,0,2,0.3);
    display: block;
  background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #f06e00 50%,
    #f06e00);
  background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.up-coming-events-orange .up-coming-events-post-meta-orange{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 100px;
}

.up-coming-events-orange h2{
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 5px;
}

.up-coming-events-orange p{
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

/*up-coming-events End*/

/*recent-activity*/
.recent-activity{
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: white;
    box-shadow: 0 3px 8px rgba(0,0,2,0.3);
    border-radius: 10px;

}

.recent-activity h2{
    font-weight: 600;
    margin-top: 15px;
    padding-bottom: 0px;
}

.recent-activity p{
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    font-size: 15px;
}


@media screen and (max-width: 650px){
    .recent-activity-text{
    padding: 30px;
}
    .recent-activity h2{

    margin-top: 0px;
    padding-bottom: 0px;
}
    .recent-activity p{

    padding-right: 0px;
    text-align: justify;
}
.upcoming_span{
    padding: 10px;
    font-size: 16px;
    letter-spacing: 10px;
    font-weight: 800;
    color: white !important;

}

}


/*footer-main-full-background------------------------------------------------*/

.footer-main-full-background{
    background-color: #001a36;
    padding: 30px 0px;
}


.footer-main-full-background a {
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
  color: snow;
  display: block;
  transition: 0.3s;
}

.footer-main-full-background a:hover, .overlay a:focus {
  color: #f1f1f1;
}

#location{
	border:2px solid #0D335B;
	padding:20px;
    border-radius: 10px;
}
.titlebox-ico-area{
background: rgb(1,27,55);
background: linear-gradient(180deg, rgba(1,27,55,1) 0%, rgba(1,26,61,1) 100%);
	padding:5px 10px;
	margin-top: -20px;
	float: left;
    color: white;
    font-size: 27px;

    position: absolute;

  left: 50%;
  transform: translate(-50%, -50%);
}

.titlebox-ico-area img{
    width: 60px;
}

@media screen and (max-width: 650px){
    .titlebox-ico-area img{
        width: 40px;
}
    .titlebox-ico-area{
        font-size: 18px;
    }
}

/*our partners start*/
.our-partners-banner{
    color: darkblue;


    padding: 5px;
    margin-top: -25px;
    margin-bottom: 8px;

    font-weight: 700;
    font-size: 30px;
    letter-spacing: 5px;
}

.our-partners-banner a{
    float: right;
    color: yellow;

}

.our-partners-banner a:hover{
    float: right;
    color: goldenrod;


}

@media screen and (max-width: 650px){
   .our-partners-desktop-con-tainer{

    display: none;

    }
}
@media only screen and (min-width: 651px){
   .our-partners-mobile-con-tainer{

    display: none;

    }
}
/*our partners end*/

/**Media Releases page **/
.media-releases-post{
    background-color: white;
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
    border-radius: 5px;
}

.media-releases-post .media-releases-post-date{
    padding: 10px;
    text-align: center;


}

.media-releases-post .media-releases-post-date .day{
    font-size: 28px;
    color: #336699;
}

.media-releases-post .media-releases-post-date .month{
    font-size: 16px;
    color: #777777;

}

.media-releases-post .media-releases-post-date .year{
    font-size: 18px;
    color: #777777;
    font-weight: 100;

}

.media-releases-post-title{
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #d8d8d8;
}

.media-releases-post-title hr{
    margin-top: 2px;
    margin-bottom: 2px;
}

.media-releases-post-title p {
    color: #777777;
    font-size: 14px;
    padding-top: 3px;
    margin-bottom: 1px;
}

.media-releases-post .profile-picture{
    padding: 15px;
}

.media-releases-post .profile-picture img{
    width: 80%;
}

.media-releases-post> a> img{
    width: 100%;
}

.media-releases-post .media-releases-description{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.media-releases-post .media-releases-bottom{
    padding: 5px 15px;
    color:#777777;
    font-size: 14px;
}

.media-releases-post .media-releases-bottom .cat{
    margin-right: 20px;
}

.media-releases-post .media-releases-bottom .com{
    margin-left: 20px;
}

@media (max-width:768px){
    body{
    background-color: #D8D8D8;
    }

    .media-releases-post-title{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: -20px;
    }

.media-releases-post .profile-picture {
    text-align: center;
}

.media-releases-post .profile-picture img{
    width: 20%;
    margin-top: -20px;

}

}

/*food donation*/
.food-offer{
    text-decoration: none;
    box-shadow: 0 6px 8px rgba(0,0,0,0.3);
}

.food-offer:hover{

    box-shadow: 0 6px 8px rgba(0,0,0,0.6);
}


.food-first-block{
    background-color: #f8bb7f;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.food-first-block:hover{
    background-color: #FFAD5B;
}


.food-second-block{
    background-color: #f6b5ab;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;"
}

.food-second-block:hover{
    background-color: #FF9B8C;
}

.food-third-block{
    background-color: #b99ac0;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;"
}

.food-third-block:hover{
    background-color: #D695E5;
}
/* onahari*/
.onahai-first-block{
    background-color: #ff9d01;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.onahai-first-block:hover{
    background-color: #D88500;
}

.onahai-second-block{
    background-color: #ea4b32;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;"
}

.onahai-second-block:hover{
    background-color: #C4240B;
}

.onahai-third-block{
    background-color: #500061;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.onahai-third-block:hover{
    background-color: #6E0087;
}

/* food button */
.btn-do-logiq-food{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

@media screen and (max-width: 650px){
   .btn-do-logiq-food{
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding: 2px 10px;
}

}

/**/


/* Donation with UCB button */
.btn-do-logiq-food-donation-ucb{
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

@media screen and (max-width: 650px){
   .btn-do-logiq-food-donation-ucb{
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding: 1px 0px;
}
    .btn-do-logiq-food-donation-ucb img{
        width: 80%;
    }

}

/**/




.arrowBox:after{
content: ' ';
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom:10px solid #c6c8cb;
border-right:10px solid transparent;
position: absolute;
left: 20%;
bottom: 100%;
margin-left: -10px;
}


@media screen and (max-width: 650px){
    .arrowBox:after{
        position: absolute;
        top: 27px;
        border-bottom:10px solid #1c6cdd;
    }
}

/*form-row-dologiq-search-here-desktop*/
@media screen and (max-width: 650px){
    .form-row-dologiq-search-here-desktop{
    display: none;
    }
}

@media only screen and (min-width: 651px){
   .form-row-dologiq-search-here-mobile{
    display: none;
    }

    }
}
/*
.form-inline .navbar-nav .nav-item a{
    background-color: white;
    border-radius:5px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0 6px 8px rgba(0,0,0,0.3);
}
*/
.slider-icon{
    color: blue;
}

.iftar-food-ditribution-block{
    font-family: mybanglaFont;
    background-color: seashell;
    color: #EF1385;
    border: 1px solid #C90068;
    box-shadow: 0 6px 8px rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.iftar-food-ditribution-block:hover{
    background-color: white;
    box-shadow: 0 6px 8px rgba(0,0,0,0.6);
}

.title-iftari-food-disrtibution{
    font-size: 24px;
    padding: 5px 10px;
}

.details-iftari-food-disrtibution{
    font-size: 20px;
    padding: 5px 10px;
    color: midnightblue;
    min-height: 75px;
}

.details-iftari-food-disrtibution-date{
    font-size: 18px;
    padding: 0px 10px;
    color: dodgerblue;
}

.context-abt-area{
    border: 5px solid #c5c5c5;
    border-radius: 10px;
}
.context-abt-area h2{
    text-align: center;
    padding: 25px;
    font-size: 36px;
    border-bottom: 5px solid #c5c5c5;
    margin-bottom: 20px;
}

.context-abt-area p{
    text-align: justify;
    padding: 0px 40px;

}

.abt-right-img{
    position: absolute;
    bottom: 4px;
}

@media screen and (max-width: 650px){
    .abt-right-img{
    position: inherit;
    bottom: 0px;
    margin-top: 20px;
}

}


.news-paper-coverage-link-block{
    background-color: #D6D6D6;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 2px;
    transition: 0.4s;
}

.news-paper-coverage-link-block:hover{
    background-color: #CC3366;

    color: white;
}

/* tv coverage */

.tv-coverage-block{
    background-color: #190983;
    color: white;
    border-bottom: 2px solid white;
}

.tv-coverage-channel-name{
    padding: 3px 10px;
    border-right: 3px solid white;
}

.tv-coverage-channel-news-published-date{
    padding: 3px 10px;
    border-right: 3px solid white;

}

.tv-coverage-channel-news-published-time{
    padding: 3px 10px;
    font-size: 15px;
}

.tv-coverage-img-area{
    background-color: #190983;
    padding:5px;
    box-shadow: 0 6px 8px rgba(0,0,0,0.3);
}

.tv-coverage-img-area:hover{
    box-shadow: 0 6px 8px rgba(0,0,0,0.6);
}



.tv-coverage-img-area img{
    width: 100%;
}

/*btn-covid-response*/
.btn-covid-response{
    color: white;
    font-size: 28px;
    letter-spacing: 2px;
    background-color: #ff7f27;

}

.btn-covid-response:hover{
    color: whitesmoke;
    background-color: darkorange;
    text-decoration: none;

}

/*btn-home-recent-Activity*/
.btn-home-recent-Activity{
    color: white;
    letter-spacing: 2px;
    background-color: #020039;
}

.btn-home-recent-Activity:hover{
    color: whitesmoke;
    background-color: #EF5B5B;
}

.media-coverage-page-title-bg{
    background: rgb(255,127,0);
    background: -moz-linear-gradient(180deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00",endColorstr="#ffffff",GradientType=1);
}

.xyz{
    background-color: ;
}
.off-shore{
    text-align: center;
    font-size: 30px;
    color: dimgray;
    padding-bottom: 15px;

}

.off-shore:hover{
    text-align: center;
    font-size: 32px;
    color: midnightblue;
    border-bottom: 5px solid midnightblue;
}

.slider-bg-ccs-branch{
      background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(14,32,114,1) 52%, rgba(14,32,114,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(14,32,114,1) 52%, rgba(14,32,114,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(14,32,114,1) 52%, rgba(14,32,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0e2072",GradientType=1);
}