/*
Author       : theme_ocean
Template Name: Monoline - Design Agency HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START WHY CHOOSE US DESIGN
    07. START SERVICE DESIGN
    08. START CASE STUDY DESIGN
    09. START POROFOLIO DESIGN
    10. START SKILL DESIGN
    11. START PROMOTION DESIGN
    12. START TEAM DESIGN
    13. START TESTIMONIALS DESIGN
    14. START PRICING DESIGN
    15. START BLOG DESIGN
    16. START ADDRESS DESIGN
    17. START PARTNER DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #747474;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html{
	scroll-behavior: smooth;

}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: oswald,sans-serif;
  color: #1b2032;
  font-weight: 400;
}
a {
font-family: oswald,sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif; }

:-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

::-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

:-ms-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}
.form-control::placeholder {
	color: #232a34;
	opacity: 1;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#ffaa17;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
#slideactive{

  background-image: url('https://img.youtube.com/vi/LZkxUz6l1D0/maxresdefault.jpg');
}
@media only screen and (max-width:768px) { 
#slideactive{

  background-image: url('../img/bg/mobslide1.png');
}
}
#slideone{

  background-image: url('../img/bg/webback2.jpg');
}
@media only screen and (max-width:768px) { 
#slideone{

  background-image: url('../img/bg/webback2.jpg');
}
}
#slidetwo{

  background-image: url('../img/bg/webback6.png');
}
@media only screen and (max-width:768px) { 
#slidetwo{

  background-image: url('../img/bg/mobback1.png');
}
}
#slidethree{

  background-image: url('../img/bg/bchar.png');
}
@media only screen and (max-width:768px) { 
#slidethree{

  background-image: url('../img/bg/bchar.jpeg');
}
}
#slidefour{

  background-image: url('https://img.youtube.com/vi/YMfVnRV2rYk/maxresdefault.jpg');
}
@media only screen and (max-width:768px) { 
#slidefour{

  background-image: url('../img/bg/mobslide5.png');
}
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h2 {
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
h2.section-title-white{
color:#fff;
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
.section-title span{
background: #f5325c none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #ffaa17 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	background:#fff;
	border: 2px solid #1b2032;
	color: #1b2032;
	padding: 8px 30px;
	border-radius: 30px;
	transition: 0.3s;
	margin-top: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.3);
	display: inline-block;
}
.btn_one:hover {
background:#ffaa17;
border:2px solid #ffaa17;
color:#fff;
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/* Prayer section  */
.prayer-section {
  padding: 60px 20px;
  /* background: #0b0b0b; */
  color: #fff;
}

.prayer-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1100px;
  margin: auto;
}

/* Image */
.prayer-image img {
  width: 450px;
  height: 320px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}

/* Content */
.prayer-content {
  max-width: 500px;
}

.prayer-content h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.prayer-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #030303;
  margin-bottom: 25px;
}

/* Button */
.prayer-btn {
  display: inline-block;
  padding: 12px 30px;
  background: rgb(4, 126, 20);
  color: #f7f1f1;
  text-decoration: none;
  border-radius: 30px;
  font-weight: bold;
  transition: 0.3s;
}

.prayer-btn:hover {
  background: #fff;
  color:rgb(4, 126, 20) ;
}

/* Tablet */
@media (max-width: 992px) {
  .prayer-container {
    flex-direction: column;
    text-align: center;
  }

  .prayer-image img {
    width: 100%;
    height: auto;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .prayer-content h2 {
    font-size: 24px;
  }

  .prayer-content p {
    font-size: 14px;
  }
}
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg{
    height:1000px;
    position:relative;
    overflow:hidden;
}

.bg-slide{
     left: 0;
    width: 100%;
    height: 1000px;
    background-size: cover;
    background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 768px) {
 .bg-slide{
    
    height: 800px;
  }
}
.home_bg::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    z-index:1;
}

.hero-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:2;
}

.hero-text{
    padding-top:700px;
}

.hero-text h2{
    font-size:56px;
    font-weight:bold;
    color:#fff;
	  background:rgba(0,0,0,0.55);
    /* border:2px solid #d4af37; */
    padding:15px 6px;
    
    
    -webkit-text-stroke:1.5px #d4af37;

    text-shadow:
    2px 2px 0 #111,
    0 0 8px rgba(44,37,12,.9),
    0 0 15px rgba(27,22,5,.7);
}

.hero-text a{
    background:#ffaa17;
    border:2px solid #ffaa17;
    color:#fff;
    padding:8px 30px;
    border-radius:30px;
    display:inline-block;
}
/* Side Arrows */

.bg-slide  #subscribe-button {
    padding: 12px 24px;
    font-size: 16px;
	font-weight: 800;
    background: red;
    color: #fff;
    border: 1px solid white;
    cursor: pointer;
	margin-top: 600px;
	border-radius: 10px;
	position: relative;
	z-index: 10;
}
@media (max-width: 900px) {
    .bg-slide  #subscribe-button{
       margin-top: 400px;
    }
}
.bg-slide  #apply-button {
    padding: 12px 24px;
    font-size: 16px;
	font-weight: 800;
    background: #385408;
    color: #fff;
    border: 1px solid white;
    cursor: pointer;
	margin-top: 400px;
	border-radius: 10px;
	position: relative;
	z-index: 10;
}
 #apply-button a{
    text-decoration: none;
    color: white;
    font-size: 30px;
	font-weight: 800;

 }
.carousel-control-prev,
.carousel-control-next{
    width:70px;
    z-index:5;
    opacity:1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background-color:rgba(255,170,23,0.85);
    background-size:28px;
    box-shadow:0 8px 20px rgba(0,0,0,0.35);
    transition:0.4s ease;
    animation:floatArrow 2s ease-in-out infinite;
}

/* Hover Effect */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon{
    transform:scale(1.15);
    background-color:#d4af37;
}

/* Arrow Left Position */
.carousel-control-prev{
    left:20px;
}

/* Arrow Right Position */
.carousel-control-next{
    right:20px;
}
/* Smooth Floating Motion */
@keyframes floatArrow{
    0%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
    100%{transform:translateY(0);}
}

.floating-counter{
    position: fixed;
    bottom: 80px;
    right: 105px;
    z-index: 9999;

    background:#f3f3f3;
    padding:20px;
    border-radius:60px;
    border: 1px solid maroon;
}

/* Increase counter size */
.statcounter img{
    width:20px;
    height:auto;
}
@media(max-width:768px){

    .statcounter img{
        width:20px;
    }

}


.visitmap{

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}



.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video {min-width: 100%;height:100%; }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START COLLEGE DESIGN
* ----------------------------------------------------------------------------------------
*/


.college-section {
    padding: 60px 20px;
    background: white; /* dark theme */
    color: black;
}

.college-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 40px;
}

/* Image */
/* Image Container */
.college-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* Fixed Image Size */
.college-image img {
    width: 400px;          /* fixed width */
    height: 400px;         /* fixed height */
    object-fit: cover;     /* keeps image proportion nicely */

    border-radius: 16px;   /* smooth rounded corners */

    /* Shadow */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);

    /* Optional border */
    border: 2px solid rgba(255, 215, 0, 0.4); /* gold light border */

    transition: 0.3s ease;
}

/* Hover Effect (optional but powerful) */
.college-image img:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
    .college-image img {
        width: 100%;
        height: auto;
        max-width: 350px;
    }
}
/* Content */
.college-content {
    flex: 1;
}

.college-content h2 {
    font-size:52px;
    font-weight:bold;
    ;
    margin-bottom: 15px;
}
.college-content h3 {
    font-size:42px;
    font-weight:bold;
    ;
    margin-bottom: 15px;
}
.college-content h4 {
    font-size:32px;
    font-weight:bold;
    ;
    color: #d4a017;
    margin-bottom: 15px;
}
.college-content p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #0c0c0c;
}

/* Button */
.college-btn {
    display: inline-block;
    padding: 12px 25px;
    background: gold;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    font-weight: bold;
    transition: 0.3s;
}

.college-btn:hover {
    background: #d4af37;
}

/* Responsive */
@media (max-width: 900px) {
    .college-container {
        flex-direction: column;
        text-align: center;
    }

    .college-content h2 {
        font-size: 26px;
    }
    .college-content h3 {
        font-size: 22px;
    }
    .college-content h4 {
        font-size: 18px;
    }

}

/* popup  */
/* Overlay */
.bethelpopup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

/* Popup Box */
.bethelpopup-box {
  background: linear-gradient(90deg, rgb(93 27 78) 0%, rgb(136 10 26) 50%, rgb(109 7 14) 100%);
  color: #fff;
  width: 90%;
  max-width: 1000px;
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
  animation: fadeIn 0.4s ease;
}

/* Close Button */
.bethelclose-btn {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 26px;
  cursor: pointer;
  color: #f5c542;
}

.bethelclose-btn:hover {
  color: #fff;
}

/* Button */
.bethelopen-btn {
  padding: 12px 25px;
  background: #f5c542;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  font-weight: bold;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Responsive */
@media (max-width: 500px) {
  .bethelpopup-box {
    padding: 20px;
  }

  .bethelpopup-box h2 {
    font-size: 20px;
  }

  .bethelpopup-box p {
    font-size: 14px;
  }
}

/* Section Background */
.enroll-section {
    background: url('../img/bg/bible.jpg') center/cover no-repeat;
    height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Dark Overlay */
.enroll-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* dark overlay */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
.enroll-content {
    text-align: center;
    color: #fff;
    max-width: 700px;
    padding: 20px;
}

.enroll-content h2 {
    font-size:40px;
    font-weight:bold;
    color:#fff;
    margin-bottom: 15px;
}

.enroll-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #ddd;
}

/* Button */
.enroll-btn {
    display: inline-block;
    padding: 14px 30px;
    background: gold;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    font-weight: bold;
    transition: 0.3s;
}

.enroll-btn:hover {
    background: #d4af37;
    transform: scale(1.05);
}

/* Responsive */
@media (max-width: 768px) {
    .enroll-section {
        height: auto;
        padding: 60px 20px;
    }

    .enroll-content h2 {
        font-size: 26px;
    }

    .enroll-content p {
        font-size: 14px;
    }
}


/* Section */
.courses-section {
    padding: 60px 20px;
    background: #0b0b0b;
    color: #fff;
    text-align: center;
}

/* Container */
.container {
    max-width: 1100px;
    margin: auto;
}

/* Title */
.course-section-title {
    font-size: 36px;
    margin-bottom: 15px;

}

/* Paragraph */
.section-desc {
    font-size: 16px;
    color: #ccc;
    max-width: 700px;
    margin: 0 auto 40px;
    line-height: 1.6;
}

/* Grid */
.courses-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

/* Card */
.course-card {
    background: #1a1a1a;
    padding: 25px;
    border-radius: 12px;
    transition: 0.3s;
    border: 1px solid rgba(255, 215, 0, 0.2);
}

.course-card h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.course-card p {
    font-size: 14px;
    color: #bbb;
}

/* Hover */
.course-card:hover {
    transform: translateY(-8px);
    border-color: gold;
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .course-section-title {
        font-size: 26px;
    }

    .courses-grid {
        grid-template-columns: 1fr;
    }
}


/* Contact Section */
.contact-section {
    padding: 60px 20px;

    text-align: center;
}

/* Container */
.container {
    max-width: 1100px;
    margin: auto;
}

/* Titles */
.contact-title {
    font-size: 32px;
    margin-bottom: 10px;
}

.contact-subtitle {
    color: #666;
    margin-bottom: 40px;
}

/* Cards Layout */
.contact-cards {
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Card */
.contact-card {
    background: #eaeaea;
    padding: 30px;
    flex: 1;
    min-width: 250px;
    max-width: 320px;
    border-radius: 10px;
    transition: 0.3s;
}

/* Icon */
.contact-card .icon {
    font-size: 40px;
    margin-bottom: 15px;
}

/* Card Text */
.contact-card h3 {
    margin-bottom: 10px;
}

.contact-card p {
    color: #555;
    margin-bottom: 15px;
}

/* Button */
.btn {
    display: inline-block;
    padding: 10px 20px;
    
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}

.btn:hover {
    background: #99abc2;
}

/* Hover Effect */
.contact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .contact-title {
        font-size: 26px;
    }

    .contact-cards {
        flex-direction: column;
        align-items: center;
    }
}
/*
* ----------------------------------------------------------------------------------------
* 04.END COLLEGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START MISSIONDESIGN
* ----------------------------------------------------------------------------------------
*/





.mission {
  padding: 60px 20px;
}

.mission-container {
  max-width: 1000px;
  margin: auto;
}

.mission h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 40px;
}

/* Step Layout */
.mission-step {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  background: #ddd;
  border-radius: 5px;
  overflow: hidden;
}

/* Arrow */
.mission-arrow {
  position: relative;
  min-width: 150px;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  min-height: 90px;
}

/* Arrow Shape */
.mission-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 40px solid transparent;
}

/* Colors */
.mission-list {
  background: linear-gradient(90deg, rgb(93 27 78) 0%, rgb(136 10 26) 50%, rgb(109 7 14) 100%);
border-bottom: 1px solid transparent;
}
.mission-list::after {
  border-left: 40px solid rgb(109 7 14);
}



/* Content */
.mission-content {
  padding: 20px 30px;

  flex: 1;
  color: #333;
  font-size: 16px;
}
.mission-content p{
	margin-left: 15px;
 }
/* Right color strip */
.mission-step::after {
  content: "";
  width: 8px;
  height: 100%;
}

.mission-step:nth-child(2)::after { background: #9b6bbd; }
.mission-step:nth-child(3)::after { background: #2aa3c6; }
.mission-step:nth-child(4)::after { background: #6db24a; }
.mission-step:nth-child(5)::after { background: #f59e0b; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .mission-step {
    flex-direction: column;
    align-items: flex-start;
  }

  .mission-arrow {
    width: 100%;
    text-align: center;
  }

  .mission-arrow::after {
    display: none;
  }

  .mission-content {
    padding: 15px;
  }
}

/*
* ----------------------------------------------------------------------------------------
* 04.END MISSION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature_area {
	padding-bottom: 80px;
	position: relative;
	margin-top: -80px;
}
@media only screen and (max-width:768px) { 
.feature_area{
	margin-top:0px;
}
}
.feature_bg{
	padding:60px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
	margin-top:100px;
}
@media only screen and (max-width:768px) { 
.feature_bg{
	margin-top:0px;
}
}
.single_feature {
	background: #f9fcff;
	position: relative;
	padding: 60px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition:0.3s;
}
.single_feature:hover{
background:#fff;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
-webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
.single_feature img {
width:240px;
height: 150px;
margin-bottom: 25px;
}
.single_feature h4 {
	margin-bottom: 15px;
	font-size: 20px;
}
.single_feature a:hover{
    color: goldenrod;
 }
.single_feature p{}
.single_about_content {
	margin-top: -60px;
	background: #fff;
	padding: 60px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	position: relative;
	margin-bottom: 60px;
}
.single_about_content h2 {
	margin-bottom: 30px;
	font-size: 50px;
	font-weight: 500;
}
.single_about_content p{}

.hire_us_area{background:#f9fcff;}
.hire_img{}
.hire_img img {
	width: 200px;
}
.hire_content{}
.hire_content h2 {
	font-weight: 500;
	font-size: 50px;
	margin-bottom: 20px;
}
.hire_content p {
	margin-bottom: 30px;
}
.hire_content a{}


/* Section */
.pastor-section {
    padding: 60px 20px;
    background:  #fff;
    color: #242121;
}

/* Container */
.pastor-container {
    max-width: 1100px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 40px;
}

/* Image */
.pastor-image img {
    width: 320px;
    height: 400px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* Content */
.pastor-content {
    flex: 1;
}

.pastor-content h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.pastor-content p {
    color: #141313;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Button */
.pastor-btn {
    display: inline-block;
    padding: 12px 25px;
    background: gold;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    font-weight: bold;
    transition: 0.3s;
}

.pastor-btn:hover {
    background: #d4af37;
}

/* Responsive */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
        text-align: center;
    }

    .pastor-image img {
        width: 100%;
        height: auto;
        max-width: 300px;
    }

    .pastor-content h2 {
        font-size: 26px;
    }
}






/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
#Prayer-verse{

padding: 100px 100px;


}
#Prayer-verse h3{ 

    font-size: 40px;
    color: white;
    box-shadow: #000;
    font-weight: 800;
}


/* Responsive */
@media (max-width: 768px) {
#Prayer-verse{

padding: 30px 50px;


}

}

/*
* ----------------------------------------------------------------------------------------
* 05.START TESTIMONY
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.END TESTIMONY
* ----------------------------------------------------------------------------------------
*/



.testimony-section{
    padding:80px 20px;
    /* background:#111; */
	text-shadow: solid #111;
	margin-top: 200px;
}

.testimony-section .section-title{
    text-align:center;
    margin-bottom:50px;
}

.testimony-section .section-title h2{
    font-size:42px;
    color:#080808;
    margin-bottom:15px;
}

.testimony-section .section-title p{
    color:#141313;
    font-size:18px;
}

.testimony-row{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.testimony-box{
    flex:1 1 48%;
    background:#651844;
    padding:25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

.testimony-box img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:20px;
}

.testimony-box h3{
    color:#fff;
    font-size:28px;
    margin-bottom:15px;
}

.testimony-box p{
    color:#ccc;
    line-height:1.7;
}

@media(max-width:768px){
    .testimony-box{
        flex:1 1 100%;
    }
}




/* upload testimony */

.uptestimony-section {
  padding: 80px 20px;
  /* background: linear-gradient(rgba(105, 104, 104, 0.7), rgba(110, 108, 108, 0.8)),
              url('your-background.jpg') center/cover no-repeat; */
  color: #080808;
}

.uptestimony-container {
  max-width: 1100px;
  margin: auto;
}

.uptestimony-header {
  text-align: center;
  margin-bottom: 50px;
}

.uptestimony-header h2 {
  font-size: 36px;
  margin-bottom: 10px;
  color: #f5c542;
}

.uptestimony-header p {
  font-size: 16px;
  color: #0c0c0c;
}

.uptestimony-wrapper {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.uptestimony-info {
  flex: 1;
}

.uptestimony-info h3 {
  font-size: 26px;
  margin-bottom: 15px;
  color: #000;
}

.uptestimony-info p {
  color: #252424;
  line-height: 1.6;
}

#indexframe{

  width: 560px;
  height: 315px;

}


/* RESPONSIVE */
@media (max-width: 900px) {
  #indexframe{

  width: 350px;
  height: 150px;

}
}
/* FORM */
.uptestimony-form {
  flex: 1;
  background: rgba(255,255,255,0.08);
  padding: 30px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.uptestimony-form-group {
  margin-bottom: 20px;
}

.uptestimony-form-group input,
.uptestimony-form-group textarea {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  outline: none;
  background: #e8eef3;
  color: #111111;
  font-size: 14px;
}

.uptestimony-form-group input::placeholder,
.uptestimony-form-group textarea::placeholder {
  color: #bbb;
}

.uptestimony-file-input label {
  font-size: 13px;
  margin-bottom: 5px;
  display: block;
  color: #ccc;
}

.uptestimony-form button {
  width: 100%;
  padding: 14px;
  border: none;
  background: #f5c542;
  color: #000;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.uptestimony-form button:hover {
  background: #d4a017;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .uptestimony-wrapper {
    flex-direction: column;
  }

  .uptestimony-header h2 {
    font-size: 28px;
  }

  .uptestimony-info {
    text-align: center;
  }
}




.frontabout-section{
    padding:80px 20px;
    background:#651844;
}

.frontaboutcontainer{
    max-width:1200px;
    margin:auto;
}

.frontaboutsection-title{
    text-align:center;
    margin-bottom:50px;
}

.frontaboutsection-title h2{
    font-size:42px;
    color:#fff;
    margin-bottom:10px;
}

.frontaboutsection-title p{
    color:#ddd;
    font-size:18px;
}

.frontabout-row{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.frontabout-box{
    flex:1 1 30%;
    background:rgba(255,255,255,0.08);
    padding:25px;
    border-radius:15px;
    text-align:center;
    backdrop-filter:blur(6px);
}

.frontabout-box img{
    width:200px;
    height:220px;
    object-fit:cover;
    border-radius:12px;
	margin-top: 50px;
    /* margin-bottom:20px; */
}

.frontabout-box h3{
    color:#fff;
    font-size:28px;
    margin-bottom:15px;
}

.frontabout-box p{
    color:#eee;
    line-height:1.7;
    font-size:16px;
}

.frontaboutmore-text{
    display:none;
}

.frontabout-box button{
    margin-top:15px;
    padding:10px 22px;
    border:none;
    background:#d4af37;
    color:#111;
    border-radius:30px;
    cursor:pointer;
    font-weight:bold;
}

.frontabout-box button:hover{
    background:#fff;
}

@media(max-width:768px){
    .frontabout-box{
        flex:1 1 100%;
    }
}
/*
* ----------------------------------------------------------------------------------------
* 05.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
background:#651844;
	position: relative;
	margin-bottom: 80px;
}
.single-project {
	border-right: 1px solid #d798bca8;
	position: relative;
}
.single-project-mrnone{border-right:0px;}
.single-project img {
	height: 100px;	
width:100px;
	margin-bottom: 20px;
}
.single-project h2 {
	font-weight: 700;
	font-size: 50px;
	color:#fff;
}
.single-project h4 {
	margin-bottom: 0;
	font-size:16px;
	color:#fff;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.video_btn {
	padding:150px 0;
	position: relative;
	border:15px solid #fff;
	margin-top: 100px;
	margin-bottom:-180px;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.video_btn h3 {
	background: #ffaa17;
	padding: 30px;
	margin: 0 40px;
	line-height: 40px;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-weight: 600;
}
.video_btn a {
	/* background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; */
	/* border: 4px solid #fff; */
	border-radius: 100px;
	color: #fff;
	display: block;
	font-size: 34px;
	height: 100px;
	line-height: 90px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100px;
	/* transition:0.3s; */
}
.video_btn a img {
	   
    
    color: white;
    text-decoration: none;
    height: 100px;
	width: 100px;
    background-image: url('images/button-bg.jpg');
   
}
/* .video_btn a:hover{border: 4px solid #ffaa17;} */
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_area {
	margin-top: 10px;
}
.single_why_choose{margin-top:60px;}
.single_why_choose h2 {
	font-size: 60px;
	font-weight: 600;
	line-height: 76px;
	margin-bottom: 30px;
}
.single_why_choose p{margin-bottom: 30px;}
.single_why_choose_img img{}
.single_why_choose a{}
.single_why_choose a:hover{}
/*
* ----------------------------------------------------------------------------------------
* 06.END WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service_area{background:#f9fcff;padding-bottom:50px;}
.single_service{
background:#fff;
padding:60px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
margin-bottom:30px;
}
.single_service img{margin-bottom:20px;}
.single_service h4{margin-bottom:20px;font-size: 22px;}
.single_service p {
	margin-bottom: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
.case_content_top{}
.case_content_top h2 {
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 46px;
	line-height: 60px;
	padding-right: 60px;
}
.case_content_top p {
	padding-right: 40px;
	margin-bottom: 20px;
}
.case_content_top_img img{}
.case_content_area{}
.case_content{}
.case_content h2{margin-bottom:20px;}
.case_content p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	padding-right: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio_area{overflow: hidden;}
.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
.portfolio_filter ul li {
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	font-size: 16px;
	color: #252d35;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
.portfolio_filter ul li:last-child {
	border-right: 0px;
}
.portfolio_filter .active {
	color: #ffaa17;
}
.portfolio-grid{position: relative;}
.single-gallery{
	position: relative;
}
.single-gallery:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: .5s;
	opacity: 0;
	border-radius: 4px;
}
.single-gallery img{
	border-radius: 4px;
}
.gallery_enlarge_icon{
	opacity: 0;
}
.gallery_enlarge_icon{
	/* background-color: #ffaa17; */
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	transition: .5s;
}
/* .gallery_enlarge_iconed{
	opacity: 0;
} */
.gallery_enlarge_iconed{
	/* background-color: #ffaa17; */
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	transition: .5s;
}
.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus{
	/* background-color: #fff; */
	color: #f8ecec;
}
.gallery_enlarge_iconed:hover,
.gallery_enlarge_iconed:focus{
	/* background-color: #fff; */
	color: #333;
}
.single-gallery h4 {
	position: absolute;
	left: 15px;
	bottom: 10px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	opacity: 0;
	transition: .5s;
}
.single-gallery h4 a{color:#fff;}
.single-gallery h4 a:hover{color:#ffaa17;}
.portfolio-item{
	margin-bottom: 30px;
}
.gallery-btn{
	background-color: #fc5b62;
	border: 1px solid #fc5b62;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 30px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 600;
	letter-spacing: 1px;
}
.gallery-btn:hover,
.gallery-btn:focus{
	background-color: #211E3B;
	border-color: #211E3B;
	color: #fff;
}
.single-gallery:hover:before,
.single-gallery:hover .gallery_enlarge_icon,.single-gallery:hover.gallery_enlarge_iconed
.single-gallery:hover h4{
	opacity: 1 !important; 
}
.portfolio_btn{margin-top: 30px;}
.portfolio_btn a{}
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.portfolio_project_area{background:#f9fcff;padding-bottom: 50px;}
.single_project {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.single_project img{
width:500px;
float:left;
margin-right:30px;
}
.single_project h1 {
	font-size: 80px;
	margin-bottom: 10px;
	color: #ffaa17;
}
.single_project h2{margin-bottom:20px;}
.single_project p{margin-bottom:20px;}
.single_project a{}

.single_project_area{background:#f9fcff;padding-bottom:50px;}
.project_dec {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
}
.project_dec img {
margin-right: 20px;
width: 600px;
}
.about_project h4 {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	font-weight: 600;
}
.about_project p {
	margin-bottom: 30px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #ffaa17;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #ffaa17;
    font-weight: 700;
}
.about_project_details ul li a:hover {text-decoration: underline;}
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 09.END POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/* video design */

.video-section {
  padding: 60px 20px;
  text-align: center;
  
  color: #fff;
}

.video-title {
  font-size: 32px;
  margin-bottom: 10px;
}

.video-subtitle {
  font-size: 16px;
  margin-bottom: 40px;
  color: #ccc;
}

.video-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.video-card {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

.video-card iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  top: 0;
  left: 0;
}

/* Tablet */
@media (max-width: 992px) {
  .video-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .video-container {
    grid-template-columns: 1fr;
  }

  .video-title {
    font-size: 24px;
  }
}


/* Donate */

.donate-section {
  padding: 60px 20px;
  /* background: #0b0b0b; */
  color: #fff;
  text-align: center;
}

.donate-title {
  font-size: 32px;
  margin-bottom: 10px;
}

.donate-subtitle {
  color: #111010;
  margin-bottom: 40px;
}

.donate-container {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Cards */
.donate-card {
  background: #111;
  padding: 25px;
  border-radius: 15px;
  width: 350px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
  text-align: left;
  transition: 0.3s;
}

.donate-card:hover {
  transform: translateY(-5px);
}

.donate-card h3 {
  margin-bottom: 15px;
  color: gold;
}

.donate-card p {
  margin: 8px 0;
  color: #ddd;
}

/* QR Image */
.qr-image {
  width: 180px;
  height: 180px;
  display: block;
  margin: 15px auto;
  border-radius: 10px;
  border: 2px solid gold;
}

.note {
  font-size: 12px;
  text-align: center;
  color: #aaa;
}

/* Responsive */
@media (max-width: 768px) {
  .donate-title {
    font-size: 24px;
  }

  .donate-card {
    width: 100%;
  }
}



.quick-pay-section {
  padding: 60px 20px;
  text-align: center;
  /* background: #0b0b0b; */
  color: #fff;
}

.quick-title {
  font-size: 32px;
  margin-bottom: 10px;
}

.quick-subtitle {
  color: #0c0c0c;
  margin-bottom: 40px;
}

.quick-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

/* Buttons */
.pay-btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  min-width: 180px;
  transition: 0.3s;
  box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}

/* Individual Styles */
.gpay {
  background: linear-gradient(45deg, #4285F4, #34A853);
}

.phonepe {
  background: linear-gradient(45deg, #5f259f, #7d3cff);
}

.paytm {
  background: linear-gradient(45deg, #00baf2, #002970);
}

.whatsapp {
  background: linear-gradient(45deg, #25D366, #128C7E);
}

/* Hover */
.pay-btn:hover {
  transform: translateY(-5px);
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 768px) {
  .quick-title {
    font-size: 24px;
  }

  .pay-btn {
    width: 100%;
    max-width: 300px;
  }

  .quick-buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* Shop section */
.shop-section {
  padding: 60px 20px;
  /* background: #0b0b0b; */
  color: #fff;
  text-align: center;
}

.shop-title {
  font-size: 34px;
  margin-bottom: 10px;
  color: #000;
}

.shop-subtitle {
  color: #000000;
  margin-bottom: 40px;
}

/* Grid */
.shop-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Card */
.book-card {
  background: #111;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
  transition: 0.3s;
  position: relative;
}

.book-card:hover {
  transform: translateY(-8px);
}

/* Image */
.book-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 15px;
}

/* Text */
.book-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: white;
}

.book-card p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 15px;
}

/* Price */
.price {
  font-size: 18px;
  color: gold;
  margin-bottom: 15px;
  font-weight: bold;
}

/* Button */
.order-btn {
  display: inline-block;
  padding: 10px 20px;
  background: linear-gradient(45deg, gold, #d4af37);
  color: #000;
  text-decoration: none;
  border-radius: 30px;
  font-weight: bold;
  transition: 0.3s;
}

.order-btn:hover {
  background: #fff;
}

/* Featured Badge */
.featured {
  border: 2px solid gold;
}

.badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: gold;
  color: #000;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 992px) {
  .shop-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .shop-container {
    grid-template-columns: 1fr;
  }

  .shop-title {
    font-size: 26px;
  }
}



/* Account section */

.account-section {
  padding: 80px 20px;
  background: white;
  display: flex;
  justify-content: center;
}

.account-container {
  width: 100%;
  max-width: 400px;
}

.account-box {
  background: linear-gradient(90deg, rgb(93 27 78) 0%, rgb(136 10 26) 50%, rgb(109 7 14) 100%);
  padding: 30px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

/* Tabs */
.tabs {
  display: flex;
  margin-bottom: 20px;
}

.tabs button {
  flex: 1;
  padding: 10px;
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  border-bottom: 2px solid transparent;
}

.tabs button.active {
  border-bottom: 2px solid #f5c542;
  color: #f5c542;
}

/* Forms */
.form {
  display: none;
}

.form.active {
  display: block;
}

.form input {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: none;
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  color: #fff;
}

.form input::placeholder {
  color: #ccc;
}

.form button {
  width: 100%;
  padding: 12px;
  background: #f5c542;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
}

.form button:hover {
  background: #d4a017;
}

.form p {
  text-align: center;
  font-size: 13px;
}

.form a {
  color: #f5c542;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 500px) {
  .account-box {
    padding: 20px;
  }
}

/*
* ----------------------------------------------------------------------------------------
* 10.START SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills_area {
	position: relative;
	padding-top: 80px;
	padding-bottom: 0;
	margin-bottom: 80px;
}
.skills_area:before {
    background:#0e5ca6;
	opacity:0.2;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.skill_bg {
	background: #fff;
	padding: 70px;
	border-radius:20px;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	margin-bottom: -80px;
}
.skill_content{}
.skill_content h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
}
.skill_content p{
margin-bottom:30px;
}
.skill_bar{
margin-right:30px;
}
.progress-bar-text {
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 20px;
	border-radius: 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #ffaa17 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	border-radius: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_area{}
.promotional_content{}
.promotional_content img{}
.promotional_content p {
	width: 70%;
	margin: auto;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_area{}
.team_title {
	color: #fff;
	margin-bottom: 60px;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
}
.our-team {margin-bottom: 30px;}
.single-team{margin-bottom:10px;}
.single-team img {
	margin-bottom:15px;
	border-radius:2px;
	border: 10px solid #fff;
}
.single-team h3 {
	margin-bottom:6px;
	font-size:18px;
	font-weight: 600;
}
.single-team p{margin-bottom:0px;}

.our-team .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.our-team .social li{
display: inline-block;
}
.our-team .social li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 3px;
}
.our-team:hover .social li:nth-child(1) a{
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a{
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
}
.our-team:hover .social li:nth-child(3) a{
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.our-team .social li a:hover{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

.facebook{background: #1C58A1;}
.facebook:hover{background: #fff;color:#1C58A1!important;}
.twitter{background: #0CBCE3;}
.twitter:hover{background: #fff;color:#0CBCE3!important;}
.google{background: #F04537;}
.google:hover{background: #fff;color:#F04537!important;}
/*
* ----------------------------------------------------------------------------------------
* 12.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_area{padding-bottom:30px;}
.single_testimonial {
	margin-bottom: 50px;
}
.testimonial_img{}
.testimonial_img img {
	width: 100px;
	border-radius: 100px;
	margin-right: 20px;
	float: left;
	margin-bottom:60px;
}
.single_testimonial p {
	margin-bottom: 20px;
	overflow: hidden;
}
.single_testimonial h4 {
	overflow: hidden;
	font-size: 20px;
}
.single_testimonial h5 {
	font-family: 'Poppins', sans-serif;
	overflow: hidden;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 14.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-table-area{position:relative;}
.pricing_page{background: #f9fcff;}
.pricing-table-area:before {
    background:#0e5ca6;
	opacity:0.1;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pricingTable {
	color: #fff;
	background: #0e5ca6;
	text-align: center;
	padding: 10px 10px 20px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.pricingTable:before,
.pricingTable:after{
    content: "";
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #692a92;
    box-shadow: 0 0 1px 8px #fff;
    position: absolute;
    top: 100px;
    right: 20px;
}
.pricingTable:after{
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 4px #fff;
    top: 35px;
    right: 50px;
}
.pricingTable .pricingTable-header{ margin: 0 0 40px; }
.pricingTable .pricingTable-header:before{
    content: "";
    background: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: -30px;
}
.pricingTable .price-value{
    color: #0e5ca6;
    background: #fff;
    width: 140px;
    height: 140px;
    padding: 25px 10px;
    border: 3px solid #0e5ca6;
    border-radius: 50%;
    position: relative;
}
.pricingTable .price-value:before{
    content: "";
    border: 2px solid #0e5ca6;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}
.pricingTable .price-value .currency{
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -3px 0 0;
}
.pricingTable .price-value .amount{
    font-size: 52px;
    line-height: 70px;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin-top: -7px;
}
.pricingTable .pricing-content{
    border: 2px solid #fff;
    padding: 23px 10px 45px;
    margin: 0 20px;
}
.pricingTable .title {
	font-size: 40px;
	font-weight: 500;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	margin: 0;
	color: #fff;
	margin-bottom: 30px;
}
.pricingTable .pricing-content ul{
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content ul li {
	/* font-size: 17px; */
	font-weight: 300;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 7px;
    left: 0;
}
.pricingTable .pricingTable-signup a {
	color: #0e5ca6;
	background: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	width: 60%;
	display: block;
	margin: -22px auto 0;
	transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
color:#ffaa17;
}
.pricingTable.blue{ background:#0e5ca6; }
.pricingTable.blue:before,
.pricingTable.blue:after,
.pricingTable.blue .price-value,
.pricingTable.blue .price-value:before{
    border-color: #253e81;
    color: #253e81;
}
.pricingTable.blue .pricingTable-signup a{ color: #253e81; }
.pricingTable.red .pricingTable-signup a{ color: #cc1438; }
/*
 * ----------------------------------------------------------------------------------------
 * 14.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area{background:#f9fcff;padding-bottom:50px;}
.home_single_blog{
background:#fff;
margin-bottom:30px;
}
.home_blog_content{padding:30px;border-radius: 10px;}
.blog-img img {
	width: 1000%;
}
.home_single_blog img {
	width: 100%;
}
.blog_title_info {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.blog_title_info h2{}
.blog_title_info h2 a {
	color: #1b2032;
	transition: 0.3s;
	margin-bottom: 5px;
	display: inline-block;
}
.blog_title_info h2 a:hover{color:#ffaa17;}
.blog_title_info span {
	font-size: 14px;
	margin: 0 5px;
}
.blog_title_info span a {
	color: #ffaa17;
	transition: 0.3s;
	letter-spacing: 1px;
}
.blog_title_info span a:hover{color:#1b2032;}
.home_single_blog p{}
.home_b_btn {
	color: #1b2032;
	font-weight: 300;
	margin-top: 10px;
	display: inline-block;
}
.home_b_btn:hover{color:#ffaa17;}

/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1b2032;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius:10px;
	border-top: 3px solid #ffaa17;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
.blog_search{}
.blog_search input {
background: #f8f4ef none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #1b2032;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #ffaa17;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #ffaa17 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1b2032;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #ffaa17 }
.single_upcoming_event span i{margin-right:5px;color: #ffaa17 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1b2032;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #ffaa17 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #1b2032;
	border-radius: 30px;
	color: #1b2032;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fff;
}
.tag a:hover {
    background: #ffaa17;
    color: #fff;
    border: 2px solid #ffaa17;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #ffaa17;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ffaa17;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea {
	border-bottom: 1px solid #dddd !important;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}
.comment_form textarea {}

/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 15.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.events-section {
  padding: 80px 20px;
  /* background: #0b0b0b; */
  color: #fff;
}

.container {
  max-width: 1100px;
  margin: auto;
}

/* Header */
.events-header {
  text-align: center;
  margin-bottom: 50px;
}

.events-header h2 {
  font-size: 34px;
  color: #f7b605;
}

.events-header p {
  color: #0a0a0a;
}

/* Grid */
.events-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* Card */
.event-card {
  background: linear-gradient(90deg, rgb(93 27 78) 0%, rgb(136 10 26) 50%, rgb(109 7 14) 100%);
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  transition: 0.3s;
  border: 1px solid rgba(255,255,255,0.1);
}

.event-card:hover {
  transform: translateY(-5px);
  border-color: #f5c542;
}

/* Date */
.event-date {
  font-size: 13px;
  color: #f5c542;
  margin-bottom: 10px;
}

/* Title */
.event-card h3 {
  margin-bottom: 10px;
  color: white;
}

/* Text */
.event-card p {
  font-size: 14px;
  color: #ccc;
}

/* Info */
.event-info {
  margin: 15px 0;
  font-size: 13px;
  display: flex;
  justify-content: space-around;
  color: #aaa;
}

/* Button */
.event-btn {
  display: inline-block;
  padding: 10px 20px;
  background: #f5c542;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
}

.event-btn:hover {
  background: #d4a017;
}

/* Responsive */
@media (max-width: 992px) {
  .events-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .events-grid {
    grid-template-columns: 1fr;
  }
}

.invite-section {
  padding: 80px 20px;

  color: #fff;
}

.invite-container {
  max-width: 1100px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 40px;
}

/* Image */
.invite-image {
  flex: 1;
}

.invite-image img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

/* Content */
.invite-content {
  flex: 1;
}

.invite-content h2 {
  font-size: 34px;
  color: black;
  margin-bottom: 10px;
}

.tagline {
  font-size: 18px;
  margin-bottom: 20px;
  color: #111111;
}

.details {
  line-height: 1.8;
  margin-bottom: 15px;
  color: #000;
}

.speaker {
  margin-bottom: 25px;
}

/* Button */
.invite-btn {
  display: inline-block;
  padding: 12px 25px;
  background: #f5c542;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
}

.invite-btn:hover {
  background: #d4a017;
}

/* Responsive */
@media (max-width: 768px) {
  .invite-container {
    flex-direction: column;
    text-align: center;
  }
}

.spopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.spopup-box {
  background: #111;
  color: #fff;
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  width: 320px;
}

.spopup-box h2 {
  color: #d4af37;
  margin-bottom: 10px;
}

.spopup-box button {
  margin-top: 15px;
  padding: 10px 20px;
  border: none;
  background: #d4af37;
  color: #000;
  border-radius: 20px;
  cursor: pointer;
}

/*
* ----------------------------------------------------------------------------------------
* 16.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area{background:#651844;}
.single_address {}
.single_address h4 {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 20px;
}
.mr_20{margin-bottom:10px;}
.single_address p{}
.single_address p a{color:#1b2032;transition:0.3s;}
.single_address p a:hover{color:#ffaa17;}
.contact input {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1b2032;
	font-size: 18px;
	font-weight:400;
	height: 70px;
	padding: 20px;
	width: 100%;
	margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
.contact textarea {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1b2032;
	font-size:18px;
	margin-bottom: 15px;
	font-weight:400;
	padding: 20px;
	width: 100%;
	font-family: 'Poppins', sans-serif;
}
.contact input:focus {
	border: 1px solid #f6f6f6;
    box-shadow: none;
	color: #1b2032;
	background: #fff;
    outline: 0 none;
}
.contact textarea:focus {
	border: 1px solid #fff;
    box-shadow: #f6f6f6;
    outline: 0 none;
	color: #1b2032;
	background: #fff;
}
.contact button {
	font-size: 16px;
}
.contact_btn {
	background: #ffaa17;
	display: inline-block;
	color: #fff;
	border: 2px solid #ffaa17;
	padding: 12px 40px;
	
}
.contact_btn:hover{
	background: #232a34;
	border: 2px solid #232a34;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 17.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.partner-logo {padding-bottom: 40px;}
.single_logo {}
.single_logo a img {
	width:100px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.single_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 17.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

.map{}
.map iframe{
width:100%;
height:400px;
margin-bottom: -10px;
}

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	padding-bottom: 50px;
	/* padding-top: 80px; */
	background-size: 100% 100%;
}
.footer_logo {padding-top:160px;}
.footer_logo img{
width:150px;
}
.footer_logo p {
	color: #a9b4c7;
	margin-top: 10px;
	margin-bottom: 25px;
}
.single_footer{padding-top:160px;}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 17px;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	font-weight:300;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover { color: #ffaa17 ; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single_footer_address p {
	margin-bottom: 10px;
}

/*START SOCIAL PROFILE CSS*/
.newsletter-form{padding-top:160px;}
.newsletter-form h4{
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 18px;
}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
}
.subscribe button {
	width: 100%;
}
.subs_btn {
	background: #ffaa17;
	border:2px solid #ffaa17;
	color: #fff;
	padding: 12px;
	transition: 0.3s;
}
.subs_btn:hover{
background: #fff;
border:2px solid #fff;
color:#ffaa17;
}
.social_profile {margin-top:10px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#fff;
}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#FF5252;}
.f_linkedin{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/
.footer_copyright {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 30px;
	margin-top: 60px;
}
.footer_copyright p{
color: #fff;
text-align: center;
text-transform: capitalize;
} 
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top:before {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background:#0e5ca6; */
  opacity:0.9;
  content: "";
  left: 0;
  top: 0;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
position: relative;
}
/*
* ----------------------------------------------------------------------------------------
* 19.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 20.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {
  padding: 100px 0 100px;
}


.faq-tab-menus {
  display: block;
  text-align: center;
  border: 0;
  margin: 0 0 100px;
}

.faq-tab-menus .nav-item {
  display: inline-block;
  border: 0;
  margin: 0;
}

.faq-tab-menus .nav-item .nav-link {
  display: inline-block;
  border: 0;
  margin: 0;
  color: #1d293e;
  font-size: 24px;
  line-height: 28px;
  padding: 16px 60px;
  border-radius: 3px;
}

.faq-tab-menus .nav-item .nav-link.active {
  background: #ffaa17;
  color: #ffffff;
  box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
}

.faq_tab .card {
  border: 1px solid #eee;
  background:#fff;
  box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
  border-radius: 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  margin-bottom: 20px;
}

.faq_tab .card .card-header {
  border: 0;
  background: transparent;
  padding: 0;
}

.faq_tab .card .card-header .btn {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-size: 26px;
  line-height: 30px;
  color: #1d293e;
  font-weight:500;
  padding: 24px 46px;
  position: relative;
  white-space: pre-wrap;
}

.faq_tab .card .card-header .btn::after {
  content: "\f077";
  font-family: "fontAwesome";
  font-weight: 900;
  color: #767e92;
  font-size: 14px;
  position: absolute;
  right: 46px;
  top: 30px;
}

.faq_tab .card .card-header .btn.collapsed::after {
  content: "\f078";
}

.faq_tab .card .card-body {
  padding: 6px 46px 40px;
  background: #F0FBFF;
}

.faq_tab .card:hover {
  box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
}

.faq_tab .card:hover .card-header .btn::after {
  color: #1386fc;
}
/* ----------------------------------------------------------------------------------------
* 20.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 21.START SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_area{}
.marketing_content{}
.marketing_content h2 {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
}
.marketing_content img{}
.marketing_text{}
.marketing_text p{margin-bottom:20px;}
.single_marketing{margin-bottom: 40px;}
.marketing_icon_img{}
.marketing_icon_img img {
	float: left;
	margin-right: 20px;
	width: 70px;
	margin-bottom: 20px;
}
.single_marketing h3{}
.single_marketing p{overflow: hidden;}
/* ----------------------------------------------------------------------------------------
* 21.END SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/

.action-buttons {
    margin-top: 20px;
}

.action-buttons .btn {
    margin: 5px;
    padding: 10px 20px;
    border-radius: 30px;
}
#sharemob{
  display: none;
}
@media only screen and (max-width:768px) { 
#sharemob{
  display: inline;
}
}
#shareweb{
  display:inline;
}
@media only screen and (max-width:768px) { 
#shareweb{
  display: none;
}
}