body {
            /* background-image: url('./image/2.jpg'); */
            background-size: cover;
            background-repeat: no-repeat;
            height: 100vh;
        }
        
        h2
        {
          font-size: 22px;
        }

        .nanum-gothic coding-regular {
            font-family: "Nanum Gothic Coding", monospace;
            font-weight: 400;
            font-style: normal;
          }

        .form-control {
            padding: 1.375rem 0.75rem;
        }

        .hide
        {
            display: none;
        }

        .padd-bottom
        {
            padding-bottom: 10px;
        }
        .card{
            border-radius: 4px;
            background: #fff;
            box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
                transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
            padding: 15px 20px 15px 20px;
            cursor: pointer;
        }
        
        .card h3
        {
            font-size: 20px;
            text-align: center;
        }
        
        .card:hover{
             transform: scale(1.05);
          box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
        }
        
        .card h3{
          font-weight: 600;
        }
        
        .card-img-top{
            width: 45%;
            position: relative;
            left: 26%;
        }
        
        .home-ban{
            /*background-image: url(./image/banner/couples-ban-2.webp);*/
            background-image: url(./image/banner/lvban.jpg);
            padding: 30rem 0 0rem 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: right;
            background-color: #282828;
        }
        
        .about-ban{
            background-image: url(./image/banner/couples-ban.webp);
            padding: 30rem 0 0rem 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: right;
            background-color: #282828;
        }
        
        @media only screen and (max-width: 600px) {
            .home-ban{
                background-image: url(./image/banner/couples-ban-2.webp);
                padding: 8rem 0 8rem 0;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }
            .about-ban{
                background-image: url(./image/banner/couples-ban.webp);
                padding: 8rem 0 8rem 0;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }
        }
        
        @media(max-width: 990px){
          .card{
            margin: 20px;
          }
        }

        /* Loader Start */

        .loader_container{
  
            position: relative;
            margin:auto;
            margin-top:20%;
            width:100px;
            height:100px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
             
          }

          @media only screen and (max-width: 600px) {
            .loader_container {
                position: relative;
                margin:auto;
                margin-top:50%;
                width:100px;
                height:100px;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
            }
          }
          
          .circle{
            
            background-color:pink;
            width:100px;
            height:100px;
            border-radius:50%;
            
          }
          
          .square{
            
            position: absolute;
            background-color:pink;
            width:100px;
            height:100px;
            
          }
          
          .horizontal{
            position: absolute;
            left:-50px;
            -webkit-animation: horizontal 2s linear infinite;
            animation: horizontal 2s linear infinite;
            -webkit-animation-delay:1s;
            animation-delay:1s;
            
          }
          
          @-webkit-keyframes horizontal {
               0%   {transform: translate(0px,0px);}
               20%  {transform: translate(100px,0px);}
               40%  {transform: translate(100px,0px);}
               60%  {transform: translate(0px,0px);}
               80%  {transform: translate(0px,0px);}
              100%  {transform: translate(0px,0px);}
          }
          @keyframes horizontal {
               0%   {transform: translate(0px,0px);}
               20%  {transform: translate(100px,0px);}
               40%  {transform: translate(100px,0px);}
               60%  {transform: translate(0px,0px);}
               80%  {transform: translate(0px,0px);}
              100%  {transform: translate(0px,0px);}
          }
          
          
          .vertical{
            
            position: absolute;
            top:-50px;
            -webkit-animation: vertical 2s linear infinite;
            animation: vertical 2s linear infinite;
            -webkit-animation-delay:1s;
            animation-delay:1s;
            
          }
          
          @-webkit-keyframes vertical {
               0%   {transform: translate(0px,0px);}
               20%  {transform: translate(0px,0px);}
               40%  {transform: translate(0px,100px);}
               60%  {transform: translate(0px,100px);}
               80%  {transform: translate(0px,0px);}
               100% {transform: translate(0px,0px);}
          }
          @keyframes vertical {
               0%   {transform: translate(0px,0px);}
               20%  {transform: translate(0px,0px);}
               40%  {transform: translate(0px,100px);}
               60%  {transform: translate(0px,100px);}
               80%  {transform: translate(0px,0px);}
               100% {transform: translate(0px,0px);}
          }

        /* Loader End */

        
        /* Add animation to "page content" */
        .animate-bottom {
            position: relative;
            -webkit-animation-name: animatebottom;
            -webkit-animation-duration: 1s;
            animation-name: animatebottom;
            animation-duration: 1s
        }
        
        @-webkit-keyframes animatebottom {
            from { bottom:-100px; opacity:0 } 
            to { bottom:0px; opacity:1 }
        }
        
        @keyframes animatebottom { 
            from{ bottom:-100px; opacity:0 } 
            to{ bottom:0; opacity:1 }
        }



        /* .container {
            background-color: rgba(255, 255, 255, 0.8);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        } */

        .bg-primary {
            background-color: #ffd6d7!important;
        }

        .text-white {
            color: #e74646!important;
        }

        .btn-primarylove {
            color: #e74646;
            background-color: #ffd6d7;
            border-color: #ffd6d7;
        }

        .btn-primarylove:hover {
            color: #fff;
            background-color: #ff849b;
            border-color: #ffd6d7;
        }

        .btn{
            background: #ffbd84;
            background: -moz-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
            background: -webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
            background: linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);
            -webkit-box-shadow: 0 10px 15px 0 rgba(175,0,87,.2);
            box-shadow: 0 10px 15px 0 rgba(175,0,87,.2);
        }
        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #ff8a87;
            outline: 0;
            box-shadow: unset;
        }
        .btn.focus, .btn:focus {
            outline: 0;
            box-shadow: unset;
        }
        .btn-main {
            font-size: 16px;
            font-weight: 400;
            /* font-family: Poppins,sans-serif; */
            padding: 0 32px;
            line-height: 56px;
            text-align: center;
            outline: 0;
            color: #fff;
            background-color: #ff1f8e;
            border: none;
            /* -webkit-border-radius: 100px; */
            /* border-radius: 100px; */
            display: inline-block;
            position: relative;
            -webkit-box-shadow: 0 10px 15px 0 rgba(233,30,99,.15);
            box-shadow: 0 10px 15px 0 rgba(233,30,99,.15);
        }

        .btn-sec {
            font-size: 16px;
            font-weight: 400;
            padding: 0 0px;
            line-height: 45px;
            text-align: center;
            outline: 0;
            color: #fff;
            background-color: #ff1f8e;
            border: none;
            display: inline-block;
            position: relative;
            -webkit-box-shadow: 0 10px 15px 0 rgba(233,30,99,.15);
            box-shadow: 0 10px 15px 0 rgba(233,30,99,.15);
        }

        h1
        {
            color:#ff849b;
        }
        .navbar {
            padding: 0.2rem 1rem;
        }
        @media (min-width: 992px)
        {
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1.5rem;
                padding-left: 1.5rem;
            }
        }

        .navbar-light .navbar-nav .nav-link
        {
            color: #ff5d8a;
            font-size: 15px;
            font-weight: 600;
        }

        label {
            color: #ff5d8a;
            font-weight: 700;
        }
    
        .navbar-light .navbar-nav .active>.nav-link
        {
            color: #ff1300;
            font-size: 15px;
            font-weight: 600;
        }
        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
            padding-top: 0;
            padding-bottom: 0;
            height: 100px;
        }
        .menu-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        a:hover {
            text-decoration: none;
        }
        .logo {
            max-height: 110px;
            float: left;
            line-height: 85px;
        }
        h1, h2, h3, h4, h5, h6, p, ul {
            padding: 0;
            margin: 0;
        }
        ul {
            list-style: none;
        }
        
        .navbar-toggler {
            /*padding: 0.25rem 0.75rem;*/
            padding: 1.25rem 0.75rem;
            font-size: 0.8rem;
            line-height: 1;
            background-color: transparent;
            border: 1px solid #ff5d8a;
            border-radius: 0.25rem;
        }
        .navbar-light .navbar-toggler {
            color: #ff0047;
            border-color: #ff63b1;
        }
        /* .footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #ff9ba4;
            color: white;
            text-align: center;
            padding:10px;
        } */


        /* Heart Ani start */

        #heart {
            position: relative;
            width: 200px;
            height: 180px;
            animation: hearbeat 1s infinite ease-in-out;
            left: 25%;
          }
          
          .hspan
          {
            right: 45%;
            position: absolute;
            bottom: 42%;
            z-index: 9999;
            color: white;
            font-size: 45px;
          }
          
          #heart:before,
          #heart:after {
            position: absolute;
            content: "";
            left: 100px;
            top: 0;
            width: 100px;
            height: 160px;
            background:#e74646;
            border-radius: 50px 50px 0 0;
            transform: rotate(-45deg);
            transform-origin: 0 100%;
          }
          
          #heart:after {
            left: 0;
            transform: rotate(45deg);
            transform-origin: 100% 100%;
          }
          
          @keyframes hearbeat {
            0% {
              transform: scale(1);
            }
            50% {
              transform: scale(1.2);
            }
            100% {
              transform: scale(1);
            }
          }
          

        /* Heart Ani End */



        /* Footer Start */

        footer
        {
        color: #fff;
        }

        .top-footer {
            background-color: #290b29;
            padding: 32px 0;
        }
        .widget-about {
            max-width: 340px;
        }
        .widget-about > img {
            margin-bottom: 39px;
        }
        .widget-about > p {
            color: #a0a8b5;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 39px;
        }
        .widget-links ul
        {
        padding: 0;
        }
        .social_links li {
            display: inline-block;
            margin-right: 36px;
        }
        .social_links li:last-child {
            margin-right: 0;
        }
        .social_links li a {
            display: inline-block;
            color: #6a727f;
            font-size: 14px;
        }
        .social_links li a:hover {
            color: #eeeeee;
        }

        .widget-title {
            color: #ffffff;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 46px;
            margin-top: -2px;
        }
        .widget-links ul li {
            display: block;
            margin-bottom: 32px;
        }
        .widget-links ul li:last-child {
            margin-bottom: 0;
        }
        .widget-links ul li a {
            display: block;
            color: #a0a8b5;
            font-size: 16px;
        }
        .widget-links ul li a:hover {
            color: #fff;
            padding-left: 5px;
        }

        /* WIDGET CONTACT */

        .widget-contact {
            margin-bottom: -9px;
        }

        .widget-contact ul {
            padding: 0;
        }

        .widget-contact ul li {
            color: #a0a8b5;
            font-size: 16px;
            margin-bottom: 14px;
        list-style: none;
        }
        .widget-contact ul li span {
            display: inline-block;
            color: #fff;
        }
        .widget-contact ul {
            margin-bottom: 41px;
        }
        .widget-contact > p {
            color: #a0a8b5;
            font-size: 16px;
            line-height: 30px;
            margin-top: -7px;
        }
        /* Footer End */


.faq-sec li
{
    line-height: 30px;
}

.fl-about li
{
    line-height: 30px;
}

.fl-about ul
{
    padding-left: 30px;
}

.fl-frm
{
    /*background: linear-gradient(270deg, #f7157a, #ff9a9e, #d92057);*/
    /*background-image: linear-gradient(360deg, #fe164e 20%, rgb(255 21 77) 34%, #d92057 80%);*/
    background-image: url(./image/love-heart-bk.webp);
    
    animation:scanner 5s linear alternate infinite;
    background-position: bottom;
}

.fl-frm h1
{
    color:white;
}

.fl-frm label
{
    color:white;
}

.flames-btn
{
    background: white;
    color: #fe154d;
    font-weight: bold;
}

.faq-sec-home li {
    padding-bottom: 10px;
  }

.ad-section {
    margin: 30px 0; /* Plenty of vertical space */
    padding: 15px; /* Padding around the ad */
    border: 1px solid #ccc; /* A border to distinguish it */
    background-color: #f9f9f9; /* A different background color */
    text-align: center; /* Center the ad within its container */
}

.ad-label {
    font-size: 0.8em;
    color: #666;
    text-align: center;
    margin-bottom: 5px; /* Small space between label and ad */
    font-weight: bold;
    text-transform: uppercase;
}