.w-25{
  float: left;
}

.w_100{
  width: 100%;
  display: inline-block;
}

.w100{
  width: 100%;
  display: flex;
}
.w-34{
  width: 34%;
  float: left;
}

.ifpr{
  padding-right: 15px;
}
.call-now-btn{
  padding: 10px 25px 10px 25px;
  color: #fff;
  background: #1A4D8C;
  border-radius: 15px;
  text-decoration: none;
  display:inline-block;
}
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*/

html{ 
  scroll-behavior: smooth;
}
body{
  /* font-family: 'Poppins', sans-serif;  */
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  font-size: 16px; color: #030e12; 
}

h1,h2,h3,h4{font-family: 'Poppins', sans-serif;}
h4{color: #1E1D1B;}  
.about-us-content-50{width: 50%;float: left;text-align: justify;padding-right: 20px;}
.dash-img-item{width: 50%;float: left;text-align: center; margin-bottom: 10px;}
.dash-img-item img{width: auto;height: 150px;box-shadow: 0px 0px 8px silver;border-radius: 15px;max-height: 150px; margin-left:auto;margin-right:auto ;max-width:100%;}
.about-us-content-100{text-align:center;}


.subscribe-section{background:#CDD0F0;}


.subscibe-div{box-shadow:0 0 5px silver; border-top-left-radius:25px;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;background:#fff;}

.subscription-item{float:left;width:50%;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number]{
  -moz-appearance: textfield;
}


.our-shelters-section{box-shadow:0 0 5px silver;}
.our-shelters{
  /* box-shadow:0 0 5px silver; */
  /*box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;*/
  
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
  height:auto;
  padding:0px;
  /* border-radius: 15px; */
}
.our-shelters:hover{
    box-shadow: 0px 43px 35px 0px rgba(12, 12, 12, 0.10) !important;
}
.shadow-effect:hover{
    box-shadow: 0px 43px 35px 0px rgba(12, 12, 12, 0.10) !important;
}
.our-shelters a .title{
  font-weight:700;
  padding:10px;
  color:#344d8c;
  height:auto;
  /*background:#fcf2c6*/;
  background:#FFF;
  text-align: center;
  /* border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; */
  min-height: 115px;
}

.our-shelters a .title h6{
  font-size: 22px;
  font-weight: 700;
}
.our-shelters a{text-decoration:none;}
.shelter-location .location-sec{width:100%;height:200px;}
.our-shelter-footer-links li{padding:15px;}
.our-shelter-footer-links li a{color:#c0c000;text-decoration:none;font-weight:550;font-size:18px;}
.our-shelter-footer-links li a:hover{color:#1A4D8C;}
.social-links-list a{
  /* color:#c0c000; */
  color:#FF0000;
  text-decoration:none;padding:10px;
}
.social-links-list a:hover{color:#000;}


input[type=text] {
  width: 100%;
  /* padding: 12px 20px; */
  padding: 5px 10px !important;
  margin: 8px 0;
  box-sizing: border-box;
}

input[type=password] {
  width: 100%;
  /* padding: 12px 20px; */
  padding: 5px 10px !important;
  margin: 8px 0;
  box-sizing: border-box;
}

select{
  width: 100%;
  /* padding: 12px 20px; */
  padding: 5px 10px !important;
  margin: 8px 0;
  box-sizing: border-box;
}
input[type=email],input[type=number],input[type=file] {
  width: 100%;
  /* padding: 12px 20px; */
  padding: 5px 10px !important;
  margin: 8px 0;
  box-sizing: border-box;
}

.main-heading{font-size:22px;font-weight:700;color:#4B49AC;}
.main-heading a{text-decoration:none;color:#4B49AC;}

.forgot-password-section{
    box-shadow:0 0 5px #4B49AC;    
    padding:15px;
}
.forgot-password{
    width:100%;
    background:#c0c000;color:#fff;font-weight:600;
    border-radius:unset;
}
.forgot-password:hover{color:#fff;outline:none;}
.forgot-password-section p a{text-decoration:none;font-size:18px;font-weight:700;color:#4B49AC;}

.w-50{
  width: 50%;
  float: left;
  padding:0px 10px;
}
.form-outer{
  box-shadow:4px 4px 8px silver;
}
.w-33{
  width: 33%;
  float: left;
}
.fadata-item-div{
  padding: 15px 0px;
}
.fadata-item-div h3{
  margin: 0px;
  padding: 0px;
}
.fadata-item-div .item_1{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  font-weight: 550;
}

.w-67{
  width:67%;
  float: left;
}

.fund-data-title-1{
  width:50%;float:left;text-align:left;height:50px;
  font-size:32px;font-weight:660;
}
.fund-data-title-2{
  width:50%;float:left;text-align:right;height:50px;
  font-size:32px;font-weight:660;
}
@media screen and (max-width: 767px){
  .w-50{
    width:100% !important;
    float: left;
    padding:0px 0px;
  }  
  .w100{
    flex-direction: column;
  }
  .w-33{
    width: 100%;
    float: left;
  }
  .login-parallel-div{
    min-height: 300px;
  }
  
  .counter-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    background-image: url("../world-map-bg.png");
    /* background-image: url("<?php echo base_url(); ?>assets/world-map-bg-2.webp"); */
    /* background-image: url("<?php echo base_url(); ?>assets/map-1.png"); */
    /* background-image: url("<?php echo base_url(); ?>assets-new/home-page-div-images/1.png"); */
    /* background-image: url("<?php echo base_url(); ?>assets/lucknow-map.jpeg"); */
    background-size: cover;
    height: auto !important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .counter-item{
    width: 100% !important;
    margin: 0px 0px;
    padding: auto auto;
    height: auto !important;
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; */
    text-align: center;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    align-items: center;
    /*   */
  }
  .c_i_w_h{
    height: 200px !important;
    text-align: center;
  }

  .counter-item div{
    width: 100%;
  }

  .counter-data-text{
    font-size: 60px;
    font-weight: 800;
    
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .page-top-banner-bg div h1{
    font-weight: 650 !important;
    font-size: 32px !important;
  }
  .page-top-banner-bg div h2{
    font-weight: 500;
  }

  .w-34{
    padding: 0px 0px;
    width: 100% !important;
    float: left;
  }
  
  .ifpr{
    padding-right: 0px;
  }

  .contact-us-div{
    padding: 10px;
  }
  .w-67 {
    width: 100%;
  }
  .flr-div{
    flex-direction: column-reverse;
  }

  .fund-data-title-1{
    width:50%;float:left;text-align:left;height:50px;
    font-size:18px;font-weight:660;
  }
  .fund-data-title-2{
    width:50%;float:left;text-align:right;height:50px;
    font-size:18px;font-weight:660;
  }
}


h2,h3,h4{
  font-weight: 650;
}


.counter-div{
  display: flex;
  justify-content: center;
  padding: 20px;
  background-image: url("../world-map-bg.png");
  /* background-image: url("<?php echo base_url(); ?>assets/world-map-bg-2.webp"); */
  /* background-image: url("<?php echo base_url(); ?>assets/map-1.png"); */
  /* background-image: url("<?php echo base_url(); ?>assets-new/home-page-div-images/1.png"); */
  /* background-image: url("<?php echo base_url(); ?>assets/lucknow-map.jpeg"); */
  background-size: cover;
  height: 250px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counter-item{
  width: 33%;
  margin: auto 0px;
  padding: auto auto;
  height: 250px;
  /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; */
  text-align: center;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  align-items: center;
  /*   */
}

.counter-item:hover{
  /* box-shadow: 0px 43px 35px 0px rgba(12, 12, 12, 0.10) !important; */
}

.counter-data-text{
  font-size: 60px;
  font-weight: 800;
  
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}

.counter-title{
  font-size: 15px;
  font-weight: 550;
  
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}


/* Animated Button CSS */

.wrapper {
  display: flex;
  justify-content: center;
}

.cta {
    display: flex;
    padding: 10px 10px;
    text-decoration: none;
    /*font-family: 'Poppins', sans-serif;*/
    font-size: 16px;
    color: white;
    /*background: #6225E6;*/
    /* background:#673400; */
    background-color: #0083CD;
    transition: 1s;
    /* box-shadow: 6px 6px 0 black; */
    box-shadow: 6px 6px 0 #8673c7;
    /* background:#8673c7; */
    transform: skewX(-15deg);
  /*  animation: corner 5s;*/
  /*  animation-iteration-count: infinite;*/
	 /*animation-timing-function: linear;*/
	 /*border-radius: 50%;*/
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
    color:#fff;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 10px;
}

  .cta span {
    transform: skewX(15deg) 
  }

  .cta span:nth-child(2) {
    width: 20px;
    margin-left: 10px;
    position: relative;
    /*top: 12%;*/
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}

 @keyframes corner {
	 0% {
		 border-top-left-radius: 1% 50%;
	}
	 12.5% {
		 border-top-left-radius: 50%;
		 border-top-right-radius: 50%;
	}
	 25% {
		 border-top-right-radius: 1% 50%;
	}
	 25.001% {
		 border-top-right-radius: 50% 1%;
	}
	 37.5% {
		 border-top-right-radius: 50%;
		 border-bottom-right-radius: 50%;
	}
	 50% {
		 border-bottom-right-radius: 50% 1%;
	}
	 50.001% {
		 border-bottom-right-radius: 1% 50%;
	}
	 62.5% {
		 border-bottom-right-radius: 50%;
		 border-bottom-left-radius: 50%;
	}
	 75% {
		 border-bottom-left-radius: 1% 50%;
	}
	 75.001% {
		 border-bottom-left-radius: 50% 1%;
	}
	 87.5% {
		 border-bottom-left-radius: 50%;
		 border-top-left-radius: 50%;
	}
	 100% {
		 border-top-left-radius: 50% 1%;
	}
}

    .blink-div h4{
        font-size:28px;
        color:#0010FF;
        
        animation: blinker 1.5s infinite;
    }
    @keyframes blinker {
        60% {
        opacity: 0.3;
        }
    }   

    .arrow{
      display: flex;
      padding: 20px;
      justify-content: center;
    }

    @media screen and (max-width: 767px){
      .arrow{
        display: flex;
        flex-direction: column;
      }
      
        .w-25{
            float: left;
            width:100% !important;
        }

    }

  .fg-pr-div{
    padding-right: 10px;
  }
  .form-control-1210{
    width: 100%;
    padding: 5px 10px !important;
    margin: 8px 0;
    box-sizing: border-box;
  }

  /* select{
    padding: 6px !important;
  } */

  .wh-section{
    background-color: #FFF;
  }