*{

    margin:0;

    padding:0;

}

@font-face {

    font-family: 'Soul Harder Free';

    src: url('../fonts/SoulHarderFree.woff2') format('woff2'),

        url('../fonts/SoulHarderFree.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



.error{

    color: red;

}



.loader {

    border: 16px solid #f3f3f3; /* Light grey */

    border-top: 16px solid #EF2C56; /* Blue */

    border-radius: 50%;

    width: 120px;

    height: 120px;

    animation: spin 2s linear infinite;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 9999;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}





body{

   margin:0;

   padding:0;

}

img{

    max-width:100%;

}

h1,h2,h3,h4,h5,h6,p,ul,li{

    margin:0;

    padding:0;

}

.form-control:focus {

    color:inherit;

    background-color:inherit;

    border-color:inherit;

    box-shadow:none;

}

a{

    text-decoration:none;

}

p{

    margin-bottom:0;

}

header{

    background-image: url(../images/background-banner.png);

    background-repeat:no-repeat;

    background-size:cover;

    background-position: center center;

}

header nav.navbar.navbar-expand-lg {

    padding: 34px 0;

}

header button.btn{

    font-family: "Inter", sans-serif;

    font-size: 16px;

    font-weight: 500;

    background-color:#EF2C56;

    line-height: 29.28px;

    color:#fff;

    padding: 10.4px 33px !important;

    text-align: left;

    border:1px solid #212529;

}

header nav a.navbar-brand{

    margin:0;

    padding:0;

}

header button.btn:hover{

    color:#EF2C56;

    background-color:#fff;

}

.btn-check:focus+.btn, .btn:focus{

    box-shadow:none;

}

.banner{

    padding-left: calc((100vw - 1320px) / 2);

}

.banner .banner-wraper{

    display:flex;

    width:100%;

    align-items: center;

    justify-content:space-between;

    gap:50px;

}

.banner .image{

    width:50%;

    overflow: hidden;

}

.banner .image img{

    width:100%;

}

.banner-content {

    width:50%;

}

.banner-content h2{

    font-family: "Bebas Neue", sans-serif;

    font-size: 97px;

    font-weight: 400;

    margin:0;

    padding:0;

    line-height: 80px;

    text-align: left;  

    color: #fff;

}

.banner-content h2.Marriage {

    padding-top: 14px;

}

.banner-content h2 span{

    font-family: 'Soul Harder Free';

}

.banner-content h3{

    color:#fff;

    font-family: "Bebas Neue", sans-serif;

    font-size: 34px;

    font-weight: 400;

    padding:40px 0;

    line-height: 80px;

    text-align: left;

}

.banner .banner-wraper .banner-content .social-app {

    padding-bottom:30px;

}



/* main section css start here */

.main-wraper{

    display: flex;

    align-items: center;

    column-gap:36px;

}

main .main-wraper .content-of-connecting{

    width:40%;

    padding-right:50px;

    overflow: hidden;

} 

main .main-wraper .connecting-image{

    width:60%;

    overflow: hidden;

    height: auto;

} 

.content-of-connecting a {

    background-color: #EF2C56;

    color: #fff;

    width:auto;

    max-width: fit-content;

    align-items: center;

    justify-content: center;

    display:flex;

    font-family: Inter;

    font-size: 16px;

    font-weight: 600;

    line-height: 29.28px;

    text-align: left;

    border:1px solid #EF2C56;

    padding: 15px 34.5px;

    border-radius:6px;

}

.content-of-connecting a:hover {

    background-color: #fff!important;

    color:#EF2C56 !important;

    transition: all 0.5s;

}

.content-of-connecting h2{

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    text-align: left;

}

.content-of-connecting h2 span{

    color:#EF2C56;

}

.content-of-connecting p {

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 20px;

    font-weight: 400;

    color:#454545;

    line-height: 36px;

    padding-bottom:40px;

    letter-spacing: 0.02em;

    text-align: left;

}

.content-of-connecting .chat-image {

    text-align: right;

    padding-right: 19%;

}

.content-of-connecting a:hover{

    background-color: #EF2C56;

    color:#fff;

}

.bulding-godly{

    background-color:#fedacf;

    padding: 0px 0px 0px 60px;

}

.testimonials-wrpaer-slider{

    display: flex; 

    align-items: center;

    column-gap: 67px;

    justify-content: space-between;

}

.testimonials-wrpaer-slider .testimonilas-image {

    width: 50%;

}

.tesitmonilas-content{

    width: 50%;

}

.bulding-godly h3{

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    text-align: center;

    text-transform:uppercase;

    position: relative;

}

.bulding-godly h3:before {

    content: "";

    position: absolute;

    background-image: url(../images/connecting-chat.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 92px;

    height: 107px;

    left:10%;

    transform: rotate(336deg);

    top: -5%;

}

.bulding-godly h3 span{

    color:#EF2C56;

}

.building-aplostolic-main .first-image img {

    height: 100%;

    object-fit: cover;

}

.building-aplostolic-main {

    display:flex;

    justify-content: space-between;

    padding:140px 10px 0 10px;

}

.building-apolostolic-content{

    width: 33.3%;

    padding-left: 44px;

}

.building-aplostolic-main .first-image,.second-image{

    width: 33.3%;

}

.building-apolostolic-content ul{

    display:flex;

    flex-wrap: wrap;

    row-gap:30px;

}

.building-apolostolic-content ul li {

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 28px;

    font-weight: 700;

    line-height: 36px;

    width: 100%;

    letter-spacing: 0.02em;

    text-align: left;

}

.building-apolostolic-content ul li span{

    color:#EF2C56;

}

/* main section css end here */

.faith-focus{

    padding:110px 0 0 0;

}

.faith-focus h2 {

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    text-transform: uppercase;

    text-align: center;

    color:#000;

}

.faith-focus p{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36.7px;

    letter-spacing: 0.02em;

    color:#626262;

    text-align: center;

}

.faith-focused-image{

    margin-top:53px;

    position: relative;

}

.faith-focused-image:after {

    content: "";

    position: absolute;

    background-image: url(../images/connecting-chat.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 92px;

    height: 107px;

    left: -11%;

    transform: rotate(323deg);

    top: -5%;

}

.faith-focus h2 span{

    color:#EF2C56;

}













.testiumonilas-section{

    padding:100px 0 100px 0;

}

.testiumonilas-section h2 {

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    text-transform: uppercase;

    text-align: center;

    color:#000;

    padding-bottom:42px;

}

.testiumonilas-section .swiper-pagination-bullet-active{

    background-color: #FCE8E8;

}

.testiumonilas-section .swiper-pagination-bullet {

    background-color: #D9D9D9 !important;

}

.testiumonilas-section .image-swiper{

    width:50%;

}

.testimonilas-content h2{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 120px;

    font-weight: 400;color:#ede0dd;

    line-height: 33px;

    text-align: left;

    padding:0;

}

.testimonilas-content .star-images {

    text-align: left;

    padding:30px 0 24px 0;

}

.testimonilas-content .star-images img{

    width: 100%;

    max-width: 100px;

}

.testiumonilas-section .image-swiper img{

    width:100%;

    height: auto;

}

.testiumonilas-section .testimonilas-content{

    width:100%;

    padding: 51px 0;

}

.testimonilas-content .testimonilas-user {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.testimonilas-content .usewr-details h4{

    font-family: "Bebas Neue", sans-serif;

    font-size: 22px;

    font-weight: 400;

    color:#5B5757;

    line-height: 26.4px;

    text-align: left;

}

.testimonilas-content .usewr-details p{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 25.69px;

    letter-spacing: 0.02em;

    text-align: left;

}

.testimonilas-content .usewr-details{

    width:95%;

}

.testimonilas-content .userimage {

    width:5%;

    text-align: left;

}

.testimonilas-content .userimage  img{

    max-width:34.54px;

    max-height:34.54px;

}

.testimonilas-content .inner-content{

    background-color:#FAFAFA;

    padding:29px 79px 30px 33px;

}

.testimonilas-content .inner-content h3{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 28px;

    font-weight: 400;

    line-height: 42px;

    text-align: left;

}

.testiumonilas-section .swiper {

    width: 100%;

    height: 100%;

  }



  .testiumonilas-section  .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    display: flex;

    column-gap:67px;

    justify-content: center;

    align-items: center;

  }

  .testiumonilas-section   .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{

    bottom:0%;

    left: 33%;

    width: 100%;

  }









.contact-us {

    background-color: #181012;

    padding:90px 0 105px 0;

}

.contact-us h2 {

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    color:#fff;

    text-align: center;

    position: relative;

}

.contact-us h2 span{

    color:#EF2C56;

}

.contact-us p {

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 32.7px;

    color:#fff;

    letter-spacing: 0.02em;

    text-align: center;

}

.contact-us h2:before {

    content: "";

    position: absolute;

    background-image: url(../images/connecting-chat.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 92px;

    height: 107px;

    left: -11%;

    transform: rotate(336deg);

    top: -5%;

}

.contact-us .contact-form-enter{

    padding:72px 0 0 0;

}

.contact-us .contact-form-enter form{

    display:flex;

    align-items: self-start;

    justify-content: center;

    column-gap:20px;

}

.contact-us .contact-form-enter form .form-inupt-left {

    width: 100%;

    max-width: 330px;

    display: flex;

    flex-wrap: wrap;

    row-gap: 20px;

}

.contact-form-enter form .form-message-box{

    width: 100%;

    max-width: 330px;

    display: flex;

    flex-wrap: wrap;

    row-gap: 20px;

}

.contact-form-enter form .form-message-box .form-outline{

    width:100%;

    max-width:100%;

}

.contact-form-enter form .form-message-box textarea{

    background-color:#fff;

    height: 220px;

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 16px;

    font-weight: 400;

    color:#666062;

    border:0;

    padding: 15.5px 0 15.5px 10px;

    line-height: 20.93px;

    border-radius:6px;

}

.contact-form-enter form .form-message-box textarea::placeholder{

    color:#666062;

}

.contact-form-enter form .form-message-box button.btn {

    background-color: #EF2C56;

    color: #fff;

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    width: 100%;

    padding: 15.5px 0;

    box-shadow: 0px 2px 9px 0px #ef2c56;

    border-radius:6px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 24px;

    letter-spacing: 0.03em;

    text-align: center;

}

.contact-form-enter form .form-message-box button.btn:hover{

    background-color:#ffff;

    color:#EF2C56;

    transition: all 0.5s;

}

.contact-us .contact-form-enter form .form-inupt-left input{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 16px;

    font-weight: 400;

    padding: 15.5px 0 15.5px 10px;

    line-height: 20.93px;

    border-radius:6px;

    background-color:#fff;

    text-align: left;

    color:#666062;

    border:0;

}

.contact-us .contact-form-enter form .form-inupt-left input::placeholder{

    color:#666062;

}

.contact-us .contact-form-enter form .form-inupt-left .form-outline{

    width:100%;

    max-width:100%;

}







.find-your-ideal-match{

    background-color:#FFDAD0;

    padding:110px 0 101px 0;

}

.find-your-ideal-match h2{

    font-family: "Bebas Neue", sans-serif;

    font-size: 70px;

    font-weight: 400;

    line-height: 80px;

    text-transform: uppercase;

    text-align: center;

}

.find-your-ideal-match p {

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36.7px;

    letter-spacing: 0.02em;

    color:#626262;

    text-align: center;

}

.find-your-ideal-match .app-store{

    display:flex;

    justify-content: center;

    align-items: center;

    column-gap:9.7px;

    padding:34px 0 0 0;

}

.find-your-ideal-match .app-store a img{

    width:100%;

    height: auto;

    max-width: 177px;

    max-height:58px;

}

.find-your-ideal-match h2 span{

    color:#EF2C56;

}









footer{

    text-align: center;

    padding:64px 0;

}

footer a img{

    width:100%;

    max-width:235px;

    height: auto;

    max-height: 115px;

    object-fit: cover;

}

footer  h5{

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 15px;

    font-weight: 600;

    text-transform:uppercase;

    color:#000;

    padding:27px 0 30px 0;

    line-height: 19.62px;

    letter-spacing: 0.05em;

    text-align: center;

}

footer h5 img{

    height: 14px;

    width: 2px;

}

footer  p{

    font-family: "Inter", sans-serif;

    font-size: 13px;

    font-weight: 500;

    line-height: 17px;

    letter-spacing: 0.02em;

    text-transform:uppercase;

    color:#000;

    text-align: center;

}

.video-icon{

    width: 66.4px;

    height: 66.4px;

    border-radius: 50%;

    padding:0px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.video-icon {

    position: absolute;

    left: 47%;

    top: 44%;

}

.video-icon img{

    width: 66.4px;

    height: 66.4px;

}





@media all and (max-width:1580px){

    .contact-us h2:before {

        left: 0;

    }

    .faith-focused-image:after {

        left: 0;

        top: -18%;

    }

}

@media all and (max-width:1440px){

    .content-of-connecting a{

        padding: 8px 34.5px;

        font-size: 14px;

    }

    main .main-wraper .connecting-image {

        width: 50%;

    }

    main .main-wraper .content-of-connecting {

        width: 50%;

    }

    .faith-focused-image:after {

        left: 0%;

        top: -19%;

        width: 72px;

        height: 88px;

    }

    .contact-us h2:before {

        left: 0;

        top: 0;

        width: 72px;

        height: 88px;

    }

}



@media all and (max-width:851px){

    main .main-wraper .content-of-connecting {

        width: 100%;

        position: relative;

        padding: 30px 0 0 0;

    }

    .video-icon img {

        width: 50.4px;

        height: 50.4px;

    }

    .video-icon {

        left: 43%;

        top: 34%;

    }

    .content-of-connecting .chat-image {

       display: none;

    }

    .testimonilas-content .testimonilas-user {

        column-gap:50px;

    }

    .building-aplostolic-main .first-image img {

        height: auto;

        

    }

    .testimonilas-content .star-images {

        padding: 20px 0 24px 0;

    }

    .testimonilas-content .userimage img {

        max-width: 45.54px;

        max-height: 45.54px;

    }

    .find-your-ideal-match p {

        font-size: 17px;

        line-height: 27.7px;

    }

    .content-of-connecting p {

        font-size: 17px;

        line-height: 27.7px;

        padding: 10px 0 30px 0;

    }

    .contact-us p {

        font-size: 17px;

        line-height: 27.7px;

    }

    .testimonilas-content .inner-content h3 {

        font-size: 17px;

        line-height: 27.7px;

    }

    .faith-focus p {

        font-size: 17px;

        line-height: 27.7px;

    }

    .find-your-ideal-match h2 {

           font-size: 40px;  

        line-height: 59px;

    }

    .content-of-connecting h2 {

           font-size: 40px;  

        line-height: 59px;

    }

    .banner-content h2 {

        font-size: 40px;  

        line-height: 30px;

    }

    .banner-content h3 {

        padding: 20px 0 0 0;

        line-height: 45px;

        font-size: 25px;

    }

    .banner .banner-wraper .banner-content .social-app {

        padding:20px 0 40px 0;

    }

    .banner .banner-wraper .banner-content .social-app img{

        max-width: 144px;

        max-height: 44px;

        width:100%;

        height: auto;

    }

    .contact-us h2 {

           font-size: 40px;  

        line-height: 59px;

    }

    .bulding-godly h3 {

        font-size: 35px; 

        line-height: 49px;

    }

    .testiumonilas-section .testimonilas-content h2 {

        font-size: 90px;

        line-height: 28px;

    }

    .testiumonilas-section h2{

        font-size: 40px;

        line-height: 59px;

        padding-bottom: 25px;

    }

    .faith-focus h2 {

           font-size: 40px;  

        line-height: 59px;

    }

    .faith-focus {

        padding: 50px 20px 0 20px;

    }

    .navbar-toggler {

        background-color: #fff;

        display: none;

    }

    .testiumonilas-section{

        padding: 50px 20px;

    }

    .bulding-godly{

        padding: 50px 20px 0 20px;

    }

    main{

        padding: 50px 20px;

    }

    .contact-us {

        padding: 50px 20px;

    }

    .find-your-ideal-match {

        padding: 50px 20px;

    }

    footer {

        padding:40px 20px;

    }

    main .main-wraper .connecting-image {

        width: 100%;

    }

    .main-wraper {

        flex-wrap: wrap;

    }

    .contact-us .contact-form-enter form{

        flex-wrap:wrap;

    }

    .contact-us .contact-form-enter form .form-inupt-left{

        max-width:100%;

    }

    .contact-form-enter form .form-message-box{

        max-width:100%;

        margin-top:25px;

    }

    .contact-us h2:before {

        width: 48px;

        height: 54px;

        left: 0%;

        top: -5%;

    }

    .testiumonilas-section .swiper-slide {

        flex-wrap: wrap;

        row-gap: 50px;

    }

    .testiumonilas-section .image-swiper {

        width:100%;

    }

    .testiumonilas-section .testimonilas-content {

        width:100%;

    }



    .banner .banner-wraper {

      flex-wrap: wrap;

      gap:0;

    }

    .banner-content {

        width:100%;

        padding:0 20px;

    }

    .banner .image {

        width:100%;

    }



    .faith-focused-image:after{

        display: none;

    }

    footer p {

        line-height: 28px;

    }

    footer h5 img{

        height: 13px;

        width: 2px;

    }

    footer h5 {

        padding: 27px 0 10px 0;

    }

    footer a img {

        max-width: 162px;

        max-height: 74px;

    }

    .find-your-ideal-match .app-store a img {

        max-width: 122px;

        max-height: 36px;

    }

    header nav a.navbar-brand img{

        max-width: 156px;

        max-height: 73px;

        width:100%;

        height: auto;

    }

    .banner-content h2 span {

        font-size: 52px;

    }

    .building-aplostolic-main{

        flex-wrap:wrap;

        margin-top: 30px;

        padding-top:0;

    }

    .building-aplostolic-main .first-image, .second-image {

        width:100%;

    }

    .building-apolostolic-content {

        width:100%;

        padding: 40px 0 30px 20px;

    }

    .building-apolostolic-content ul {

        row-gap: 0;

    }

    .building-apolostolic-content ul li {

        font-size: 19px;

        line-height: 44px;

    }

    .bulding-godly h3:before {

       display: none;

    }

    header button.btn {

        font-size: 13px;

        padding: 5.4px 20px !important;

    }

    header.navbar #header {

        background: #9ABBCC;

    }

    .testimonials-wrpaer-slider {

        flex-wrap: wrap;

    }

    .testimonials-wrpaer-slider .testimonilas-image {

        width: 100%;

    }

    .tesitmonilas-content {

        width: 100%;

    }

}