html,body{
    overflow-x: hidden;
}

body {
    font-family: 'Montserrat', sans-serif;
   background-color: #0d0c0c;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

/* header start  */
.sec-page {
    font-weight: 700;
    color: #fff;
    transition: 0.3s;
    position: relative;
}

.sec-page::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 0;
    background-color: #23AAB4;
    left: 0;
    right: 0;
    margin: auto;
    top: 35px;
    transition: 0.3s;
}

.sec-page:hover {
    color: #23AAB4;
}

.sec-page:hover::after {
    width: 80%;
}

.nav-item {
    margin-right: 20px;
}

.navbar-toggler-icon{
    background-image: url(../images/hamburger.png);
}

/* header end  */

/* banner start  */

.banner {
    padding: 140px 0;
}

.banner h2 {
    color: #23AAB4;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.banner h1 {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    text-transform: capitalize;
}

.banner p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
}

.thanks {
   color: red;
   width: 100%;
   padding: 20px;
   text-align: center;
   background-color: white;
}

.watch-video {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 16px;
    letter-spacing: 1px;
    background-color: #23AAB4;
    transition: 0.3s;
}

.watch-video:hover {
    background-color: #fff !important;
    color: #23AAB4 !important;
}

.cc-watch-video-btn {
    background-color: #fff !important;
    color: #23AAB4 !important;
}

.cc-watch-video-btn:hover {
    color: #fff !important;
    background-color: #23AAB4 !important;
}

/* banner end  */

/* about start  */
.about{
	background-color: #0d0c0c;
    padding: 100px 0;
}

.about h2{
    color: #23AAB4;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

video{
    box-shadow: 0 0 20px #193f44;
}

.about h1{
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    text-transform: capitalize;
}

.about p{
    color: #fff;
    font-size: 16px;
    color: #fff;
}

/* about end  */

/* newsletter start  */
.newsletter {
    padding: 40px 0;
}

.form-wrapper {
    padding: 40px;
    box-shadow: 0 0 20px #193f44;
}

.form-wrapper h3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: white;
    font-size: 20px;
}

.submit-btn {
    width: 100%;
    height: 40px;
    font-weight: 700;
    color: #fff;
    background-color: #23AAB4;
    border: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.3s;
    box-shadow: 0 0 20px #193f44;
}

.submit-btn:hover {
    background-color: transparent;
    box-shadow: 0 0 20px #193f44;
}

.form-control {
    border-radius: 0;
    height: 40px;
    font-weight: 500;
}

.form-control:focus {
    box-shadow: 0 0 20px #193f44;
}

/* newsletter end  */

/* info one start  */
.info-one {
    padding: 80px 0;
}

.info-wrapper h2 {
    font-weight: 700;
    font-size: 22px;
    color: #23AAB4;
}

.info-wrapper p,
li {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.info-wrapper p {
    line-height: 32px;
}

.info-wrapper li {
    margin: 13px 0;
}

/* info one end  */

/* info-two start  */
.info-two {
    padding: 80px 0;
}

/* info-two end  */

/* info-three start  */
.info-three {
    padding: 80px 0;
}

/* info-three end  */

/* info four start  */
.info-four {
    padding: 80px 0;
}

/* info four end  */

/* campaign start  */
.campaign {
    padding: 40px 0;
}

.campaign-wrapper {
    padding: 40px;
    box-shadow: 0 0 20px #193f44;
}

.campaign-wrapper h3 {
    margin-bottom: 10px;
    font-weight: 700;
    color: #23AAB4;
    font-size: 36px;
}

.campaign-wrapper p {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.join-now-btn {
    display: inline-block;
    text-decoration: none;
    padding: 6px 26px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    background-color: #23AAB4;
    border: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.3s;
    box-shadow: 0 0 20px #193f44;
}

.join-now-btn:hover {
    background-color: #fff;
    color: #193f44;
}

/* campaign end  */

/* ss-gallery start  */

.ss-gallery {
    padding: 100px 0;
}

.ss-gallery h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #23AAB4;
    font-weight: 700;
    font-size: 30px;
}

.slick-dots li button:before {
    height: 30px !important;
    width: 30px !important;
    font-size: 15px;
    color: #fff !important;
}

.slick-dots {
    bottom: -50px;
}

/* ss-gallery end  */

/* faq start  */
.faq {
    padding: 80px 0;
}

.faq h3 {
    text-align: center;
    margin-bottom: 30px;
    color: #23AAB4;
    font-weight: 700;
    font-size: 30px;
}

.accordion-item {
    background-color: transparent;
}

.accordion-button:focus {
    background-color: transparent;
    box-shadow: 0 0 0 0;
    color: #fff !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #23AAB4;
}

.accordion-button {
    background-color: #193f4400;
    /* box-shadow: 0 0 20px #193f44; */
    font-weight: 700;
    font-size: 16px;
    color: #23AAB4;
}

.accordion-button::after {
    background-color: #23AAB4;
    border-radius: 50%;
}

.accordion-body {
    color: #fff;
    font-size: 14px;
}

/* faq end  */

/* footer start  */

footer{
  
    padding: 50px 0;
}

footer p{
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

footer h2{
    font-weight: 700;
    color: #23AAB4;
    font-size: 18px;
}

footer li a{
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    padding: 4px 0;
    font-size: 14px;
    transition: 0.3s;
}

footer li a:hover{
    color: #23AAB4 !important;
}

.social-profile a{
    display: inline-block;
    font-size: 20px;
    padding: 5px;
}
.copyright{
    padding: 20px 0;
}

.copyright p{
    color: #fff;
    font-size: 14px;
}

/* footer end */