@font-face {

     font-family: "Roboto-Bold";

     src: url("../fonts/Roboto-Bold.ttf") format("truetype");

}

/*.donate-sec .section-banner {*/
/*    z-index: 99999999999;*/
/*}*/

@font-face {

     font-family: "Roboto-Light";

     src: url("../fonts/Roboto-Light.ttf") format("truetype");

}

@font-face {

     font-family: "Roboto-Medium";

     src: url("../fonts/Roboto-Medium.ttf") format("truetype");

}

@font-face {

     font-family: "Roboto-Regular";

     src: url("../fonts/Roboto-Regular.ttf") format("truetype");

}


/*
@font-face {

     font-family: "Poppins-Bold";

     src: url("../fonts/Poppins-Bold.ttf") format("truetype");

}



@font-face {

     font-family: "Poppins-Light";

     src: url("../fonts/Poppins-Light.ttf") format("truetype");

}

@font-face {

     font-family: "Poppins-Medium";

     src: url("../fonts/Poppins-Medium.ttf") format("truetype");

}

@font-face {

     font-family: "Poppins-Regular";

     src: url("../fonts/Poppins-Regular.ttf") format("truetype");

}

*/

@charset "utf-8";

/* CSS Document */


.blog-txt p br {display: none;}
.blog-txt p {
    margin-bottom: 20px !important;
    text-align: justify;
}
.blog-txt h4 {    font-size: 18px;}
#drk {

    background-color: #0f183f;

    padding: 8px 0;

}
.desc-blk img {
    width: 81%;
        margin-bottom: 20px;

}
.blog-txt ul li br {
    display: none;
}
.blog-txt ul li {
    margin-bottom: 20px;
    font-style: normal;
}
body, html{

    height: 100%;

}

body{

    background: #fff;

    overflow-x: hidden;

}



h1, h2, h3, h4, h5, h6{

   font-family: "Roboto-Bold" !important;

}

p, li, button{

        font-family: 'Roboto-Regular' !important;
        font-size: 30px;

}



a{

    text-decoration: none;
    /*background-color: #d30e00;*/
    /*border:2px solid #d30e00;*/
    font-family: "Roboto-Regular";

}
a.red-btn {
    background-color: #d30e00;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li{

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

h4{
    font-size: 80px;
    font-family: 'Roboto-Bold';
}
 

ul {

    padding: 0;

    margin: 0;

}
/*donate start*/

.donation-amount{

    margin-bottom: 10px;

}

.donation-amount button {

   border-radius: 0;
    padding: 10px 30px;
    width: 106px;
    margin-right: 2px;
    background: transparent;
    color: #000;
    border: 1px solid #121212;
    margin-bottom: 7px;

}

.donation-amount button:hover {

    color: #fff;
    background-color: #0f183f;
    border: none;

}

.donation-method{

    background-color: #f6efe4;

    padding: 30px 30px;

    margin-top: 75px;

}

.donation-method h4{

    font-size: 20px;

    font-family: 'Oswald', sans-serif;

    font-weight: 400;

}

.form-check label{

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}

.form-check p{

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    color: #82817f;

}

.custom-control-label {

    font-size: 14px;

    font-weight: 400;

    font-family: 'Poppins', sans-serif;

}

.clr-brwn{

    color: #064926;

    text-decoration: underline;

}

.donatenow-btn{

    width: 100%;

    text-align: center;

    background-color: #064926;

    padding: 10px;

    margin-top: 20px;

}

.donatenow-btn a{

    width: 100%;

    color: #fff;

    font-size: 24px;

    font-family: 'Oswald', sans-serif;

    font-weight: 400;

}
.main {
    margin-top: 100px;
    margin-bottom: 125px;
}
.contribute h1 {
    font-size: 28px;
    line-height: 43px;
    margin: 0 0 20px;
}
.selectpicker {

    width: 100%;

    height: 35px;

    padding: 0 20px;

    margin-bottom: 20px;
    /*margin-top: 20px;*/

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    border:1px solid #dbdbdb;

}
.contribute .row {
    padding: 0 !important;
}
.btn-primary:focus {
       box-shadow: 0 0 0 0.2rem rgb(215 21 39) !important;

}
.contribute {
    margin-top: 37px;
}
button.don-sub-btn {
    transition: all 0.5s;
    position: relative;
    border: 1px solid #b31106;
    background-color: #b31106;
    color: #fff;
    font-family: "Roboto-Regular";
    display: inline-block;
    padding: 7px 42px;
    margin-top: 12px;
    font-size: 20px;
        cursor: pointer;

}
button.don-sub-btn:hover{
    background-color: transparent;
    color: #b31106;
    border-color: #b31106;
}
/*donate end*/
/*under construction modal*/
#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
    background: rgb(0 0 0 / 85%);
			z-index: 99999;
			height: 100%;
			width: 100%;
			/*display: none;*/
	}
.modalPopup {
			position: absolute;
		    top: 50%;

			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			width: 50%;
			/*padding: 0 0 30px;*/
			-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
	}
.modalContent {
    /*padding: 0 2em; */
    text-align: center;
}
.headerBar {
		width: 100%;
		background: #edcb04 url(http://cognex.com/gfx/site/bg-global-header.png) repeat-x 0 0;
		margin: 0;
	  text-align: center;
	}
.headerBar img {
		margin: 1em .7em;
	}
h1 {
  margin-bottom: .2em;
  font-size: 26px;
  /*text-transform: capitalize;*/
}
p {margin: .75em 0 1.5em;}
.buttonStyle {
		border: transparent;
		border-radius: 0;
		background: #6d6d6d;
		    margin-top: 20px;
		    display: none;
		color: #eee !important;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		padding: 6px 25px;
		text-decoration: none;
		background: -moz-linear-gradient(top, #6d6d6d 0%, #1e1e1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#1e1e1e));
		background: -webkit-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: -o-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: -ms-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: linear-gradient(to bottom, #6d6d6d 0%,#1e1e1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1e1e1e',GradientType=0 );
	/*	-webkit-box-shadow: 0 2px 4px 0 #999;
		box-shadow: 0 2px 4px 0 #999; */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	.buttonStyle:hover {
		background: #1e1e1e;
		color: #fff;
		background: -moz-linear-gradient(top, #1e1e1e 0%, #6d6d6d 100%, #6d6d6d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#6d6d6d), color-stop(100%,#6d6d6d));
		background: -webkit-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: -o-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: -ms-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: linear-gradient(to bottom, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#6d6d6d',GradientType=0 );
	}
.returnToProfile {text-align: center; margin:3em;}
.returnToProfile a, .returnToProfile a:visited {color: #ddd;}
.returnToProfile a:hover {color: #fff;}
.modalContent img {
    width: 100%;
}
/*under construction modal*/
div#navbarCollapse {

    flex-direction: row-reverse;

}

.top-row .row {

    display: flex;

    align-items: center;

}


header.under-cons img {
    width: 100%;
    height: 100vh;
}
/*Header Css Start*/

.terms span {
    font-size: 16px;
    font-family: 'Roboto-Regular';
    font-style: italic;
    display: block;
    margin: 10px 0px;
}
.terms p, .terms ul li {
    font-size: 16px;
    margin: 16px 0px;
}
.terms h1 {
    color: #b31106;
    font-size: 46px;
}
.terms h2 {
    color: #0F183F;
    font-size: 28px;
    margin: 22px 0px;
}
section.sec-terms {
    padding: 30px 0px;
}
.terms-blk {
    text-align: center;
}
.terms p span{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
        font-style: initial;
            margin: 0;


}
.terms ul li span{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
        font-style: initial;

}
.terms ul li {
    margin-left: 33px;
}
/*Menu Css Start*/





.menu {

    position: static !important;

    float: left;

    color: #fff;

    text-transform: uppercase;

    font-weight: 800;

}



.button_container {

    position: relative;

    width: 35px;

    cursor: pointer;

    transition: opacity .25s ease;

    z-index: 999;

    display: inline-block;

    height: 30px;

}

.button_container::after {
    position: absolute;
    content: 'MENU';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.button_container:hover {

  opacity: .7;

}

.button_container.active::after {
    color: #0f183f;
}

.button_container.active .top {

  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);

          transform: translateY(11px) translateX(0) rotate(45deg);

    background-color: #0f183f;



}

.button_container.active .middle {

  opacity: 0;

  background: #ffb200;

}

.button_container.active .bottom {

  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);

          transform: translateY(-11px) translateX(0) rotate(-45deg);

    background-color: #0f183f;




}

.button_container span {

        background: #ffffff;



    border: none;

    height: 2px;

    width: 80%;

    position: absolute;

    top: 0px;

    left: -60px;

    transition: all .35s ease;

    cursor: pointer;

    margin-top: 6px;

}

.button_container span:nth-of-type(2) {

 top: 11px;

    left: -66px;

}

.button_container span:nth-of-type(3) {

  top: 22px;

}

.overlay-menu h1 {

    color: #fff;

}

.overlay {

    position: fixed;

        background: #ffffffeb;



    top: 0;

    left: 0;

    width: 100%;

    height: 0%;

    opacity: 0;

    visibility: hidden;

    transition: opacity .35s, visibility .35s, height .35s;

    overflow: hidden;

    z-index: 9;

}

.banner-txt1 a span, .drop-txt a span, .donate-blk a span, .heart-txt a span, .nutrition-blk a span, .green-blk a span {

    display: inline-block;

    margin-left: 10px;

}

.overlay.open {

  opacity: .9;

  visibility: visible;

  height: 100%;

}

.overlay.open li {

  -webkit-animation: fadeInRight .5s ease forwards;

          animation: fadeInRight .5s ease forwards;

  -webkit-animation-delay: .35s;

          animation-delay: .35s;

}

.overlay.open li:nth-of-type(2) {

  -webkit-animation-delay: .4s;

          animation-delay: .4s;

}

.overlay.open li:nth-of-type(3) {

  -webkit-animation-delay: .45s;

          animation-delay: .45s;

}

.overlay.open li:nth-of-type(4) {

  -webkit-animation-delay: .50s;

          animation-delay: .50s;

}

.overlay nav {

  position: relative;

  height: 70%;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  font-size: 50px;

  font-weight: 400;

  text-align: center;

}

.overlay ul {

  list-style: none;

  padding: 0;

  margin: 0 auto;

  display: inline-block;

  position: relative;

  height: 100%;

}

.overlay ul li {

  display: block;

  position: relative;

  opacity: 0;

}

.overlay ul li a {
    display: block;
    position: relative;
    color: #0f183f;
    text-decoration: none;
    overflow: hidden;
        font-family: 'Roboto-Bold';

    line-height: 60px;
    font-size: 20px;
    background-color: transparent;
    border: none;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {

  width: 100%;

}

.overlay ul li a:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  height: 3px;

  background: #fde984;

  transition: .35s;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    left: 20%;

  }

  100% {

    opacity: 1;

    left: 0;

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    left: 20%;

  }

  100% {

    opacity: 1;

    left: 0;

  }

}

.mob-menu {

    float: right;

} 



/*Header Css End*/


.section-banner img {
    width: 100%;
    /*height: 100%;*/
}

.section-banner-1 img {
    height: 100%;
}


/*section banner css start*/









.banner-txtt {

    position: absolute;

    top: 0;

    left: 0px;

    right: 0;

    bottom: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.banner-txtt img {

    /*width: 10% !important;*/

    height: auto !important;

}

img.auto {

       width: 16% !important;
    position: relative;
    bottom: 67px;
}



.banner-inn1 {

    position: absolute;

    /*bottom: 122px;*/
    bottom: 80px;

    right: 0;

    left: 0;

}



.banner-inn1 h1 {

    line-height: 0.8;

    color: #fff;

    font-family: "Roboto-Light";

    font-size: 60px;

}

.banner-inn1 span {color: #fff;font-family: "Roboto-Bold";font-size: 54px;}

 .banner-inn1 p {

    font-size: 25px;

    width: 609px;

    line-height: 32px;

    margin: 0 auto;

    margin-top: 20px;

}

/*section banner css end*/





/*section about css start*/





section.about-sec {

    position: relative;

    padding: 0px 0px 90px;

        padding-top: 90px;



}

  

.logo-class {

    width: 15%;

    text-align: center;

}

.accordion {

    /*background-color: #fff;*/
background-color: transparent;
    color: #0f183f;

    cursor: pointer;

    padding: 18px 18px 0px 30px;

    width: 100%;

    border: none;

    text-align: left;

    outline: none !important;

    font-size: 15px;

    transition: 0.4s;

}

.active, .accordion:hover {

    color: #d30e00;


}



.panel {

  display: none;

  /*background-color: white;*/
  background-color: transparent;

  overflow: hidden;

}

header.clearHeader {

    position: absolute;

    width: 100%;

    z-index: 9999999999;

    padding-top: 16px;

}

header.clearHeader .container-fluid {

    padding: 0px 33px;

}

button.accordion.active:after {

    content: "\2212";

} 



button.accordion {

    margin: 10px 0px 10px 0px;

    width: 82%;

    font-size: 25px;

    font-family: "Poppins-Regular";

    position: relative;

}





button.accordion::after {

    content: '\002B';

    color: #0f183f;

    font-weight: bold;

    float: right;

    margin-left: 5px;

    border: 1px solid;

    padding: 0 7px;

    font-size: 16px;

}





button.accordion::before {

    content: '';

    display: inline-block;

    position: absolute;

    width: 23px;

    height: 2px;

    background-color: #d42222;

    bottom: 15px;

    right: 0;

    left: 0px;

}
.Scope-sec{
    background-image: url('../images/hisotory.png');
    background-repeat: no-repeat;
    background-size: cover;
}


.desc-blk h6 {

    font-family: "Roboto-Bold";

    color: #0f183f;

    font-weight: bold;

    font-size: 15px;

    margin-left: 12px;

}

.desc-blk h1 {

    font-family: "Roboto-Bold";

    color: #d30e00;

    font-weight: bold;

    font-size: 58px;

}
.cap{
    text-transform: capitalize !important;
}
.desc-blk p {

    color: #0f183f;
    font-weight: bold;

    font-family: "Poppins-Regular";

    margin: 0;

    line-height: 28px;
    margin-bottom: 17px;

    font-size: 16px;

text-transform: lowercase;
    width: 84%;
    text-transform: lowercase;

}

.desc-blk a {

    transition: all 0.5s;

    position: relative;

    border:1px solid #b31106;

    background-color: #b31106;

    color: #fff;

    font-family: "Roboto-Regular";

    display: inline-block;

    padding: 10px 40px 10px 27px;

    margin-top: 40px;

}



.desc-blk a span{

    color: #fff;

    margin-left: 15px;

}



.desc-blk a:hover{

    transform: scale(1.1);

    text-decoration:none !important;  

}

/*.desc-blk a::after {

    content: '';

    display: inline-block;

    position: absolute;

    width: 19px;

    height: 1px;

    background-color: #ffffff;

    bottom: 21px;

 

}*/



.list-blk h3 {

    text-transform: uppercase;

    color: #c1c1c1;

    font-size: 33px;

    font-family: 'Roboto-Regular';

    margin-bottom: 40px;

}



.list-blk h6 {

    line-height: 26px;

    font-family: "Roboto-Regular";

    color: #0f183f;

    font-size: 23px;

}



.list-blk span{

font-family: "Roboto-Bold";

    color: #ff1100; 

}



.list-blk ul {

    padding: 20px 34px;

}

.list-blk ul li {

    position: relative;

    list-style: none;

    color: #0f183f;

    font-family: "Roboto-Medium";

    margin-top: 7px;

}



.list-blk ul li::before {

   content: '';

    display: inline-block;

    position: absolute;

    width: 13px;

    height: 2px;

    color: #0f183f;

    background-color: #0f183f;

    bottom: 12px;

    left: -30px;

}





.list-blk a {

    transition: all 0.5s;

    position: relative;

    border: 1px solid #b31106;

    background-color: #b31106;

    color: #fff;

    font-family: "Roboto-Regular";

    display: inline-block;

    padding: 10px 40px 10px 27px;

    margin-top: 24px;

}



.list-blk a:hover {

transform: scale(1.1);

    text-decoration:none !important;  

}

.list-blk a span{

    color: #fff;

    margin-left: 15px;

}





/*.list-blk a::after {

    content: 'Ã¢â€ â€™';

    display: contents;

    position: absolute;

  background-color: #ffffff;

    bottom: 21px;

 

}

*/

.logo-blk {

    position: absolute;

    bottom: -75px;

    left: auto;

    right: -40px;

}



.logo-blk img {

    width: 320px;

}



/*section about css end*/



/*section green banner  css start*/



.section-banner img {

    width: 100%;

}



a.logo img {

    width: 40%;

}



.banner-txt {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50px;

    right: 0;

    display: flex;

    align-items: center;

    z-index: 9999;

}



.section-banner {

    position: relative;

}



.logo-side1 {

    width: 85%;

    position: absolute;

    top: 50px;

    right: auto;

    left: -60px;

}





.green-blk h4 {
    font-family: "Roboto-Bold";
    color: #6d8c08;
    display: inline-block;
    width: 70%;
    margin: 0;
    padding-bottom: 10px;
}

.green-blk p {
    color: #0f183f;
    text-transform: lowercase;
    margin: 0;
    line-height: 45px;
        margin-top: 24px;

}

.green-blk a {
    transition: all 0.5s;
    color: #fff;
    display: inline-block;
    padding: 10px 40px 10px 27px;
    margin-top: 24px;
}

.innov-txt2 {
    border: 2px solid #1624611f;
}
.innov-txt2:hover {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.green-blk a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}

.green-blk a span{

    color: #fff;

    margin-left: 15px;

}







/*section green banner  css end*/





/*section shoe css start*/



section.shoe-sec{

    height: 100vh;

    background-image: url(../images/shoe-img.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.shoe-blk h1 {

    font-size: 70px;

    color: #fff;

    font-family: "Roboto-Bold";

}



.shoe-blk p {

    color: #fff;

    font-size: 22px;

    font-family: "Roboto-Bold";

    width: 50%;

    margin: 0 auto;

}

.shoe-blk {

    text-align: center;

    position: relative;

    top: 120px;

}

.shoe-blk a {

    transition: all 0.5s;

 

    border: 2px solid #b31106;

    background-color: #b31106;

    color: #fff;

    font-family: "Roboto-Regular";

    display: inline-block;

    padding: 10px 40px 10px 27px;

    margin-top: 24px;

}



.shoe-blk a span{

    color: #fff;

    margin-left: 15px;

}

.shoe-blk  a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}



/*section shoe css end*/

/*section nutrition css start*/












.nutrition-blk h4 {
    font-family: "Roboto-Bold";
    color: #fff;
    display: inline-block;
    width: 90%;
}


.banner-txt1 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    text-align: center;

    z-index: 99999;

}



.cardiac-txt {

    padding-top: 70px;

}



.cardiac-txt h4 {
    color: #fff;
    position: relative;
    right: 0;
    padding-bottom: 0px;
    font-family: 'Roboto-Bold';
}


.cardiac-txt p {
    color: #fff;
    text-transform: lowercase;
    display: inline-block;
    width: 41%;
    font-family: 'Roboto-Regular';
    margin-top: 40px;
}





.cardiac-txt a {
    display: inline-block;
    color: #fff;
    padding: 14px 49px;
    font-size: 19px;
}

.nutrition-blk p {
    color: #0f183f;
    display: inline-block;
    width: 100%;
    word-spacing: 2px;
    
}


.nutrition-blk a {
    transition: all 0.5s;
    color: #fff;
    display: inline-block;
    padding: 11px 30px;
}

.nutrition-blk a img {

    width: auto;

}

.nutrition-blk a span{

    color: #fff;

    margin-left: 15px;

}



.nutrition-blk  a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}



.nutrition-blk {

    position: relative;

    left: 130px;

}

/*section nutrition css end*/



.col-md-6.fb-feed {
    text-align: center;
    padding: 20px 0px;
}
.fb{
    background: #4267B2;
}
.insta{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
/*section  drop css start*/

.banner-txt2 {
    position: absolute;
    top: 0;
   /* bottom: 0;*/
    left: 9%;
    display: flex;
    align-items: center;
    z-index: 999;
        width: 100%;
}

.section-banner video {
    width: 100%;
}

.drop-txt {

    position: relative;
    left: 93px;

    top: 70px;

}





.drop-txt a span{

    color: #fff;

    margin-left: 15px;

}

.drop-txt  a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}





.drop-txt h4 {
    color: #fff;
    display: inline-block;
    width: 73%;
    font-size: 59px;

}

.drop-txt p {
    color: #fff;
    text-transform: lowercase;
    display: inline-block;
    width: 43%;
    margin-top: 43px;

}

.drop-txt a {
    transition: all 0.5s;
    color: #fff;
    display: inline-block;
    padding: 5px 17px;
}







/*section  drop css end*/



/*section  heart css start*/



.banner-txt3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 999999999999999999;
}



.heart-txt {

    margin-bottom: 119px;
}



/*.sticky-window span img {*/

/*    width: auto;*/

/*}*/
.badge-txt ul li {
    font-size: 18px;
    color: #d30e00;
}
.badge-txt p {
    font-size: 18px;
}
.badge-txt h3 {
    color: #0f183f;
    font-size: 31px;
}
.badge-txt p a {
    cursor: pointer;
}
section.sec-badge {
    margin-bottom: 36px;
}
.heart-txt h4 {
    color: #506708;
    font-family: "Roboto-Bold";
    width: 100%;
    display: inline-block;
        /*margin-bottom: 24px;*/

}

.badge-img img {
    width: 25%;
}
.badge-img {
    text-align: center;
}
.heart-txt p {
    width: 100%;
    color: #0f183f;
    display: inline-block;
    line-height: 56px;
    text-transform: lowercase;
}


.heart-txt a {
    transition: all 0.5s;
    color: #fff;
    display: inline-block;
    padding: 8px 18px;
    margin-top: 10px;
}

.heart-txt  a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}



.heart-txt a span{

    color: #fff;

    margin-left: 15px;

}



/*section  heart css end*/





/*section  slider css start*/






.donate-blk h4 {
    color: #fff;
}





.donate-blk a {
    transition: all 0.5s;
    color: #fff;
    display: inline-block;
    padding: 6px 26px;
    margin-top: 20px;
}


.donate-blk  a:hover{

    text-decoration: none !important;

    background:transparent;

    border: 2px solid #fff;

}







.donate-blk p {
    color: #fff;
    display: inline-block;
    width: 87%;
    margin: 0;
    padding-bottom: 10px;
}


.donate-blk ul li span {
    display: inline-block;
    margin-left: 12px;
        font-size: 16px;
}
.donate-blk ul li {
    list-style: none;
    font-family: "Roboto-Regular";
    color: #0f183f;
    margin: 10px 0px;
    font-size: 20px;
    display: flex;
    align-items: flex-start;
}

.blog-txt ul li {
    font-size: 15px;
    margin-left: 40px;
    list-style: auto;
        font-style: italic;
}
.blog-txt ul {
    margin: 20px 0px;
}
.blog-txt h5 {
       font-size: 26px;
    margin: 15px 0px;
    color: #d30e00;
}










.testi-slide img {

    width: 100%;

}



 

.testi-slider::before {

    content: '';

    color: #fff;

    border-radius: 30px;

    padding: 100px;

    position: absolute;

    height: 375px;

    width: 540px;

    right: 0px;

    left: 45px;

    border: 1px solid #fff;

    bottom: 0px;

    top: 30px;

}

.testi-slider .slick-next:before {

    content: '\f178';

    font-family: 'FontAwesome';

    color: #ffffff;

}



.testi-slider .slick-prev:before {

    content: '\f177';

    font-family: 'FontAwesome';

    color: #ffffff;

    right: 25px;

   }



/*footer css start*/







.ul-blk ul li {

    font-family: "Roboto-Bold";

    list-style: none;

}





.ul-blk ul li a {

    color: #03467c;

    text-transform: uppercase;

    font-size: 21px;

    line-height: 65px;

}





.ul-blk ul li a:hover { 

    color: #fff !important;

    text-decoration: none !important;

}





.image-blk img {

    width: 100%;

    border-radius: 26px;

}



.image-blk input {

    outline: none;

    border: 1px solid #b5b5b5;

    color: #0f183f;

    padding: 15px 20px;

    border-radius: 25px;

    width: 100%;

}



.image-blk button {

    background-color: #0f183f;

    color: #fff;

    border: none;

    position: absolute;

    right: 24px;

    font-size: 18px;

    padding: 10px 15px;

    border-radius: 25px;

    cursor: pointer;

    margin-top: 6px;

}

.image-blk form {

    margin: 20px 0;

}

.image-blk h3 {

    font-family: "Roboto-Bold";

    color: #fff;

    font-size: 37px;

    margin: 0;

    padding-bottom: 15px;

}



.image-blk p {

    color: #fff;

    font-family: "Roboto-Regular";

    font-size: 21px;

}



.image-blk a {

    transition: all 0.5s;

    color: #fff;

    font-family: "Roboto-Regular";

    font-size: 20px;

}



.image-blk a span{

     color: #fff;

     float: right;

 

}

.image-blk a:hover {

  transform: scale(1.3);

  text-decoration: none !important;

 

}





/*footer css end*/





/*theuro page CSS Start*/

.snail-main-div img {
    width: 100%;
}

.snail-main-div {
    position: relative;
        padding: 50px 0 0 0;
}

.snail-main-txt {
    
    display: block;
    
}
.snail-main-div img {
    max-width: 800px;
    display: block;
    margin: 0 auto;
    border-radius: 15px;
}
.book-club-txt {
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
}

.book-club-txt h3 {
    font-size: 30px !important;
}


.banner-txt-01 {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 802px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bk-div h5 {
    font-size: 35px;
    margin-bottom: 20px;
    color: #0f183f;
}
.bk-div {
    margin-top: 80px;
}
.bkbk img {
    width: 100%;
}
.bkbk {
  position: relative;

}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.text a img {
    width: 11%;
    background-color: #0f183f;
    padding: 6px 6px;
}

.overlay2 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
    background-color: #0f183fd9;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.bkbk:hover .overlay2 {
  bottom: 0;
  height: 100%;
}
.text a:hover {
    background-color: transparent;
    border-color: #fff;
    text-decoration: none;
        color: #fff;

}
.text a {
   background-color: #b31e16;
    color: #fff;
    padding: 10px 0px;
    border: 1px solid #b31e16;
    display: inline-block;
    width: 326px;
    margin: 10px;
    font-size: 15px;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.theuro-blk h4 {
    font-size: 70px;
    font-family: 'Roboto-Bold';
    color: #b31106;
}

.theuro-blk h6 {
    font-size: 35px;
}

.theuro-blk {
    margin-left: 0;
}

.theuro-blk p {
    font-size: 20px;

    color: #0f183f !important;

}



.book-club-img-blk img {

    width: 100%;

    border-radius: 30px;

}



.book-club-txt h4 {
    font-size: 40px;
    color: #b31106;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
}

.book-club-txt p {
    font-size: 20px;
    margin: 0;
        

}



.book-club-txt h5 {

    font-size: 20px;

    color: #0f183f;

    font-family: Poppins-Bold;

}



.book-club-txt h3 {

    font-size: 38px;

    text-transform: uppercase;

    display: inline-block;

    width: 70%;

    

}



.at-home-txt {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.at-home-img {

    position: relative;

}



.at-home-img img {

    width: 100%;

}




.at-home-txt a{
      color: #0f183f;
    margin-bottom: 25px;
    display: inline-block;
}
.at-home-txt a:hover{
        color: #0f183f;
        text-decoration: underline;
}
.at-home-txt h4 {

    font-size: 45px;


    text-transform: uppercase;

    margin: 0;

}



.at-home-txt h5 {

    font-size: 80px;

    text-transform: uppercase;

    font-family: 'Poppins-Bold';

}



.flowr-img img {
    width: 100%;
    padding: 0px 0px;
    height: 400px;
    object-fit: cover;
}

.flowr-img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}




.flower-txt h4 {

    font-size: 74px;

    color: #0f183f;

    text-transform: uppercase;

}

.flower-txt h5 {
    font-size: 60px;
    text-align: left;
}

.flower-txt {
    text-align: left;
}

.flower-txt ul li {
    font-size: 20px;
    margin: 0px 40px;
}



section.orgami-flower-sec {

    padding: 90px 0px;

}



section.book-club-sec {

    /*padding: 80px 0px;*/
    padding-bottom: 80px;

}



section.book-club-sec .row {

    display: flex;

    align-items: center;
    justify-content: center;

}



section.orgami-flower-sec {

    padding: 90px 0px;

}





section.orgami-flower-sec .row {

    display: flex;

    align-items: center;

    text-align: end;

}







/*theuro page CSS end*/





/*cardiac-fitness Css Start*/

.banner-txt-02 {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.card-fit-txt-blk {

    margin-top: 30px;

    line-height: 50px;

}



.card-fit-img img {

    width: 80%;

    border-radius: 40px;

}



.card-fit-txt-blk h5 {
    font-size: 45px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;

    letter-spacing: 3px;

    font-family: 'Roboto-Bold';

}



.card-fit-txt-blk h4 {

    color: #fff;

    font-size: 34px;

    font-family: 'Roboto-Bold';
        padding-bottom: 10px;


}
.sec2 .nutrition-blk{
    position: absolute !important;
}

.card-fit-txt-blk ul li {color: #fff;font-size: 20px;float: left;line-height: 25px;list-style: none;width: 100%;margin-bottom: 10px;}
section.breathing-sec {
    padding: 40px 0px;
}

.card-fit-img img {
    width: 70%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.breathing-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;

}
.breathing-txt h4 {
    font-size: 53px;
    text-transform: uppercase;
    color: #00365c;
    margin: 20px 0px;
}
.card-fit-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.breathing-sec .row {
    display: flex;
    align-items: center;
}
.card-fit-txt-blk ul li a{
    color: #fff;
    text-decoration:
    none;
    display: flex;
    align-items: center;
    font-size: 11px;
    line-height: 22px;
}

.card-fit-txt-blk li img {
        width: 100%;
    float: left;
    margin-right: 20px;
    max-width: 35px;
}



p.tquote {
    font-size: 36px;
    font-style: italic;
}




/*cardiac-fitness Css end*/





/*tech-finance CSS start*/



.banner-txt-03 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;
    text-align: center;

}





.tech-finance-txt-blk h4 {

    font-size: 65px;

    font-family: 'Roboto-Bold';

    color: #fff;

    margin: 0;

    padding-bottom: 20px;

}



.tech-finance-txt-blk p {

    font-size: 18px;

    color: #fff;

    font-family: 'Roboto-Bold';

    margin: 0;
    text-transform: lowercase;

    padding-bottom: 20px;

}



.tech-finance-txt-blk h5 {

    color: #fff;

    font-size: 29px;

    font-family: 'Roboto-Bold';

    margin: 0;

    padding-bottom: 20px;

}



.underline::before {

   content: '';
    position: absolute;
    /* border-bottom: 4px solid #FFF; */
    width: 157px;
    height: 3px;
    z-index: 0;
    background-color: #fff;
    bottom: 0;

}

section.innovation-sec .row {
    flex-direction: row-reverse;
}
section.donate-sec .row {
    flex-direction: row-reverse;
}


.donate-img img {

    width: 100%;

    border-radius: 30px;

}



section.innovation-sec {

    padding: 70px 0px;

}







.donate-txt p {

    font-size: 23px;

    color: #0f183f;

    font-family: 'Roboto-Regular';

    width: 83%;

}



.donate-txt a {

    background-color: #b31106;

    color: #fff;

    padding: 10px 58px;

    display: inline-block;

}

section.donate-sec {
    padding-bottom: 30px;
}

section.donate-sec .row {

    display: flex;

    align-items: center;

}



.donate-txt p {

    font-size: 23px;

    color: #0f183f;
    text-transform: lowercase;

    font-family: 'Roboto-Regular';

    width: 83%;
/*
    line-height: 45px;*/

}



.innov-img img {

    width: 100%;

}



.innov-txt h4 {

    font-size: 50px;

    color: #b31106;

    font-family: 'Roboto-Bold';
   

    text-transform: uppercase;

}



.innov-txt p {

    color: #0f183f;

    font-size: 20px;

    width: 59%;

    font-family: 'Roboto-Regular';

}

.innov-txt2 p {

    color: #0f183f;
    padding: 0px 20px;

    font-size: 16px;

    font-family: 'Roboto-Regular';

}
section.sec-feeds {
    height: 848px;
    overflow: hidden;
}

.fb-h h5 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 15px;
}
.innov-txt2 h4 {

    font-size: 30px;

    color: #b31106;

    font-family: 'Roboto-Bold';
 padding: 0px 20px;
    text-transform: uppercase;

}
.innov-txt2 img{
    width: 100%;
        margin-bottom: 20px;

}
section.innovation-sec .row {

    display: flex;

    align-items: center;

}



.innov-txt {

    float: right;

}





/*tech-finance CSS end*/





.donation-img-blk img {

    width: 50% !important;

}
.donation-img-blk {
    text-align: center;
}


.donation-txt h4 {    font-size: 55px;
color: #d30e00;font-family: 'Roboto-Bold';}



.donation-txt p {font-size: 16px;color: #0f183f;font-family: 'Roboto-Regular';width: 90%;}



.donation-txt h5 {

    font-size: 21px;

    text-transform: uppercase;

    color: #00365c;

    font-family: 'Roboto-Medium';

}



section.donation-sec .row {

    display: flex;

    /*align-items: center;*/

    padding: 160px 0px 50px;

}



.banner-txt-09 {

    position: absolute;

    top: 0;

    bottom: 30px;

    left: 0;

    right: 0;

    display: flex;

    align-items: end;

}

.donation-proceeds-book {
    width: 13%;
    margin-bottom: 26px;
}
.donation-proceeds-cmng h4 {
    font-size: 27px;
    color: #d30e00;
}

.donation-proceeds-cmng ul li {
    font-size: 18px;
}

.donation-proceeds-cmng ul {
    margin-left: 22px;
}
.donation-proceeds-book .bkbk .overlay2 .text a {
        width: 130px;
    font-size: 12px;
    padding: 7px;
    position: relative;
    z-index: 9999;
}
.donation-proceeds-book .bkbk .overlay2 .text a img {
    width: 18%;
}
.donation-proceeds-cmng p {
    font-size: 18px;
    margin: 13px 0;
}
.donation-proceeds {
    margin-bottom: 30px;
}
.donation-proceeds h3 {
    font-size: 30px;
    line-height: 43px;
    margin: 0 0 20px;
}

.banner-txt-09 {

    position: absolute;

    top: 0;

    bottom: -19px;

    left: 0;

    right: 0;

    display: flex;

    align-items: end;

}
.copyright-div p {
    margin: 0 0;
    font-size: 18px;
    color: #fff;
}
.copyright-div {
    background-color: #d30e00;
    text-align: center;
    padding: 5px;
}


.ment-health-txt-blk h4 {

    font-size: 55px;

    color: #fff;

    margin: 0;

    font-family: 'Roboto-Bold';

    padding-bottom: 15px;

}



.ment-health-txt-blk p {
    font-size: 19px;

    color: #fff;

    font-family: 'Roboto-Regular';

    display: inline-block;

    width: 70%;

}
.care-giver-txt-blk h5 {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 30px;
    font-family: 'Roboto-Bold';
    width: 100%;
}
.care-giver-txt-blk h5 {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 19px;
    font-family: 'Roboto-Bold';
    width: 100%;
}

.care-giver-txt-blk ul li a {
    color: #fff;
    font-size: 14px;
}

.care-giver-txt-blk ul li {
    list-style: none;
    margin-bottom: 16px;
}

.care-giver-txt-blk ul li p {
    color: #fff;
    font-size: 20px;
    width: 100%;
    line-height: 33px;
    margin-top: 120px;
    position: inherit;
}
.ment-health-txt-blk p a {
    color: #fff;
    font-weight: 600;
}


.comun-img-blk img {

    width: 100%;

}



section.comun-poe-sec .row {

    display: flex;

    align-items: center;

}



.comun-txt-blk small {

    color: #0f183f;

    font-size: 13px;

    font-family: 'Roboto-Regular';

    margin: 0;

}



.comun-txt-blk h5 img {
    width: 204px;
    margin-left: 5px;
}
.comun-txt-blk h5 {
    font-size: 36px;
    font-family: 'Roboto-Medium';
    font-style: italic;
    font-weight: 700;
    padding-top: 4px;
    color: #d30e00;
}

.comun-txt-blk p {

    font-size: 20px;

    width: 100%;

    display: inline-block;

    color: #0f183f;

    font-family: 'Roboto-Regular';

    margin: 0;

}



.comun-txt-blk .membtn {

    background-color: #b31106;

    color: #fff;

    padding: 8px 30px;

    display: inline-block;

    margin-top: 20px;

}

.comun-txt-blk p a {
    font-size: 20px;
    color: #0f183f;
        font-weight: 600;

}

section.comun-poe-sec {

    padding: 70px 0px;

}





.banner-txt-10 {

    position: absolute;

    top: 100px;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

}
.mind-txt ul {
    margin-left: 32px;
}

.mind-txt ul li {
    font-size: 15px;
    line-height: 30px;
}


.care-giver-txt-blk h4 {

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

    font-size: 60px;

    font-family: 'Roboto-Bold';

    width: 100%;

}



.care-giver-txt-blk p {

    color: #fff;

    font-size: 22px;

    display: inline-block;

    width: 70%;

    line-height: 45px;

}



.mind-img img {

    width: 100%;

}



.mind-txt h4 {

    color: #0f183f;

    font-size: 48px;

    text-transform: uppercase;

    font-family: 'Roboto-Light';

}

.mind-txt h4 span {

    font-family: 'Roboto-Bold';

}



.mind-txt a {

    background-color: #b31106;

    color: #fff;

    padding: 8px 45px;

    display: inline-block;

}



section.mind-sec .row {

    display: flex;

    align-items: center;

}



section.mind-sec {

    padding-top: 70px;

}





.scope-img-blk img {

    width: 100%;

}



section.Scope-sec .row {

    display: flex;

    align-items: center;

    padding: 150px 0px;

}


.cope-care-sec{
    background-image: url('../images/abt-bnr2.png');
        background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px;
}
.cope-care-title h4 {

font-size: 50px;

color: #fff;

width: 100%;

font-family: 'Roboto-Bold';

margin: 0;

padding-bottom: 40px;

text-align: center;
}

.cope-care-title h4 img {
    width: 300px;
}


.cope-care-title small {
    color: #fff;

    font-size: 13px;

    font-family: 'Poppins-Regular';

    font-weight: 700;

}





.cope-care-title small {

       font-size: 19px;


    font-family: 'Roboto-Bold';

    font-weight: 700;

}



.heading-blk h4 {

    /*color: #b31106;*/
    font-size: 30px;
color: #fff;
    font-size: 30px;

    font-family: 'Poppins-Regular';

}



.heading-blk p {
    color: #fff;
    font-size: 16px;
    text-transform: lowercase;
    font-family: 'Poppins-Regular';

}


section.cope-care-sec {
    padding-bottom: 30px;
}
.heading-img-blk img {

    width: 95%;

    border-radius: 20px;

}





.heading-blk {

    margin: 30px 0px;

}





.team-img-blk img {

    width: 100%;

    border-radius: 30px;

}



section.team-sec {

    padding: 90px 0px;
        padding-bottom: 41px;

}





.history-img img {

    width: 100%;

    border-radius: 30px;

}





.history-txt h4 {

    font-size: 30px;

    color: #b31106;

    font-family: 'Poppins-Regular';

}



.history-txt p {

    font-size: 15px;

    width: 94%;

    font-family: 'Poppins-Regular';

}





section.history-sec .row {

    display: flex;

    align-items: center;

}



section.history-sec {

    padding: 70px 0px;

}





.team-txt h4 {

    font-size: 50px;
    margin: 0;

    text-transform: uppercase;

    font-family: 'Roboto-Bold';

    color: #fff;

    position: relative;

}



.team-txt p {

    font-size: 20px;

    display: inline-block;

    width: 40%;

    margin: 0px 20px;

    color: #fff;

}



.team-txt {

    display: flex;
    align-items: center;

    position: absolute;

    bottom: 59px;

    right: 310px;

    background-color: #0f183f;

    width: 1050px;

    justify-content: center;

}



.team-img-blk {

    position: relative;

}









/*Nutrition CSS Start*/

.tab {

  overflow: hidden;

}



/* Style the buttons that are used to open the tab content */

.tab button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

}





/* Create an active/current tablink class */

.tab button.active {

  border-bottom: 2px solid #0f183f;

}



/* Style the tab content */

.tabcontent {

    display: none;

    padding: 6px 12px;

    border-top: none;

    animation: fadeEffect 1s;

}

@keyframes fadeEffect {

  from {opacity: 0;}

  to {opacity: 1;}

}



section.nutrition-sec img {

    width: 100%;

}

/*.sticky-window span img {*/

/*    width: auto !important;*/

/*}*/

.nutrition-blk {
/*    position: absolute;
*/    bottom: 0px;
}


.nutrition-blk-hom p {
    color: #fff;
        margin-top: 24px;

}
.donate-sec video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
section.nutrition-sec {

    position: relative;

}

.nutrition-blk h3 {

        font-size: 55px;

    color: #d30e00;

}

.sticky-window {

      height: 94vh;


}
.mystyle img.cvr {
    height: 100vh !important;
}
.banner-sec img {

    /*width: 100%;*/

    height: 100vh;

    object-fit: cover;

    object-position: center;

}
img.title-logo {
    width: 333px;
}
/*Nutrition CSS End*/

.banner-sec video {

    width: 100%;

    height: 100vh;

    object-fit: cover;

    object-position: center;

}

.paper-plane {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    z-index: 99;

    top: 0;

}

.paper-plane img {

    width: 10%;

    margin: 0 auto;

}



.paper-plane2, .paper-plane3, .paper-plane4, .paper-plane5, .paper-plane6, .paper-plane7 {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    z-index: 99;

    top: 0;

}

.paper-plane2 img, .paper-plane3 img, .paper-plane4 img, .paper-plane5 img, .paper-plane6 img, .paper-plane7 img {

    width: 10% !important;

    margin: 0 auto;

}



.rain {

    position: absolute;

    top: 0;

    z-index: 999;

    width: 100%;

    height: 100vh;

    left: 0;

}

/*.cvr {

    filter: blur(5px);

}*/

/*social media*/

section.sec-social {background-color: #0f183f;padding: 54px 0px;/*    margin-top: 20px;*/}

.div-social span {

    font-size: 27px;

    color: #ffffff;

    font-family: 'Roboto-Bold';

    position: relative;

}

.div-social span:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background-color: #fff;

    left: 0;

    bottom: -8px;

}

.div-social img {

        width: 26%;

    display: block;

    margin-bottom: 15px;

}

.div-social ul {

    padding-top: 19px;





}

/*.modal-header{

    background-color: #10193f;

}*/



/*.modal-header h4 {*/

/*    font-family: 'Poppins-Regular';*/

/*    font-size: 37px;*/

/*    color: #10193f;*/

/*}*/

label.tick-answer input {width: 6%;height: 15px;position: relative;top: 2px;}

label.tick-answer {
    width: 80%;
    display: flex;
    align-items: baseline;
    font-size: 15px;
    text-transform: capitalize;
}

.modal-header h5 {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    line-height: 25px;
}

.modal-dialog {
    min-width: 700px !important;
}

.modal-body input {

    width: 100%;

    padding: 10px;

    border: 1px solid #0f183f;
    margin-top: 13px;

    outline: none;

}
hr.sep {
    height: 2px;
    border: none;
    background-color: #00000030;
    margin-top: 27px;
}
.modal-body button {

    background-color: red;

    outline: none;

    border: 1px solid red;

    padding: 10px 20px;

    margin-top: 20px;

    color: #fff;
    font-size: 20px;

    font-family: 'Poppins-Regular';

}

.div-social ul li {

   text-decoration: none;

    display: inline-block;

       margin: 0px 32px;
    position: relative;
    z-index: 9999;
    margin-left: 0px;

}

.div-social ul li a{

  color: #fff;

      font-size: 36px;



}
.modal {
    background-color: #0f183f;
}

.div-social ul li a:hover{

       color: #d30e00;



}

.div-newslet span{

    font-size: 27px;

    color: #ffffff;

    font-family: 'Roboto-Bold';



      position: relative;

}

.div-newslet span:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background-color: #fff;

    left: 0;

    bottom: -8px;

}

.div-newslet button{

    display: inline-block;

    background-color: #d30e00;

    color: #fff;

    padding: 10px 20px;

    font-family: 'Poppins-Regular';

    display: inline-block;

        margin-top: 25px;

        border: 1px solid #d30e00;

        outline: none;
    font-size: 17px;



}

.div-newslet {

    text-align: right;

}

.div-newslet button:hover{

    text-decoration: none;

    background-color: transparent;

    border-color: #fff;

}

/*social media*/

/*Bubble Animation Start*/

.gooey {

    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;

    animation: morph 1s linear infinite;

    transform-style: preserve-3d;

    outline: 1px solid transparent;

    will-change: border-radius;

    height: 170px;

    width: 170px;

    /*background-color: #0f183f;*/

}



@keyframes morph{

  0%,100%{

  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;

    transform: translate3d(0,0,0) rotateZ(0.01deg);

  }

  34%{

      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;

    transform:  translate3d(0,5px,0) rotateZ(0.01deg);

  }

  50%{

    opacity: .89;

    transform: translate3d(0,0,0) rotateZ(0.01deg);

  }

  67%{

    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;

    transform: translate3d(0,-3px,0) rotateZ(0.01deg);

  }

}

div#cloud {

    position: relative;

    z-index: 999999;

}



div#canvas-block {position: inherit;z-index: 999;opacity: 0.5s;display: none;}

div#canvas-block canvas {

    opacity: 0.5s !important;

    transform: scale(1.5) !important;

}

.cvr {

    height: 100vh;

    object-fit: cover;

}

.color-01 { color: #fff; } /* Red */

.color-02 { color: #fff; } /* Orange */

.color-03 { color: #fff; } /* Yellow */

.color-04 { color: #fff; } /* Citrus */

.color-05 { color: #fff; } /* Green */

.color-06 { color: #fff; } /* Darkgreen */

.color-07 { color: #fff; } /* Turquoise */

.color-08 { color: #fff; } /* Lightblue */

.color-09 { color: #fff; } /* Blue */

.color-10 { color: #fff; } /* Purple */

.color-11 { color: #fff; } /* Lavender */

.color-12 { color: #fff; } /* Pink */



#picture {

  position: relative !important;

}



.blob, .blob1, .blob2 {

  position: absolute !important;

  width: 30px !important;

  height: 30px !important;

  border-radius: 20px !important;

  background-color: green !important;

  border: 2px solid #ccc !important;

}

canvas.fireworks {/* position: fixed; */bottom: 0;z-index: 9;opacity: 0.5 !important;}





.news-form {

    position: relative;

    top: 110px;

}

.news-form h4 {

    color: #fff;

    text-transform: uppercase;

    font-size: 32px;

}

.news-form p {

    font-size: 18px;

    color: #fff;

    margin: 0;

}

.news-form form input {

    width: 100%;

    border: none;

    padding: 13px 20px;

}

.news-form form {

    position: relative;

}

.news-form form button {

    position: absolute;

    right: 0;

    border: none;

    background-color: #b31106;

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    padding: 12px 30px;

}


.finance-tool {
    height: 100%;
    background-color: #000;
}
.finance-tool video {
    height: 100%;
    object-fit: cover;
}
section.bottom-ftr p a, section.bottom-ftr p{
    color: #fff;
    font-size: 16px;
}
section.bottom-ftr {
    margin-top: 40px;
    background-color: #0F183F;
    padding: 11px 0;
    position: relative;
    z-index: 9999999999999;
}
.inner-banner-imgs img {
    width: 100%;
    border-radius: 9px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.meal-planning-txt h4 {
   font-size: 43px;
    color: #b31106;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    margin-bottom: 18px;
}

section.meal-planning-sec .row {
    display: flex;
    align-items: center;
}

section.meal-planning-sec {
    padding: 30px 0px;
}
ul.meal-planning-lst li a {
    font-size: 24px;
    color: #0f183f;
    font-weight: 600;
}

ul.meal-planning-lst li {
    font-size: 24px;
    color: #0f183f;
    font-weight: 600;
    margin-bottom: 5px;
}

ul.meal-planning-lst ul {
    margin-left: 29px;
}

ul.meal-planning-lst {
    margin-left: 28px;
}

ul.meal-planning-lst ul li {
       margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
}
.children-book-cover .bkbk>img {
    height: 260px;
    width: 100%;
}

.children-book-cover .bkbk {
    width: 80%;
}
.children-book-cover .bkbk .overlay2 .text a {
    width: 169px;
    font-size: 12px;
}
.main-meal-banners {
    margin: 44px 0px;
}
.main-com-son {
    position: relative;
    display: inline-flex;
}

.com-son-tool {
    position: absolute;
    background-color: #0f185c;
    padding: 5px 10px;
    border-radius: 5px;
    top: -28px;
    right: 0px;
    display: none;
}

.com-son-tool p {
    margin: 0;
    font-size: 15px;
    color: #fff;
}
.main-com-son:hover .com-son-tool {
    display: block;
}

.blog-pic img {
    width: 100%;
    margin-bottom: 20px;
}

.blog-topic h6 {
    font-size: 33px;
    margin: 10px 0px;
    color: #d30e00;
}

.blog-topic ul li {
   list-style: none;
    font-size: 15px;
    color: #959595;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ababab;
}
.blog-topic ul li:last-child{
    border:none;
}
.blog-topic ul li a{
    color: #959595;
}
.blog-txt p {
    margin: 6px 0px;
    font-size: 15px;
}

.blog-txt a {
    background-color: #0f183f;
    color: #fff;
    padding: 10px 45px;
    display: inline-block;
    margin-top: 10px;
        position: relative;
    z-index: 99;
}
.blog-div {
    margin: 70px 0px;
}
.view-blog-btn a {
    color: #d30e00;
    font-size: 23px;
}
.view-blog-btn {
    text-align: center;
        margin: 24px 0px;
}
.article-archives-main {
       margin: 70px 0px;
    margin-left: 30px;
    border: 1px solid #b9b9b9;
    padding: 30px;
    border-bottom: 5px solid #0f183f;
}

.article-archives-main h5 {
    font-size: 30px;
}

.article-archives-main ul li {
    list-style: circle;
    font-size: 21px;
    margin-bottom: 12px;
}

.article-archives-main ul {
    margin-left: 9px;
}

.article-archives-main ul li a {
    color: #676666;
}
.all-blogs-sec .container {
    max-width: 1418px;
}
.blog-topic {
    margin: 14px 0px;
}
.blog-txt h6 {
    margin: 20px 0px 16px;
    font-size: 21px;
}
div#modalOverlay {
    /*display: none;*/
}
div#modalOverlay.dedication-modal{
    display: block;
}


.banner-sec {

    z-index: 9999999;

    position: relative;

}

#cloud .colud1{position: fixed;z-index:1;top: 0;left: 50%; cursor: -webkit-grab; cursor: grab;}
.magnify_glass{position: fixed !important;z-index:1;top: 0;left: 50%; cursor: -webkit-grab; cursor: grab;}
#cloud .colud1 img { width:150px;}








@media only screen and (min-device-width:520px) and (max-device-width:767px) and (orientation:portrait) {}

@media only screen and (min-device-width:120px) and (max-device-width:750px) and (orientation:landscape) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:portrait) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:landscape) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:portrait) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:landscape) {}



@media only screen and (min-width: 1366px) and (max-width: 1920px){}

@media only screen and (min-width: 1200px) and (max-width: 1365px){}

@media only screen and (min-width: 992px) and (max-width: 1199px){

canvas#fireworks {
    display: none;
}    
.green-blk h4 {
    font-size: 60px;
}

.green-blk p {
    font-size: 27px;
}

.cardiac-txt h4 {
    font-size: 66px;
}

.cardiac-txt p {
    width: 50%;
}

.heart-txt h4 {
    font-size: 70px;
}

.drop-txt h4 {
    font-size: 30px;
}

.drop-txt p {
    width: 53%;
    margin-top: 13px;
}
.theuro-blk {
    margin-left: 140px;
}

.theuro-blk h4 {
    font-size: 60px;
}


.theuro-blk p {
    font-size: 26px;
    line-height: 37px;
}

.book-club-txt h3 {
    width: 100%;
    font-size: 51px;
}
    
}

@media only screen and (min-width: 768px) and (max-width: 991px){
canvas#fireworks {
    overflow: hidden;
}

.banner-txtt {
    flex-direction: column;
}

.banner-txt {
    left: 0;
}

.green-blk h4 {
    width: 100%;
    font-size: 28px;
    margin: 0 0 0;
}

.green-blk p {
    font-size: 23px;
    line-height: 34px;
}

section.green-banner {
    overflow: hidden;
}

.cardiac-txt h4 {
    font-size: 60px;
    line-height: 65px;
    margin: 0;
}

.cardiac-txt p {
    width: 100%;
}

section.cardiac-sec {
    overflow: hidden;
}

.nutrition-blk h4 {
    width: 100%;
    font-size: 40px;
    line-height: 45px;
}

.nutrition-blk-hom p {
    font-size: 23px;
}

.heart-txt h4 {
    font-size: 43px;
    line-height: 50px;
}

.heart-txt p {
    line-height: 39px;
    font-size: 20px;
}

section.heart-sec {
    overflow: hidden;
}

.drop-txt h4 {
    width: 100%;
    font-size: 30px;
}

.drop-txt p {
    width: 100%;
    margin-top: 0;
    font-size: 18px;
}

section.drop-sec {
    overflow: hidden;
}

div#canvas-block {
    overflow: hidden;
}

.donate-blk h4 {
    font-size: 70px;
}

.donate-blk p {
    width: 100%;
    font-size: 27px;
}

.news-form h4 {
    font-size: 21px;
}

.news-form p {
    font-size: 16px;
}

.drop-txt {
    top: 30px;
}   
.desc-blk p {
    width: 100%;
}

button.accordion {
    width: 100%;
}

.team-txt {
    right: 0px;
    width: 100%;
    padding: 10px 0;
    bottom: 0;
}

.team-txt h4 {
    font-size: 42px;
}

.team-txt p {
    width: 90%;
}

.div-social span {
    font-size: 19px;
}

.div-social ul li {
    padding: 0px 1px;
}
.innov-txt2 h4 {
    font-size: 20px;
}
.card-fit-txt-blk h5 {
    font-size: 20px;
}

.card-fit-txt-blk h4 {
    font-size: 25px;
}

.card-fit-txt-blk ul li {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 14px;
}

.card-fit-txt-blk {
    margin-top: 0;
}
.care-giver-txt-blk h4 {
    font-size: 40px;
}

.care-giver-txt-blk p {
    width: 100%;
    font-size: 22px;
}

.mind-txt h4 {
    font-size: 40px;
}

section.mind-sec {
    padding-bottom: 30px;
}

.ment-health-txt-blk h4 {
    font-size: 38px;
}

.ment-health-txt-blk p {
    width: 100%;
}
.tab button {
    padding: 14px 20px;
    font-size: 24px;
}

.nutrition-blk {
    left: 0;
}

.nutrition-blk h3 {
    font-size: 35px;
}

.nutrition-blk p {
    font-size: 21px;
}


.donate-txt p {
    width: 100%;
    font-size: 19px;
}

.innov-txt h4 {
    font-size: 35px;
}

.innov-txt p {
    width: 90%;
}

.tech-finance-txt-blk h4 {
    font-size: 25px;
}

.tech-finance-txt-blk h5 {
    font-size: 21px;
    width: 80%;
}

.tech-finance-txt-blk p {
    font-size: 17px;
}
.banner-txt-01 {
    right: 0;
}

.theuro-blk h4 {
    font-size: 50px;
}

.book-club-txt h4 {
    font-size: 40px;
}

.book-club-txt h5 {
    font-size: 17px;
}

.book-club-txt h3 {
    font-size: 26px;
    width: 100%;
}

.at-home-txt h4 {
    font-size: 35px;
}
img.auto {
    width: 46% !important;

}







}

@media only screen and (min-width: 520px) and (max-width: 767px){
    .green-blk h4 {
    width: 100%;
    font-size: 23px;
    margin: 0 0  0;
    line-height: 30px;
}
.cope-care-title h4 img {
    width: 84%;
}
.drop-txt h4 {
    width: 100%;
    font-size: 20px;
    line-height: 29px;
}

section#item0 {
    overflow: hidden;
}

.banner-inn1 p {
    width: 94%;
}

.banner-inn1 h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 10px;
}

.banner-inn1 span {
}

.green-blk p {margin: 0;line-height: 30px;margin-top: 10px;font-size: 19px;}

.cardiac-txt h4 {
    font-size: 28px;
    line-height: 35px;
    margin: 0 0 0;
}

.cardiac-txt p {
    width: 100%;
    margin-top: 10px;
    font-size: 19px;
}

.nutrition-blk h4 {
    width: 100%;
    font-size: 28px;
}

.nutrition-blk {
    left: 0px;
}

.heart-txt {
    margin-bottom: 0;
}

.heart-txt h4 {
    font-size: 26px;
    margin: 0;
    line-height: 30px;
}

.heart-txt p {
    font-size: 19px;
    line-height: 27px;
}

.banner-txt2 {
    left: 0;
}

.drop-txt {
    left: 0;
    top: 20px;
}

.drop-txt p {
    width: 100%;
    font-size: 16px;
    margin-top: 10px;
}

.finance-tool video {
   height: 51vh;
    object-position: right;
}
.news-form {
    top: 50px;
}
.banner-txt3 {
    padding-bottom: 54px;
}
.banner-inn1 {
    bottom: 19px;

    
}
img.title-logo {
    margin-top: 30px;
}
img.auto {
    width: 38% !important;
    margin: 0 0 10px;
}
.donate-blk h4 {
    font-size: 30px;
}

.donate-blk p {
    width: 100%;
    font-size: 23px;
}

section.bottom-ftr {
    margin-top: 30px;
    text-align: center;
}

.news-form h4 {
    font-size: 27px;
}

.news-form p {
    font-size: 16px;
}

.news-form form {
    padding-top: 20px;
}

.finance-tool {
}
section.sec-social .row {
}

.desc-blk p {
    width: 100%;
    padding-top: 10px;
}

button.accordion {
    width: 100%;
}

.desc-blk {
    padding-bottom: 40px;
}

section.team-sec {
    padding: 40px 0px;
}

.cope-care-title h4 {
    width: 100%;
    font-size: 43px;
}

.div-social span {
}

.div-social ul li {
    margin: 0px 7px;
}

.div-newslet {
    text-align: left;
}
section.Scope-sec .row {
    padding: 120px 0 20px;
}
.banner-txt-03 {
    top: 20px;
}

section.tech-finance-sec {
    padding-top: 64px;
}

section.innovation-sec {
    padding: 40px 0px;
}
.section-banner img {
    height: 100vh;
    
}

.card-fit-txt-blk ul li {
}

.card-fit-txt-blk li img {
    height: auto;
}

.card-fit-img img {
    height: auto;
}

.card-fit-img {
    text-align: center;
}

.card-fit-txt-blk h5 {
    font-size: 30px;
}

.card-fit-txt-blk h4 {
    font-size: 26px;
}
section.mental-health-sec img {
    height: 50vh;
}

.ment-health-txt-blk h4 {
    font-size: 45px;
}

.ment-health-txt-blk p {
    width: 100%;
}

.care-giver-txt-blk h4 {
    font-size: 40px;
}

.care-giver-txt-blk p {
    width: 100%;
}

section.care-giver-sec img {
    height: 70vh;
}

.mind-txt h4 {
    font-size: 37px;
}

section.mind-sec {
    padding-bottom: 40px;
}
section.nutrition-sec.sec2 img {
    height: 73vh;
}

.nutrition-blk h3 {
    font-size: 43px;
}

.nutrition-blk p {
    font-size: 15px;
    margin: 0 0 20px;
}

.tab button {
    float: none;
    padding: 10px 10px;
}
section.tech-finance-sec img {
    height: auto;
}

.tech-finance-txt-blk h4 {
    font-size: 38px;
}

.terms h1 {
    font-size: 33px;
}
header.under-cons img {
    height: auto;
}
.donate-txt p {
    width: 100%;
}

.innov-txt p {
    width: 100%;
}

section.donate-sec {
    padding: 0px 0 40px;
}
.tech-finance-txt-blk p {
    font-size: 16px;
}

.tech-finance-txt-blk h5 {
    font-size: 21px;
}

.underline::before {
    display: none;
}
section.theuro-sec img {
       height: 59vh;

}

.theuro-blk h4 {
    font-size: 36px;
}

.theuro-blk p {
    font-size: 17px;
    margin: 0;
}

.banner-txt-01 {
    right: auto;
    left: 10px;
    top: 40px;
}
.modalPopup {
   
    width: 94%;
  
}
.book-club-txt h3 {
    width: 100%;
    font-size: 24px;
}

.at-home-txt a {
    margin-bottom: 5px;
}

.at-home-txt h4 {
    font-size: 28px;
}

section.at-home-sec {
    overflow: hidden;
}
section.theuro-sec {
    overflow: hidden;
}
section.sec-feeds {
    height: auto;
  
}
a.red-btn img {
    height: auto;
}

div#canvas-block {
    overflow: hidden;
}
img.title-logo {
    width: 90%;
    margin: 10px 0 0px;
}
.banner-inn1 p {
    font-size: 18px;
    width: auto;
    line-height: 29px;
    margin: 0 auto;
    margin-top: 20px;
}


}

@media only screen and (min-width: 300px) and (max-width: 519px){
.green-blk h4 {
    width: 100%;
    font-size: 23px;
    margin: 0 0  0;
    line-height: 30px;
}
.cope-care-title h4 img {
    width: 84%;
}
.drop-txt h4 {
    width: 100%;
    font-size: 20px;
    line-height: 29px;
}

section#item0 {
    overflow: hidden;
}

.banner-inn1 p {
    width: 94%;
}

.banner-inn1 h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 10px;
}

.banner-inn1 span {
}

.green-blk p {margin: 0;line-height: 30px;margin-top: 10px;font-size: 19px;}

.cardiac-txt h4 {
    font-size: 28px;
    line-height: 35px;
    margin: 0 0 0;
}

.cardiac-txt p {
    width: 100%;
    margin-top: 10px;
    font-size: 19px;
}

.nutrition-blk h4 {
    width: 100%;
    font-size: 28px;
}

.nutrition-blk {
    left: 0px;
}

.heart-txt {
    margin-bottom: 0;
}

.heart-txt h4 {
    font-size: 26px;
    margin: 0;
    line-height: 30px;
}

.heart-txt p {
    font-size: 19px;
    line-height: 27px;
}

.banner-txt2 {
    left: 0;
}

.drop-txt {
    left: 0;
    top: 20px;
}

.drop-txt p {
    width: 100%;
    font-size: 16px;
    margin-top: 10px;
}

.finance-tool video {
   height: 51vh;
    object-position: right;
}
.news-form {
    top: 50px;
}
.banner-txt3 {
    padding-bottom: 54px;
}
.banner-inn1 {
    bottom: 19px;

    
}
img.title-logo {
    margin-top: 30px;
}
img.auto {
    width: 38% !important;
    margin: 0 0 10px;
}
.donate-blk h4 {
    font-size: 30px;
}

.donate-blk p {
    width: 100%;
    font-size: 23px;
}

section.bottom-ftr {
    margin-top: 30px;
    text-align: center;
}

.news-form h4 {
    font-size: 27px;
}

.news-form p {
    font-size: 16px;
}

.news-form form {
    padding-top: 20px;
}

.finance-tool {
}
section.sec-social .row {
}

.desc-blk p {
    width: 100%;
    padding-top: 10px;
}

button.accordion {
    width: 100%;
}

.desc-blk {
    padding-bottom: 40px;
}

section.team-sec {
    padding: 40px 0px;
}

.cope-care-title h4 {
    width: 100%;
    font-size: 29px;
    padding: 0  0 10px;
}

.div-social span {
}

.div-social ul li {
    margin: 0px 7px;
}

.div-newslet {
    text-align: left;
}
section.Scope-sec .row {
    padding: 120px 0 20px;
}
.banner-txt-03 {
    top: 20px;
}

section.tech-finance-sec {
    padding-top: 64px;
}

section.innovation-sec {
    padding: 40px 0px;
}
.section-banner img {
    height: 73vh;
}

.card-fit-txt-blk ul li {margin-bottom: 10px;}

.card-fit-txt-blk li img {
    height: auto;
}

.card-fit-img img {
    height: auto;
}

.card-fit-img {
    text-align: center;
}

.card-fit-txt-blk h5 {
    font-size: 16px;
}

.card-fit-txt-blk h4 {
    font-size: 26px;
}
section.mental-health-sec img {
    height: 50vh;
}

.ment-health-txt-blk h4 {
    font-size: 23px;
    line-height: 27px;
}

.ment-health-txt-blk p {
    width: 100%;
    font-size: 12px;
}

.care-giver-txt-blk h4 {
    font-size: 19px;
    line-height: 27px;
}

.care-giver-txt-blk p {
    width: 100%;
    font-size: 14px;
    line-height: 27px;
}

section.care-giver-sec img {
    height: 70vh;
}

.mind-txt h4 {
    font-size: 22px;
}
.mind-txt ul li {
    font-size: 15px;
    line-height: 30px;
}
section.mind-sec {
    padding-bottom: 40px;
}
section.nutrition-sec.sec2 img {
    height: 73vh;
}

.nutrition-blk h3 {
    font-size: 43px;
}

.nutrition-blk p {
    font-size: 15px;
    margin: 0 0 20px;
}

.tab button {
    float: none;
    padding: 10px 10px;
}
section.tech-finance-sec img {
    height: auto;
}

.tech-finance-txt-blk h4 {
    font-size: 38px;
}

.terms h1 {
    font-size: 33px;
}
header.under-cons img {
    height: auto;
}
.donate-txt p {
    width: 100%;
}

.innov-txt p {
    width: 100%;
}

section.donate-sec {
    padding: 0px 0 40px;
}
.tech-finance-txt-blk p {
    font-size: 16px;
}

.tech-finance-txt-blk h5 {
    font-size: 21px;
}

.underline::before {
    display: none;
}
section.theuro-sec img {
       height: 59vh;

}

.theuro-blk h4 {
    font-size: 36px;
}

.theuro-blk p {
    font-size: 17px;
    margin: 0;
}

.banner-txt-01 {
    right: auto;
    left: 10px;
    top: 40px;
}
.modalPopup {
   
    width: 94%;
  
}
.book-club-txt h3 {
    width: 100%;
    font-size: 24px;
}

.at-home-txt a {
    margin-bottom: 5px;
}

.at-home-txt h4 {
    font-size: 28px;
}

section.at-home-sec {
    overflow: hidden;
}
section.theuro-sec {
    overflow: hidden;
}
section.sec-feeds {
    height: auto;
  
}
a.red-btn img {
    height: auto;
}

div#canvas-block {
    overflow: hidden;
}
img.title-logo {
    width: 90%;
    margin: 10px 0 0px;
}
.banner-inn1 p {
    font-size: 18px;
    width: auto;
    line-height: 29px;
    margin: 0 auto;
    margin-top: 20px;
}
.sec-social {
    padding: 144px 0px 20px;
}

.care-giver-txt-blk h5 {

    font-size: 19px;
	line-height:27px;
}
.care-giver-txt-blk ul li a {
    color: #fff;
    font-size: 14px;
}
.copyright-div p {
    font-size: 14px;
}

.breathing-txt h4 {
    font-size: 30px;
}


}

