@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
body{margin:0; font-family: 'Montserrat', sans-serif!important;}
#main1{width:100%; height:auto; float:left}
#main2{width:100%; height: 768px !important; float:left; background: #ededed;}
#main3{width:0; height: 0 !important; float:left; background: #ededed; overflow:hidden;}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner2{width:90%; height:auto; margin:0 auto;}
#main-inner3{width:98%; height:auto; margin:0 auto; overflow:hidden}
a{text-decoration:none; color:#333}

.topheadbg{background: #ededed;}
#tophead{width: 100%; height: auto; float: left; padding:0 3%;}
#tophead .left{width: 43%; height: auto; float: left;}
#tophead .left a{width: 48%; height: auto; float: left; margin:1%; padding:5px 0 5px 7%; font-size: 14px; font-weight: 500; color: #3d3d3d; background: url(images/icon.png) left center no-repeat; background-size: 30px 30px;}
#tophead .left .a{width: 48%; height: auto; float: left; margin:1%; padding:5px 0 5px 7%; font-size: 14px; font-weight: 500; color: #3d3d3d; background: url(images/icon1.png) left center no-repeat; background-size: 30px 30px;}
#tophead .left a:hover{text-decoration: none; color: #d98602;}
#tophead .p{width: 40%; height: auto; float: left; margin: 1% 0; color:#00a54f; font-size: 14px; font-weight: 600;}
#tophead .right{width: 15%; height: auto; float: right;}
#tophead .right a{width: 12.5%; height: auto; float: left; margin:6% 4% 4% 3.5%}
#tophead .right a img{width: 100%; height: auto; float: left;}

#tophead1{width: 0; height: auto; float: left; padding:0; visibility:hidden}
#tophead1 .left{width:0; height: auto; float: left; margin:0; visibility:hidden}
#tophead1 .left a{width:0; height: auto; float: left; margin:0; padding:0; font-size: 0; font-weight: 500; color: #3d3d3d; background: url(images/icon.png) left center no-repeat; background-size: 0; visibility:hidden}
#tophead1 .left .a{width:0; height: auto; float: left; margin:0; padding:0; font-size: 0; font-weight: 500; color: #3d3d3d; background: url(images/icon1.png) left center no-repeat; background-size: 0; visibility:hidden}
#tophead1 .left a:hover{text-decoration: none; color: #d98602; visibility:hidden}
#tophead1 .p{width: 0; height: auto; float: left; margin: 0; color:#00a54f; font-size: 0; font-weight: 600; text-align:center; visibility:hidden}
#tophead1 .right{width: 0; height: auto; float: right; margin:0; visibility:hidden}
#tophead1 .right a{width: 0; height: auto; float: left; margin:0; visibility:hidden}
#tophead1 .right a img{width: 0; height: auto; float: left; visibility:hidden}

.header{width: 93%; height: auto; float: left; margin-right: 7%; z-index: 9999999!important;}
.header1{margin-bottom: -200px;}

.logo{width:26%; height: auto; float: left; margin-left: 50px;}
.nav-link{padding-left: 15px!important; padding-right:15px!important;}

@media all and (min-width: 992px) {
.navbar .dropdown-menu-end{ right:0; left: auto;}
.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;}
.navbar .nav-item:hover .nav-link{ color: #fff;}
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%;}
.navbar .dropdown-menu.fade-up{ top:180%;}
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);}
}

.about1bg{background: #ededed;}
#about1{width: 100%; height: auto; float: left; margin: 40px 0; background: url(images/aboutbg.png) #252324 right center no-repeat; border-radius: 200px 0 0 200px;}
#about1 .img{width: 22%; height: auto; float: left; margin:0 0 0 15px;}
#about1 .img1{width: 5%; height: auto; float: left; margin: 100px 0 0 -60px; padding:30px 20px; background: url(images/video.png) center center; background-size: 60px 60px;}
#about1 .img1:hover{width: 5%; height: auto; float: left; padding:30px 20px; background: url(images/video1.png) center center; background-size: 60px 60px;}
#about1 h1{width: 37.5%; height: auto; float: left; margin:3% 0% 0 2.5%; color: #fff; font-family:"Font Awesome 5 Free"; font-size: 50px; font-weight: 600;}
#about1 p{width: 32%; height: auto; float: left; margin:4% 2% 2% 2%; font-weight: 500; color: #979797; line-height: 180%;}

#fourdiv{width: 100%; height: auto; float: left; margin: 40px 0;}
#fourdiv h5{width: 100%; height: auto; float: left; margin: 0; color: #5062bc; text-align: center; font-weight: 500; font-family: 'Montserrat', sans-serif!important;}
#fourdiv h2{width: 100%; height: auto; float: left; margin:8px 0; color: #242323; font-weight: 600; text-align: center; line-height: 120%; font-size: 40px;}
#fourdiv .div{width: 19.8%; height: 320px; float: left; margin:60px 0; border-right: 1px solid #e1e1e1;}
#fourdiv .div:last-child{border-right: none}
#fourdiv .div img{width: 40%; height: auto; float: left; margin: 0 30% 10px 30%;}
#fourdiv .div h3{width: 100%; height: auto; float: left; margin:0 0 1% 0; text-align: center; color: #242323; font-weight: 500; line-height:140%;}
#fourdiv .div p{width: 80%; height: auto; float: left; margin:0 10%; text-align: center; font-weight: 500; color: #808080; line-height: 180%;}

.helpotherbg{background: url(images/bg.jpg) no-repeat fixed; background-size: cover;}
#helpother{width: 100%; height: auto; float: left; margin:0;}
#helpother .icon{width: 9%; height: auto; float: left; margin: 0; padding: 35px 0; background: #4ecd99; border-radius: 0 0 50px 50px;}
#helpother .icon img{width: 60%; height: auto; float: left; margin: 0 20% ;}
#helpother .middle{width: 61%; height: auto; float: left; margin:0 15% 0 0; padding: 20px 100px;}
#helpother .middle h5{width: 100%; height: auto; float: left; margin: 0; color: #fcad30; font-weight: 500; font-family: 'Montserrat', sans-serif!important;}
#helpother .middle h1{width: 100%; height: auto; float: left; margin:8px 0; color: #ffffff; font-weight: 600; line-height: 120%; font-size: 60px;}
#helpother .rightbutn{width: 15%; height: auto; float: left; margin:140px 0 0 0; padding: 20px 0; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px;}
#helpother .rightbutn:hover{background: #fff; color: #efa126;}

.frontformbg{background:url(images/bg1.jpg) no-repeat; background-size: auto 100%}
#frontform{width: 80%; height: auto; float: left; margin:50px 10%;}
#frontform .left{width: 50%; height: auto; float: left; margin:0;}
#frontform .left h5{width: 100%; height: auto; float: left; margin: 0; color: #5062bc; font-weight: 500; font-family: 'Montserrat', sans-serif!important;}
#frontform .left h2{width: 90%; height: auto; float: left; margin:8px 10% 12px 0; color: #242323; font-weight: 600; line-height: 100%; font-size: 36px;}
#frontform .left p{width: 90%; height: auto; float: left; margin:15px 10% 10px 0; font-weight: 500; color: #808080; line-height: 180%;}
#frontform .left .bottom{width: 100%; height: auto; float: left; margin:3% 0; background:url(images/icon3.png) left center no-repeat; padding-left: 70px;}
#frontform .left .bottom h5{margin: 0;}
#frontform .left .bottom p{margin: 4px 0 0 0;}
#frontform .left .bottom p strong{color: #000;}
#frontform .left .leftbottom{width: 100%; height: auto; float: left; margin:5% 0 0 0;}
#frontform .left .leftbottom .icon{width: 22%; height: auto; float: left; margin:0 3% 0 0; background: #ed4b4b; border-radius: 0 0 60px 60px; padding:20px 5px;}
#frontform .left .leftbottom .icon img{width: 50%; height: auto; float: left; margin:0 25%}
#frontform .left .leftbottom .icon span{width: 100%; height: auto; float: left; margin: 10px 0; text-align: center; color: #fff; font-weight: 500; font-size:13px;}
#frontform .form1{width: 48%; height: 570px; float: right; margin:30px 0 0 2%; padding-bottom: 10px; border-radius: 10px; border-radius: 50px; background:url(images/bg2.png) #ed4b4b right center no-repeat; box-shadow:  -20px 20px 60px #bebebe, 20px -20px 60px #ffffff; background-size: 100% auto;}
#frontform .form1 h3{width: 100%; height: auto; float: left; margin:0 0 10px 0; padding: 10px 0; font-size: xx-large; text-align: center; font-weight: bold; border-radius: 10px 10px 0 0; background: #fff;}
#frontform .form1 .div{width: 95%; height: 450px; float: left; margin:1% 2.5%; overflow-y: auto;}
#frontform .form1 .div p{width: 95%; height: auto; float: left; margin:0 2.5%; padding:15px 0; color: #fff; border-bottom:1px solid #fb9e9e; font-weight: 500; line-height: 180%;}
#frontform .form1 .box{width: 70%; height: auto; float: left; margin:1% 15%; border-radius: 50px; background: #fff; padding:25px; border: none;}
#frontform .form1 .box::placeholder{color: #555555; opacity: 0.8;}
#frontform .form1 .but{width: 80%; height: auto; float: left; margin:0 10%;}
#frontform .form1 .but .a{width: 30%; height: auto; float: left; color: #fff; text-align: center; text-decoration:none; margin:2% 1.5%; border-radius: 40px; padding:15px 0; border: 2px solid #fff;}
#frontform .form1 .but .a:hover{color: #484747; background: #fff;}
#frontform .form1 .butn{width: 40%; height: auto; float: left; margin:20px 30% 50px 30%; padding: 20px 0; cursor: pointer; font-weight: 500; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}
#frontform .form1 .butn:hover{background: #fff; color: #efa126;}

#volunteer{width: 100%; height: auto; float: left; margin:50px 0;}
#volunteer .left{width: 50%; height: auto; float: left; margin:0;}
#volunteer .left h5{width: 100%; height: auto; float: left; margin: 0; color: #5062bc; font-weight: 500; font-family: 'Montserrat', sans-serif!important;}
#volunteer .left h2{width: 80%; height: auto; float: left; margin:8px 20% 12px 0; color: #242323; font-weight: 600; line-height: 100%; font-size: 45px;}
#volunteer .p{width: 40%; height: auto; float: left; margin:50px 0 0 10%; font-weight: 500; color: #808080; line-height: 180%;}
#volunteer .bottom{width: 100%; height: auto; float: left; margin:0;}
#volunteer .bottom .div{width: 20%; height: auto; float: left; margin:2.5%;}
#volunteer .bottom .div img{width:100%; height: auto; float: left; margin:0; border-radius: 50% 50% 0 0;}
#volunteer .bottom .div .bottmdiv{width: 90%; height: auto; float: left; margin:-20px 5% 0 5%; border-radius: 12px; padding:6% 3%; background: #ed4b4b;}
#volunteer .bottom .div .bottmdiv h4{width: 100%; height: auto; float: left; color: #fff; margin: 0; text-align: center; font-weight: 500;}
#volunteer .bottom .div .bottmdiv span{width: 100%; height: auto; float: left; color: #fff; margin:2% 0 0 0; text-align: center; font-weight: 500;}
#volunteer .bottom1{width: 100%; height: auto; float: left; margin:0;}
#volunteer .bottom1 .div{width: 20%; height: 315px; float: left; margin:2.5%; border-radius: 10% 10% 20px 20px; border: 1px solid #fff; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); transition:0.5s}
#volunteer .bottom1 .div:hover{border: 1px solid #dfdfdf;}
#volunteer .bottom1 .div img{width:100%; height: auto; float: left; margin:0; border-radius: 10% 10% 0 0;}
#volunteer .bottom1 .div .bottmdiv{width: 95%; height: auto; float: left; margin:15px 2.5% 0 2.5%; border-top: 1px solid #dfdfdf; padding: 10px 0 20px 0;}
#volunteer .bottom1 .div .bottmdiv h3{width: 100%; height: auto; float: left; color: #323232; margin: 0; padding:0; line-height: 110%; font-size: large; text-align: center; font-weight: 600;}
#volunteer .bottom1 .div .bottmdiv span{width: 100%; height: auto; float: left; color: #808080; margin:4% 0 0 0; text-align: justify; font-weight: 500;}
#volunteer .bottom1 .div .butn{width: 60%; height: auto; float: left; margin:10px 20% 0px 20%; padding: 15px 0; cursor: pointer; font-weight: 500; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}
#volunteer .bottom1 .div .butn:hover{background: #434242; color: #efa126;}

.gall-bac{margin: 3% 0}
.gall-bac .all{width: 15%; height: auto; float: left; margin:1.5% 42.5% 1.5% 42.5%; padding: 20px 0; cursor: pointer; font-weight: 600; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}
.gall-bac .all:hover{background: #242323; color: #efa126;}
.no-gutters{width: 100%; height: auto; float: left}

#lowerradius{width: 100%; height: auto; float: left; margin: 40px 0; background: url(images/aboutbg.png) #ed4b4b right center no-repeat; border-radius: 200px 0 0 200px;}
#lowerradius .img{width: 12%; height: auto; float: left; margin: 5%; padding: 30px; background: #fff; border-radius: 50%;}
#lowerradius .img img{width: 70%; height: auto; float: left; margin: 15%;}
#lowerradius h1{width: 52%; height: auto; float: left; margin:3% 1.5% 0 1.5%; color: #fff; font-family:"Font Awesome 5 Free"; font-size: 40px; font-weight: 600;}
#lowerradius a{width: 20%; height: auto; float: left; margin:9% 1.5% 1.5% 1.5%; padding: 20px 0; cursor: pointer; font-weight: 600; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}
#lowerradius a:hover{background: #fff; color: #efa126;}

.footerbac{background:url(images/bg3.jpg) center no-repeat; background-size: 100% 100%; }
#footer{width:100%; height:auto; float:left;}
#footer .con{width:12%; height:auto; float:left; margin:2%}
#footer .con1{width:28%; height:auto; float:left; margin:2%}
#footer .con2{width:48%; height:auto; float:left; margin:2%;}
#footer .con2 h4{width:100%; height:auto; float:left; margin:15px 0 10px 0}
#footer .con2 span{width:100%; height:auto; float:left; margin:0}
#footer .con1 .logo{width:20%; height:auto; float:left; margin:0 80% 0 0}
#footer .con1 .logo img{width:100%; height:auto; float:left; margin:0}
#footer .con1 p{width:100%; height:auto; float:left; color:#d2d2d2; text-align:justify; font-weight: 500; font-size:14px; line-height:170%; margin:4% 0 1% 0}
#footer span{width:100%; height:auto; float:left; color:#d2d2d2; text-align:justify; font-weight: 500; font-size:14px; line-height:170%; margin:0}
#footer .con1 .bottom{width:100%; height:auto; float:left; margin:3% 0 2% 0; border-top: 1px solid #4e4d4d; padding:10px 0 0 0;}
#footer .con1 .bottom h6{width:100%; height:auto; float:left; margin:1% 2%; font-size:14px; background: url(images/icon1.png) left top no-repeat; background-size: 30px 30px; padding:4px 0 5px 15%; font-family: 'Montserrat', sans-serif; color: #fff; font-weight: 500;}
#footer p{color:#fff; text-align:justify; font-size:14px; line-height:150%; margin:0}
#footer h4{color:#fff; margin:15px 0}
#footer .hh4{color:#fff; margin-bottom:0}
#footer .con a{width:98%; height:auto; float:left; margin:4.5% 1%; color:#d2d2d2; text-decoration: none; font-weight: 500; font-size:14px; transition:0.5s}
#footer .con a:hover{color:#ffc844}
#footer .con1 .icon{width:100%; height:auto; float:left}
#footer .con1 .icon a{width:6%; height:auto; float:left; padding:2%; margin:1.5%; background:#258cb3; border-radius:50%; transition:0.5s}
#footer .con1 .icon a:hover{background:#d59703;}
#footer .con1 .icon a img{width:100%; height:auto; float:left;}
#footer .h4{color:#fff; margin-bottom:1%; padding-top:16%}
#footer .con .a{width:50%; height:auto; float:left;}

.footerlowbac{background:#1d1c1c}
#footerlow{width:100%; height:auto; float:left; padding: 10px 0;}
#footerlow p{width:50%; height:auto; float:left; margin:0.8% 0 0 0; color:#eeeeee; float:left; font-size:small}
#footerlow a{color:#fcad30; transition:0.5s}
#footerlow a:hover{color:#eeeeee}
#footerlow .icon{width:20%; height:auto; float:right; padding:0;}
#footerlow .icon a{width:35px; height:35px; float:left; padding: 10px; margin:1% 2.5%; background:#ed4b4b; border-radius: 50%;}
#footerlow .icon a img{width:100%; height:auto; float:left; padding:0;}

.headbg{background: url(images/bg.jpg) no-repeat fixed;}
#head{width:100%; height:auto; float:left; padding: 10px 0; margin: 200px 0 100px 0;}
#head h2{width:50%; height:auto; float:left; margin:0.5% 0 0 0; color: #fff; font-weight: 600;}
#head .right{width:50%; height:auto; float:right; margin: 0;}
#head .right .div{width:auto; height: auto; float: right; margin:0; padding: 15px; background: #efa126; color: #fff; border-radius: 50px 0 0 50px;}
#head .right .div a{width:auto; height: auto; float: left; margin:0; padding: 5px; cursor: pointer; font-weight: 600; text-decoration: none; color: #fff;}
#head .right .div span{width:auto; height: auto; float: left; margin:0; padding: 5px; font-weight: 600; color: #fff;}

#static{width:100%; height:auto; float:left; margin:3% 0;}
#static h1{width:100%; height:auto; float:left; padding:1%; font-size:x-large; color:#fff; background:#0293d0}
#static h2{color:#05a450; font-size:22px; font-weight: bold;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static div{width:100%; height:auto; float:left; margin:1% 0; line-height:160%; text-align:justify; color:#333333; font-size:medium}
#static p{width:100%; height:auto; float:left; margin:1% 0; line-height:160%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/tick.png'); line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:0}
#static ol{margin-left:20px;}
#static ol li{margin:0}
#static .img{width:80%; height:auto; float:left; margin:8% 10%}
#static .h3{color:#05a450; font-weight: bold;}
#static .red{color:#af0101;}
#static .con{width:31%; height:335px; float:left; margin:1%; background: #eaeae9; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); transition: 0.5s;}
#static .con:hover{-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5);}
#static .con img{width:100%; height:auto; float:left; margin:0 0 2% 0}
#static .con h4{width:100%; height:auto; float:left; margin:0 0 2% 0; text-align: center;}
#static .con1{width:48%; height:auto; float:left; margin:1%; background: #fff; border: 1px solid #d7d6d6; border-radius: 5px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); transition: 0.5s;}
#static .con1 img{width:50%; height:auto; float:left; margin:6% 25%;}
#static .con1 .lowcon{width:100%; height:460px; float:left; background: #fbf5e4; padding:3%; border-radius:0 0 5px 5px; border-top: 1px solid #f2ecdb;}
#static .con1 .lowcon1{width:100%; height:470px; float:left; background: #fbf5e4; padding:3%; border-radius:0 0 5px 5px; border-top: 1px solid #f2ecdb;}
#static .con1 .lowcon h4{width:100%; height:auto; float:left; margin:0 0 4% 0; text-align: center; font-weight:bold; color:#efa126;}
#static .con1 .lowcon p{width:100%; height:auto; float:left; margin:0; text-align: justify; font-size:14px!important;}

#static .videod .con2 {
  position: relative;
  width: 18%;
  height:225px;
  float:left;
  padding:0;
  margin:1%;
  background:#eaeae9;
  border-radius: 5px;
   -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); transition: 0.5s;
}

#static .videod .con2 .image {
  display: block;
  width: 100%;
  height: auto;
}

#static .videod .con2 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: rgba(212, 212, 212, 0.2);
}

#static .videod .con2:hover .overlay {
  opacity: 1;
}

#static .videod .con2 .icon {
  color: red;
  font-size: 40px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

#static .videod .con2 .fa-play:hover {
  color: red;
}
#static .videod .con2 h4{width:96%; height:auto; float:left; margin:1% 2%; font-size:14px; font-family: 'Montserrat', sans-serif!important; font-weight:500; text-align:center; line-height:150%;}

#static .leftdiv{width: 55%; height: auto; float: left; margin:0}
#static #frontform{width: 41%; height: auto; float: left; margin:10px 0 10px 4%;}
#static #frontform .left{width: 100%; height: auto; float: left; margin:50px 0 0 0;}
#static #frontform .left h5{width: 100%; height: auto; float: left; margin: 0; color: #5062bc; font-weight: 500; font-family: 'Montserrat', sans-serif!important;}
#static #frontform .left h2{width: 100%; height: auto; float: left; margin:8px 0 12px 0; color: #242323; font-weight: 600; line-height: 100%; font-size: 36px;}
#static #frontform .left p{width: 100%; height: auto; float: left; margin:15px 0 10px 0; font-weight: 500; color: #808080; line-height: 180%;}
#static #frontform .left .bottom{width: 100%; height: auto; float: left; margin:3% 0; background:url(images/icon3.png) left center no-repeat; padding-left: 70px;}
#static #frontform .left .bottom h5{margin: 0;}
#static #frontform .left .bottom p{margin: 4px 0 0 0;}
#static #frontform .left .bottom p strong{color: #000;}
#static #frontform .left .leftbottom{width: 100%; height: auto; float: left; margin:5% 0 0 0;}
#static #frontform .left .leftbottom .icon{width: 22%; height: auto; float: left; margin:0 3% 0 0; background: #ed4b4b; border-radius: 0 0 60px 60px; padding:20px 5px;}
#static #frontform .left .leftbottom .icon img{width: 50%; height: auto; float: left; margin:0 25%}
#static #frontform .left .leftbottom .icon span{width: 100%; height: auto; float: left; margin: 10px 0; text-align: center; color: #fff; font-weight: 500; font-size:13px;}
#static #frontform .form1{width: 98%; height: 570px; float: right; margin:1%; padding-bottom: 10px; border-radius: 10px; border-radius: 50px; background:url(images/bg2.png) #ed4b4b right center no-repeat; box-shadow:  -20px 20px 60px #bebebe, 20px -20px 60px #ffffff; background-size: 100% auto;}
#static #frontform .form1 h3{width: 100%; height: auto; float: left; margin:0 0 10px 0; padding: 10px 0; font-size: xx-large; text-align: center; font-weight: bold; border-radius: 10px 10px 0 0; background: #fff;}
#static #frontform .form1 .div{width: 95%; height: 450px; float: left; margin:1% 2.5%; overflow-y: auto;}
#static #frontform .form1 .div p{width: 95%; height: auto; float: left; margin:0 2.5%; padding:15px 0; color: #fff; border-bottom:1px solid #fb9e9e; font-weight: 500; line-height: 180%;}
#static #frontform .form1 .box{width: 70%; height: auto; float: left; margin:1% 15%; border-radius: 50px; background: #fff; padding:25px; border: none;}
#static #frontform .form1 .box::placeholder{color: #555555; opacity: 0.8;}
#static #frontform .form1 .but{width: 80%; height: auto; float: left; margin:0 10%;}
#static #frontform .form1 .but .a{width: 30%; height: auto; float: left; color: #fff; text-align: center; text-decoration:none; margin:2% 1.5%; border-radius: 40px; padding:15px 0; border: 2px solid #fff;}
#static #frontform .form1 .but .a:hover{color: #484747; background: #fff;}
#static #frontform .form1 .butn{width: 40%; height: auto; float: left; margin:20px 30% 50px 30%; padding: 20px 0; cursor: pointer; font-weight: 500; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}
#static #frontform .form1 .butn:hover{background: #fff; color: #efa126;}
#static .repot a{width: 99%; height: auto; float: left; margin:1% 0; padding: 10px; border:1px solid #d8dad9; border-radius:5px; color:#313232; background:#f2f3f3;}
#static .repot a img{width: 25px; height: 25px; float: left; margin:0 10px 0 0;}

#contact{width:100%; height:auto; float:left; margin:3% 0;}
#contact h2{margin:20px 0; color:#05a450; font-weight: bold;}
#contact .left{width:40%; height:auto; float:left; margin-left: 10%;}
#contact .left p{margin:2% 0}
#contact .right{width:50%; height:auto; float:left;}

.sticky-divi-button1 {
 /*color: #ffffff;
font-size: 18px;
background:url(images/call-button.png) no-repeat;
background-size:200px 62px;
border-radius: 0;
letter-spacing: 0.8px;
text-transform: uppercase;
text-decoration: none;
padding: 18px 20px 20px 65px;
text-align:right;*/
z-index: 10;
position: fixed;
bottom: 80px;
right: 0px;
}
.sticky-divi-button1:hover {
color:#dcbf73;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main2{width:100%; height: 0 !important; float:left; background: #ededed;}
#main3{width:100%; height: auto !important; float:left; background: #ededed; overflow:auto}
#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner2{width:100%; height:auto; margin:0 auto;}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}

#tophead{width: 0; height: 0; float: left; padding:0;  visibility:hidden}
#tophead .left{width: 0; height: 0; float: left; visibility:hidden}
#tophead .left a{width: 0; height: 0; float: left; margin:0; padding:0; font-size: 0; font-weight: 500; color: #3d3d3d; background:none; background-size: 0; visibility:hidden}
#tophead .left .a{width: 0; height: 0; float: left; margin:1%; padding:0; font-size: 14px; font-weight: 500; color: #3d3d3d; background: none; background-size: 0; visibility:hidden}
#tophead .left a:hover{text-decoration: none; color: #d98602; visibility:hidden}
#tophead .p{width: 0; height: 0; float: left; margin:0; color:#00a54f; font-size: 14px; font-weight: 600; visibility:hidden}
#tophead .right{width: 0; height: 0; float: right; visibility:hidden}
#tophead .right a{width: 0; height: 0; float: left; margin:0; visibility:hidden}
#tophead .right a img{width: 0; height: 0; float: left; visibility:hidden}

#tophead1{width: 98%; height: auto; float: left; padding:0 3%; border-top:1px solid #e6e5e5; visibility:visible}
#tophead1 .left{width: 98%; height: auto; float: left; margin:1%; visibility:visible}
#tophead1 .left a{width: 98%; height: auto; float: left; margin:1%; padding:5px 0 5px 40px; font-size: 14px; font-weight: 500; color: #fff; background: url(images/icon.png) left center no-repeat; background-size: 25px 25px; visibility:visible}
#tophead1 .left .a{width: 98%; height: auto; float: left; margin:1%; padding:5px 0 5px 40px; font-size: 14px; font-weight: 500; color: #fff; background: url(images/icon1.png) left center no-repeat; background-size: 25px 25px; visibility:visible}
#tophead1 .left a:hover{text-decoration: none; color: #fff; visibility:visible}
#tophead1 .p{width: 98%; height: auto; float: left; margin: 1%; color:#fcad30; font-size: 14px; font-weight: 600; text-align:center; visibility:visible}
#tophead1 .right{width: 60%; height: auto; float: right; margin:1% 20%; visibility:visible}
#tophead1 .right a{width: 12.5%; height: auto; float: left; margin:6% 4% 4% 3.5%; visibility:visible}
#tophead1 .right a img{width: 100%; height: auto; float: left; visibility:visible}

.header{width:100%!important; height:auto!important; float:left!important;}
.header1{margin-bottom:0px!important;}
.navbar-brand{width:60%!important; height:auto; float:left;}
.navbar-brand img{width:40%!important; height:auto; float:left!important;}
.navbar-nav li{margin:2px 0!important; font-size:14px!important;}

#about1{width: 90%; height: auto; float: left; margin:3% 5% 0 5%!important; padding:2% 2% 8% 2%; background: url(images/aboutbg.png) #252324 top center no-repeat; border-radius: 10px;}
#about1 .img{width: 90%; height: auto; float: left; margin:10% 0 2% 10%;}
#about1 .img1{width: 5%; height: auto; float: left; margin: -59% 47.5% 0 39%; padding:30px 40px; background: url(images/video.png) center center no-repeat; background-size: 60px 60px;}
#about1 .img1:hover{width: 5%; height: auto; float: left; padding:30px 40px; background: url(images/video1.png) center center no-repeat; background-size: 60px 60px;}
#about1 h1{width: 98%; height: auto; float: left; margin:0 1% 1% 1%; color: #fff; font-family:"Font Awesome 5 Free"; font-size: 36px; font-weight: 600; text-align:center;}
#about1 p{width: 98%; height: auto; float: left; margin:1%; font-weight: 500; color: #979797; line-height: 160%; text-align:center;}

#fourdiv h2{width: 100%; height: auto; float: left; margin:8px 0; color: #242323; font-weight: 600; text-align: center; line-height: 120%; font-size: 30px;}
#fourdiv .div{width: 98%; height: auto; float: left; margin:4% 1%; padding-bottom:20px; border-right:none; border-bottom: 1px solid #e1e1e1;}
#fourdiv .div:last-child{border-right: none; border-bottom: none}
#fourdiv .div img{width: 30%; height: auto; float: left; margin: 0 35% 10px 35%;}

#helpother .icon{width: 25%; height: auto; float: left; margin: 5% 70% 1% 5%; padding: 30px 0; background: #4ecd99; border-radius: 0 0 50px 50px;}
#helpother .icon img{width: 50%; height: auto; float: left; margin: 0 25%;}
#helpother .middle{width: 90%; height: auto; float: left; margin:0 5%; padding:5px;}
#helpother .middle h1{width: 100%; height: auto; float: left; margin:8px 0; color: #ffffff; font-weight: 600; line-height: 120%; font-size: 40px;}
#helpother .middle p{}
#helpother .rightbutn{width: 50%; height: auto; float: left; margin:1% 45% 6% 5%; padding: 20px 0; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px;}

#frontform{width: 98%; height: auto; float: left; margin:3% 1%;}
#frontform .left{width: 98%; height: auto; float: left; margin:1%; text-align: center;}
#frontform .left h2{width: 100%; height: auto; float: left; margin:1% 0; color: #242323; font-weight: 600; line-height: 100%; font-size: 32px;}
#frontform .left p{width: 100%; height: auto; float: left; margin:1% 0; font-weight: 500; color: #808080; line-height: 160%; text-align:justify;}
#frontform .left .leftbottom .icon{width: 40%; height: auto; float: left; margin:5%; background: #ed4b4b; border-radius: 0 0 60px 60px; padding:20px 5px;}
#frontform .form1{width: 98%; height: auto; float: left; margin:1%; padding-bottom: 10px; border-radius: 10px; border-radius: 50px; background:url(images/bg2.png) #ed4b4b right center no-repeat; box-shadow:  -20px 20px 60px #bebebe, 20px -20px 60px #ffffff; background-size: 100% auto;}
#frontform .form1 .div{width: 95%; height: auto; float: left; margin:1% 2.5%; overflow: auto;}
#frontform .form1 .div p{width: 95%; height: auto; float: left; margin:0 2.5%; padding:15px 0; color: #fff; border-bottom:1px solid #fb9e9e; font-weight: 500; line-height: 180%;}
#frontform .form1 .div p:last-child{border-bottom:none}

#volunteer .left{width: 98%; height: auto; float: left; margin:1%; text-align: center;}
#volunteer .left h2{width: 98%; height: auto; float: left; margin:1%; color: #242323; font-weight: 600; line-height: 100%; font-size: 38px;}
#volunteer .p{width: 98%; height: auto; float: left; margin:1%; font-weight: 500; color: #808080; line-height: 180%; text-align: center;}
#volunteer .bottom1 .div{width: 98%; height: auto; float: left; margin:3% 1%; border-radius: 10% 10% 20px 20px; border: 1px solid #fff; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); transition:0.5s}

#lowerradius{width: 100%; height: auto; float: left; margin:0; background: url(images/aboutbg.png) #ed4b4b top center no-repeat; border-radius: 0; padding-bottom:15px;}
#lowerradius .img{width: 40%; height: auto; float: left; margin: 5% 30%; padding: 30px; background: #fff; border-radius: 50%;}
#lowerradius h1{width: 90%; height: auto; float: left; margin:1% 5%; color: #fff; font-family:"Font Awesome 5 Free"; font-size: 34px; font-weight: 600;}
#lowerradius a{width: 50%; height: auto; float: left; margin:2% 45% 2% 5%; padding: 20px 0; cursor: pointer; font-weight: 600; text-decoration: none; text-align: center; background: #efa126; color: #fff; border-radius: 50px 0 0 50px; transition: 0.5s;}

#footer{width:98%; height:auto; float:left; margin:3% 1%}
#footer .con{width:98%; height:auto; float:left; margin:1%}
#footer .con1{width:98%; height:auto; float:left; margin:1%}
#footer .con2{width:98%; height:auto; float:left; margin:1%;}
#footer .con a{width:98%; height:auto; float:left; margin:1%; color:#d2d2d2; text-decoration: none; font-weight: 500; font-size:14px; transition:0.5s}

#footerlow p{width:98%; height:auto; float:left; margin:1%; color:#eeeeee; float:left; font-size:small; text-align: center;}
#footerlow .icon{width:60%; height:auto; float:right; margin:0 20%; padding:0;}

#head{width:100%; height:auto; float:left; padding: 10px 0; margin: 10px 0;}
#head h2{width:98%; height:auto; float:left; margin:1%; color: #fff; font-weight: 600; font-size:28px; text-align: center;}
#head .right{width:98%; height:auto; float:right; margin: 1%;}
#head .right .div{width:98%; height: auto; float: right; margin:1%; padding: 15px; background: #efa126; color: #fff; border-radius: 50px 0 0 50px;}

#static{width:95%; height:auto; float:left; margin:3% 2.5%; overflow:hidden;}
#static .img{width:95%; height:auto; float:left; margin:2% 2.5%}
#static .con1{width:96%; height:auto; float:left; margin:2%; background: #fff; border: 1px solid #d7d6d6; border-radius: 5px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); transition: 0.5s;}
#static .con1 .lowcon{width:100%; height:auto; float:left; background: #fbf5e4; padding:3%; border-radius:0 0 5px 5px; border-top: 1px solid #f2ecdb;}
#static .con{width:96%; height:auto; float:left; margin:2%; background: #fce5c7; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); transition: 0.5s;}
#static div{width:100%; height:auto; float:left; margin:1% 0; line-height:160%; text-align:left; color:#333333; font-size:medium}
#static p{width:100%; height:auto; float:left; margin:1% 0; line-height:160%; text-align:left; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/tick.png'); line-height:140%; text-align:left; color:#333333; font-size:medium; margin:0 18px;}
#static ul li{margin:2px 0}
#static table{width:100%; height:auto; float:left; margin:0;}

#static .leftdiv{width: 100%; height: auto; float: left; margin:2% 0}
#static #frontform{width: 100%; height: auto; float: left; margin:2% 0;}
#static #frontform .left .leftbottom .icon{width: 40%; height: auto; float: left; margin:5%; background: #ed4b4b; border-radius: 0 0 60px 60px; padding:20px 5px;}

#contact h2{margin:20px 0; color:#05a450; font-weight: bold; font-size:28px;}
#contact .left{width:95%; height:auto; float:left; margin: 1% 2.5%;}
#contact .right{width:98%; height:auto; float:left; margin: 1%;}

#static .videod .con2 {
  position: relative;
  width: 98%;
  height:auto;
  float:left;
  padding:0;
  margin:1%;
  background:#eaeaea;
}
#static .videod .con2 .icon {
  color: red;
  font-size: 60px!important;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

}