/*
    Project Name: Morpheus
    Description: HTML5, CSS3 and Fully Responsive Website Design.
    Author: Glorywebs Team.
    Author URI: https://www.glorywebs.com/
    Version: 1.0 
*/

/* Common CSS */
body { font-family: "DM Sans", sans-serif; padding: 0px; margin: 0px; background: url(../images/bg-full.png) #0C1D36 no-repeat; background-size: cover; background-position: center; }
body.faq_content {background-position: top;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0px; }
p, ul, li { list-style: none; margin: 0; padding: 0px; }
img { max-width: 100%; height: auto; }
a { display: inline-block; text-decoration: none; }
a:hover, a:focus, a:active { outline: none; text-decoration: none; box-shadow:none;  }
button:hover, button:focus, button:active  { outline: none; text-decoration: none; box-shadow:none; }
input:hover, input:focus, input:active { outline: none !important; text-decoration: none !important; box-shadow:none !important; }

/* Title & Button CSS */
.section-title {font-size: 48px; font-weight: 500; line-height: 62px; color: #FFFFFF;}
.section-title span, .main-color {background: linear-gradient(90deg, #732BF7 0%, #388BFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.main-color {font-weight: 600;}
.content-pera {font-size: 20px; font-weight: 300; line-height: 27px; color: #A1A1A9;}
.btn10{font-size: 17px; line-height: 22px; color: #FFFFFF; font-weight: 600; border: 0; padding: 20px 40px; border-radius: 20px; position: relative; overflow: hidden!important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: linear-gradient(90deg, #732BF7 0%, #388BFF 100%); z-index:10; }
.btn10::before {content: ''; width: 0%; height: 100%; display: block; background: linear-gradient(90deg, #732BF7 0%, #388BFF 100%); position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); box-shadow:2px 0px 14px rgba(0,0,0,.6); }
.btn10::after {content: ''; width: 0%; height: 100%; display: block; background: linear-gradient(90deg, #388BFF 0%, #732BF7 100%); position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); left: -10%; opacity: 0; top: 0; z-index: -15; -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99); -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99); -o-transition: all .4s cubic-bezier(.2,.95,.57,.99); transition: all .4s cubic-bezier(.2,.95,.57,.99); box-shadow: 2px 0px 14px rgba(0,0,0,.6); }
.btn10:hover::before, .btn1O:hover::before{opacity:1; width: 120%; }
.btn10:hover::after, .btn1O:hover::after{opacity:1; width: 120%; }

/* Header Section CSS */
.header-section {padding: 10px 0; border-bottom: 1px solid #49494D; }
.header-section .header-btn .demo-btn {font-size: 17px; line-height: 22px; color: #FFFFFF; font-weight: 600; margin-right: 45px; }

/* Banner Section CSS */
.banner-section {padding: 40px 0 80px; position: relative; overflow: hidden; }
.banner-section .content-wrap {margin-top: 120px; }
.banner-section .content-wrap .section-title, .faq-section .section-title {font-size: 84px; line-height: 109px; margin-bottom: 24px; }
.faq-section .section-title {text-align: center;}
.banner-section .content-wrap .content-pera {margin-bottom: 40px; }

/* Key Points Section CSS */
.key-points-section .key-points-wrap {background: rgba(25, 25, 26, 0.3); border: 1px solid #49494D; border-radius: 20px; padding: 28px 69px 26px; }
.key-points-section .key-points-wrap .points-wrap:before {content: ''; position: absolute; height: 64px; width: 1px; background: rgba(255, 255, 255, 0.3); top: 24px; right: 0; }
.key-points-section .key-points-wrap .points-wrap img {margin-bottom: 10px; }
.key-points-section .key-points-wrap .points-wrap p {font-size: 24px; line-height: 36px; color: #FFFFFF; font-weight: 500; }

/* About Section CSS */
.about-section:not(#watchDemo) {padding: 100px 0; }
.about-section .content-wrap {margin-left: 100px;}
.about-section .content-wrap .section-title {margin-bottom: 20px;}
.about-section .content-wrap .content-pera {margin-bottom: 30px; max-width: 527px;}

/* Marketing Section CSS */
.marketing-section .section-title {margin-bottom: 40px; }
.marketing-section .title-wrap {margin-bottom: 100px; /*margin-top: 100px;*/}
.marketing-section .title-wrap.title-rotate-animation {border: 1px solid #49494D; border-radius: 20px; padding: 30px 25px 25px;}
.marketing-section .title-wrap .title-one {position: relative; margin-bottom: 0 !important;}
.marketing-section div.title-one.section-title {line-height: 1.09;}
.marketing-section .marketing-points {background: rgba(25, 25, 26, 0.3); border: 1px solid #49494D; border-radius: 20px; padding: 30px 25px 25px; height: calc(100% - 40px); margin-bottom: 40px;}
.marketing-section .marketing-points .title-wrap, .marketing-section .marketing-points .title-wrap img {margin-bottom: 24px; }
.marketing-section .marketing-points .title-wrap h3 {font-size: 30px; line-height: 39px; color: #FFFFFF; font-weight: 500; /*margin-left: 24px;*/ }
.marketing-section .title-wrap .title-one .changebox{margin: 0 5px; color: #FF5722; overflow: hidden; transition: .5s; white-space: nowrap; }

/* New Reality Section CSS */
.new-reality-section {padding: 100px 0; overflow: hidden; background: #000000; }
.new-reality-section .section-title {margin-bottom: 20px; }
.new-reality-section .content-pera {margin-bottom: 40px; }
.new-reality-section .logo-slider {background: #000000; margin-bottom: 40px; overflow: hidden; min-height: 120px;}
.new-reality-section .logo-slider .slider-title {font-weight: 500; font-size: 26px; line-height: 34px; color: #FFFFFF; background: #000000; position: relative; min-height: 60px; /*z-index: 1; margin-right: 80px; min-width: 280px; min-height: 120px; top: 16px;*/}
.new-reality-section .logo-slider img {min-width: 120px; margin-right: 80px; filter: grayscale(100%);}
.new-reality-section .logo-slider .slider-wrap:hover {animation-play-state: paused;}
.new-reality-section .logo-slider img:hover {filter: none;}

/*How To Work Section CSS*/
.how-to-work-section .section-title {margin-bottom: 40px; overflow: hidden; }
.how-to-work-section .box-wrap {position: relative; background: linear-gradient(0.23deg, #000000 32.07%, rgba(0, 0, 0, 0) 108.84%); border-radius: 20px; margin-bottom: 40px; text-align: center; overflow: hidden;}
.how-to-work-section .box-wrap:after {content: ""; position: absolute; height: 100%; top: 0; left: 0; right: 0; background: linear-gradient(0.23deg, #000000 32.07%, rgba(0, 0, 0, 0) 108.84%); width: 100%; left: 0; z-index: 0; opacity: 0; transition: .5s ease; }
.how-to-work-section .box-wrap:hover:after {opacity: 1;}
.how-to-work-section .box-wrap img {width: 100%;}
.how-to-work-section .box-wrap .overlay {position: absolute; bottom: -13px; left: 0; right: 0; overflow: hidden; width: 100%; margin: auto; height: 90px; transition: .5s ease; z-index: 1; }
.how-to-work-section .box-wrap:hover .overlay {height: 350px;}
.how-to-work-section .box-wrap .overlay .content-wrap {position: absolute; top: 150px; left: 50%; width: 85%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; transition: all .4s ease-in-out; text-align: left;}
.how-to-work-section .box-wrap:hover .overlay .content-wrap { top: 50%; }
.how-to-work-section .box-wrap .overlay .content-wrap .title-holder {margin-bottom: 18px;}
.how-to-work-section .box-wrap .overlay .content-wrap h3 {font-weight: 500; font-size: 26px; line-height: 39px; color: #FFFFFF;}
.how-to-work-section .box-wrap .overlay .content-wrap .title-holder a {width: 26px; height: 26px; background: rgba(25, 25, 26, 0.3); border: 1.31685px solid #49494D; border-radius: 26.337px; display: flex; align-items: center; justify-content: center; transition: all .4s ease-in-out; }
.how-to-work-section .box-wrap .overlay .content-wrap .title-holder a svg {transition: all .4s ease-in-out;}
.how-to-work-section .box-wrap:hover a {background: #49494D !important; }
.how-to-work-section .box-wrap:hover a svg {transform: rotate(-45deg); }
.how-to-work-section .box-wrap .overlay .content-wrap .content-pera {font-size: 22px; line-height: 36px; min-height: 216px; }
 
/* Choose Your Section CSS  */
.choose-your-section {padding: 100px 0; overflow: hidden;}
.choose-your-section .content-wrap {/*margin-top: 65px;*/position: relative; z-index: 1; }
.choose-your-section .section-title {margin-bottom: 20px; }
.choose-your-section .content-pera {margin-bottom: 35px; }
.choose-your-section .slider-wrap .slider-item {padding: 25px 50px; background: rgba(25, 25, 26, 0.3); border: 1px solid #388BFF;/*#49494D*/ border-radius: 20px; font-size: 24px; line-height: 31px; color: #FFFFFF; font-weight: 400; margin-right: 30px; text-align: center; white-space: nowrap; }
.slider-wrap {animation: 35s logo-slides infinite linear;}
@keyframes logo-slides {
    from {transform: translateX(0);}
    to {transform: translateX(-58.5rem);}
}

/* Important Points Section CSS */
.important-points-section, .faq-section {padding: 100px 0; }
.important-points-section .box-wrap {background: rgba(25, 25, 26, 0.3); border: 1px solid #49494D; border-radius: 20px; padding: 40px 45px 30px 35px; height: 100%;}
.important-points-section .box-wrap img {margin: 0 auto 24px; display: flex;}
.important-points-section .box-wrap h3 {font-weight: 500; font-size: 30px; line-height: 39px; color: #FFFFFF; margin-bottom: 24px; }

/* Form Setion CSS */
.form-section .content-wrap {margin-left: 100px;}
.form-section .content-wrap .content-pera {font-size: 24px; line-height: 36px; margin-bottom: 15px; }
.form-section .content-wrap .section-title {margin-bottom: 30px; }
.form-section .content-wrap .form-control {background: rgba(25, 25, 26, 0.3); border: 1px solid #49494D; border-radius: 20px; position: relative; width: 100%; height: 66px; margin-bottom: 20px; padding: 0;}

.form-section .content-wrap .form-control:hover svg path, .form-section .content-wrap .form-control:focus svg path {stroke: #732BF7; fill: #732BF7;}
.form-section .content-wrap .form-control svg {position: relative; left: 25px; top: 20px; }
.form-section .content-wrap .form-control .form-label {position: absolute; font-family: inherit; font-size: 18px; font-weight: 300; line-height: inherit; left: 70px; top: 19px; padding: 0; color: #A1A1A9; transition: all 0.3s ease; margin: 0; }
.form-section .content-wrap .form-control .form-input {position: absolute; font-family: inherit; font-size: 18px; font-weight: 400; line-height: inherit; top: 0; left: 0; z-index: 1; resize: none; width: 100%; padding: 28px 20px 15px 70px; border-radius: 20px; border: 1px solid #49494D; color: #FFFFFF; background: transparent; transition: all 0.2s ease-in-out; height: 66px;}
.form-section .content-wrap .form-control:hover .form-input, .form-section .content-wrap .form-control:focus .form-input {border-color: #732BF7}
.form-section .content-wrap .form-control .form-input::-moz-placeholder {opacity: 0; visibility: hidden; color: transparent;} 
.form-section .content-wrap .form-control .form-input:-ms-input-placeholder {opacity: 0; visibility: hidden; color: transparent;}
.form-section .content-wrap .form-control .form-input::placeholder {opacity: 0; visibility: hidden; color: transparent;}
.form-section .content-wrap .form-control .form-input:focus {outline: none;border: 0;}
.form-section .content-wrap .form-control .form-input:focus ~ .form-label {top: 12px; left: 70px; z-index: 9; font-size: 10px; transition: all 0.2s ease-in-out;}
.form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {top: 12px; left: 70px; z-index: 9; font-size: 10px; transition: all 0.2s ease-in-out;}
.form-section .content-wrap .form-control .form-input:not(:-ms-input-placeholder).form-input:not(:focus) ~ .form-label {top: 12px; left: 70px; z-index: 9; font-size: 10px; transition: all 0.2s ease-in-out;}
.form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {top: 12px; left: 70px; z-index: 9; font-size: 10px; transition: all 0.2s ease-in-out;}
.form-section .content-wrap .form-control-submit .submit-btn {margin-top: 10px;}

.response_message {display: none;}
.response_message > b, .response_message > span {color: white; display: block; margin-bottom: 10px;}
.response_message > b {font-size: 18px;}
.response_message > span.last {margin-bottom: 0;}

/* Deliver Section CSS */
.deliver-section {padding: 100px 0;}
.deliver-section .section-title {margin-bottom: 20px}
.deliver-section .content-pera {margin-bottom: 30px;}

/* Footer Section CSS */
.footer-section {background: #000000; border-radius: 50px 50px 0px 0px; padding: 30px 0 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
/*.footer-section img {margin-bottom: 30px;}*/
.footer-section .footer-links li {display: inline-block; font-size: 18px; line-height: 27px; font-weight: 300; }
.footer-section .footer-links li a {color: #A1A1A9;-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.footer-section .footer-links li a:hover {color: #FFFFFF;}
.footer-section .footer-links li span {margin: 0 20px;color: #A1A1A9;}

/* Copyrights Section CSS */
.copyrights-section {padding: 10px 0; background: #000000;}
.copyrights-section .content-pera {font-size: 17px;}
#demoQualifierModel .modal-dialog {max-width: 700px;}

/* Faq Page CSS */
#faqContent.accordion-flush .accordion-collapse {border: 1px solid #49494D; border-top: none; border-radius: 0;}
#faqContent .accordion-item {background: transparent; border: none;}
#faqContent .accordion-item:not(:last-child) {margin-bottom: 40px;}
#faqContent .accordion-button {font-weight: 700; font-size: 18px; pointer-events: none;}
#faqContent .accordion-button:focus {outline: 0; box-shadow: none;}
#faqContent .accordion-button:not(.collapsed) {background: linear-gradient(90deg, #732BF7 0%, #388BFF 100%); color: white; box-shadow: none;}
#faqContent .accordion-button::after {display: none;}
#faqContent .accordion-body span, #faqContent .accordion-body strong {font-size: 18px; line-height: 27px; display: flex; font-weight: 300; color: #A1A1A9;}
#faqContent .accordion-body span:not(:last-child) {margin-bottom: 10px;}
#faqContent .accordion-body strong {font-weight: bolder;}
#faqContent .accordion-body ul {color: #A1A1A9; margin-left: 35px; font-size: 18px;}
#faqContent .accordion-body ul li {list-style-type: disc;}
#faqContent .accordion-body ul li ul li{list-style-type: circle;}
#faqContent .accordion-body ul.square li {list-style-type: square;}
#faqContent .accordion-body ul li:not(:last-child) {margin-bottom: 5px;}
#faqContent .accordion-body ul li.top_title {color: #388BFF; font-size: 22px;}
#faqContent .accordion-body ul li.sub_title {color: #732BF7; font-size: 20px;}
#faqContent .accordion-body ul li.top_title > ul:not(:last-child) {margin-bottom: 10px;}
#faqContent .accordion-body a, .copyrights-section a {color: #388BFF}
#faqContent .accordion-body a:hover, .copyrights-section a:hover {text-decoration: underline;}
#faqContent .accordion-body ul:not(:last-child) {margin-bottom: 15px;}

/* Media CSS */
@media (min-width: 768px) and (max-width: 1399px)  {
    .section-title.about-section-title {font-size: 45px;}
}
@media (min-width: 1400px) {
    /*.container { max-width: 1464px;}*/
}
@media (min-width: 1600px) {
    .container { max-width: 1464px;}
}
@media (max-width: 1650px) {
    /* Banner Section CSS */
    .banner-section {padding: 40px 0;}
    /*.banner-section img, .banner-section iframe {max-width: 800px;}*/
}
@media (max-width: 1399px) {
    /* Banner Section CSS */
    .banner-section .content-wrap {margin-top: 70px;}
    .banner-section .content-wrap .section-title, .faq-section .section-title {font-size: 70px; line-height: 1.3; margin-bottom: 20px;}
    .banner-section .content-wrap .content-pera {max-width: 450px;}
    .banner-section .content-wrap .content-pera br {display: none !important;}
    /* Key Points Section CSS */ 
    .key-points-section .key-points-wrap {padding: 25px 50px;}
    /* Marketing Section CSS */
    .marketing-section .title-one {margin-bottom: 70px !important;}
    /*How To Work Section CSS*/ 
    .how-to-work-section .box-wrap:hover .overlay .content-wrap {top: 65%; }
    .how-to-work-section .box-wrap .overlay .content-wrap {top: 155px;}
    .how-to-work-section .box-wrap .overlay .content-wrap h3 {font-size: 22px; line-height: 1.3;}
    .how-to-work-section .box-wrap .overlay .content-wrap .content-pera {font-size: 20px; line-height: 1.3;}
    /* Form Setion CSS */
    .form-section .content-wrap {margin-left: 60px; }
    .form-section .content-wrap .section-title {font-size: 40px; line-height: 1.3;}
}
@media (max-width: 1199px) {
    /* Banner Section CSS */
    .banner-section {padding: 50px 0;}
    .banner-section .content-wrap {margin-top: 35px; text-align: center;}
    .banner-section .content-wrap .content-pera {margin-bottom: 30px; max-width: unset;}
    .banner-section .content-wrap .content-pera br {display: block !important;}
    .banner-section img, .banner-section iframe {max-width: 800px;}
    /* Key Points Section CSS */ 
    .key-points-section .key-points-wrap .points-wrap p {font-size: 20px; line-height: 1.3;}
    /* Marketing Section CSS */
    .marketing-section .title-wrap {margin-bottom: 70px;}
    .marketing-section .title-wrap .title-one {font-size: 40px;}
    .marketing-section .section-title {margin-bottom: 30px;}
    .marketing-section .marketing-points {padding: 25px; }
    .marketing-section .marketing-points .title-wrap {margin-bottom: 20px; }
    .marketing-section .marketing-points .title-wrap h3 {font-size: 24px; line-height: 1.2;}
    /* About Section CSS */ 
    .about-section .content-wrap {margin-left: 0;}
    .about-section .content-wrap .content-pera {max-width: unset;}
    /* Important Points Section CSS */ 
    .important-points-section .box-wrap {padding: 30px;}
    .important-points-section .box-wrap img {margin-bottom: 20px; }
    .important-points-section .box-wrap h3 {font-size: 24px; line-height: 1.3; margin-bottom: 20px;}
    /* Form Setion CSS */
    .form-section .content-wrap {margin-left: 0;}
    .form-section .content-wrap .form-control {max-width: 550px; margin: 0 auto 20px; text-align: left;}
    /* Deliver Section CSS */
    .new-reality-section, .about-section, .deliver-section, .important-points-section, .faq-section {padding: 70px 0; }
}
@media (max-width: 991px) {
    /* Title & Button CSS */
    .section-title {font-size: 38px; line-height: 1.2;}
    .btn10 {padding: 15px 30px;}
    /* Header Section CSS */
    .header-section .header-btn .demo-btn {margin-right: 30px;}
    /* Banner Section CSS */
    .banner-section {padding: 50px 0 20px;}
    .banner-section img, .banner-section iframe {max-width: 100%;}
    .banner-section .choose-video {top: 0px !important; left: 14px !important; right: 10px !important; }
    .banner-section iframe {width: calc(100% - -50px) !important; }
    .banner-section .content-wrap .section-title, .faq-section .section-title {font-size: 50px;}
    /* Key Points Section CSS */ 
    .key-points-section .key-points-wrap .points-wrap {display: flex; align-items: center; margin-bottom: 20px; text-align: left !important;}
    .key-points-section .key-points-wrap .points-wrap img {margin-bottom: 0; max-width: 25px}
    .key-points-section .key-points-wrap .points-wrap p {margin-left: 15px;}
    .key-points-section .key-points-wrap .points-wrap::before { content: none;}
    /* Marketing Section CSS */ 
    .marketing-section .title-wrap {margin-bottom: 50px !important;}
    .marketing-section .title-wrap .title-one {font-size: 36px;}
    .marketing-section .title-wrap .title-one .changebox {margin: 5px auto auto;}
    .marketing-section .marketing-points {margin-bottom: 25px; height: unset;}
    .marketing-section div.title-one.section-title {line-height: 1.13;}
    /* New Reality Section CSS */
    .new-reality-section .content-pera {margin-bottom: 30px;}
    /*.new-reality-section .logo-slider .slider-title {margin-right: 50px;}*/
    .new-reality-section .logo-slider img {margin-right: 50px;}
    /* About Section CSS */ 
    .about-section .content-wrap .section-title {margin-bottom: 15px; }
    .about-section .content-wrap .content-pera {margin-bottom: 25px;}
    /*How To Work Section CSS*/ 
    .how-to-work-section .section-title {margin-bottom: 30px;}
    .how-to-work-section .box-wrap {margin-bottom: 30px;}
    /* Choose Your Section CSS  */
    .choose-your-section iframe {width: calc(100% - -20px) !important; height: calc(100% + 10px) !important; }
    .choose-your-section .content-wrap {margin-top: 50px;}
    .choose-your-section .content-pera {margin-bottom: 25px;}
    .choose-your-section .slider-wrap .slider-item {padding: 20px 30px; font-size: 20px; line-height: 1.3; margin-right: 20px;}
    /* Deliver Section CSS */
    .new-reality-section, .about-section, .deliver-section, .important-points-section, .faq-section {padding: 50px 0;}
    .deliver-section .section-title {margin-bottom: 10px;}
    .deliver-section .content-pera {margin-bottom: 20px;}
}
@media (max-width: 767px) {
    /* Title & Button CSS */
    .section-title {font-size: 34px;}
    /* Banner Section CSS */
    .banner-section .choose-video {top: -13px !important;left: 10px !important;}
    .banner-section iframe {height: calc(100% + 30px) !important;}
    .banner-section .content-wrap .section-title, .faq-section .section-title {font-size: 40px; margin-bottom: 10px;}
    .banner-section .content-wrap .content-pera {margin-bottom: 20px;}
    .banner-section .content-wrap .content-pera br {display: none !important;}
    /* Key Points Section CSS */
    .key-points-section .key-points-wrap {padding: 25px 35px; }
    /* New Reality Section CSS */
    .new-reality-section .content-pera {margin-bottom: 20px; }
    .new-reality-section .logo-slider {margin-bottom: 30px;}
    .new-reality-section .logo-slider .slider-title {font-size: 22px; line-height: 1.3; text-align: center; min-height: unset; max-width: unset; margin: 15px 0; /*0 0 30px;*/ }
    /*How To Work Section CSS*/ 
    .how-to-work-section .box-wrap {max-width: 453px; margin: 0 auto 20px;}
    /* Choose Your Section CSS  */
    .choose-your-section .choose-video {top: 11px !important; left: 22px !important; }
    .choose-your-section iframe {width: calc(100% - -24px) !important;height: calc(100% + 15px) !important;}
    .choose-your-section .choose-video .stand-img {top: 107% !important;}
    .choose-your-section .content-wrap {margin-top: 30px; }
    /* Important Points Section CSS */ 
    .important-points-section .box-wrap h3 {margin-bottom: 15px;}
    /* Form Setion CSS */ 
    .form-section .content-wrap .content-pera {font-size: 20px; line-height: 1.3; margin-bottom: 10px;}
    .form-section .content-wrap .section-title {font-size: 30px; margin-bottom: 25px;}
    .form-section .content-wrap .form-control {height: 50px; }
    .form-section .content-wrap .form-control svg {top: 10px;}
    .form-section .content-wrap .form-control .form-label {font-size: 16px; top: 11px;}
    .form-section .content-wrap .form-control .form-input {height: 50px; padding: 15px 20px 10px 70px; font-size: 16px;}
    .form-section .content-wrap .form-control .form-input:focus ~ .form-label {top: 5px;}
    .form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {top: 5px;}
    .form-section .content-wrap .form-control .form-input:not(:-ms-input-placeholder).form-input:not(:focus) ~ .form-label {top: 5px;}
    .form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {top: 5px;}
    /* Footer Section CSS */
    .footer-section {padding: 30px 0; }
    .footer-section .footer-links li {font-size: 16px;}
    .footer-section .footer-links li span {margin: 0 10px;}
    /* Copyrights Section CSS */
    .copyrights-section .content-pera {font-size: 16px; line-height: 24px;}
}
@media (max-width: 575px) {
    /* Title & Button CSS */
    .section-title {font-size: 30px;}
    /* Banner Section CSS */
    .banner-section .choose-video {left: 5px !important;}
    .banner-section .content-wrap {margin-top: 20px;}
    /* Key Points Section CSS */
    .key-points-section .key-points-wrap {padding: 25px;}
    .key-points-section .key-points-wrap .points-wrap {margin-bottom: 15px;}
    .key-points-section .key-points-wrap .points-wrap p {font-size: 18px;}
    /* Marketing Section CSS */ 
    .marketing-section .title-wrap {margin-bottom: 30px !important; }
    .marketing-section .title-wrap .title-one {font-size: 30px;}
    .marketing-section .section-title span {height: 35px; display: inline-block;}
    .marketing-section .section-title {margin-bottom: 20px;}
    .marketing-section .marketing-points {margin-bottom: 20px;}
    .marketing-section .marketing-points .title-wrap {margin-bottom: 15px; }
    .marketing-section .marketing-points .title-wrap h3 {margin-left: 20px;}
    /* About Section CSS */ 
    .about-section .content-wrap .section-title {margin-bottom: 10px; }
    .about-section .content-wrap .content-pera {margin-bottom: 20px;}
    /* New Reality Section CSS */
    .new-reality-section .section-title {margin-bottom: 15px;}
    .new-reality-section .content-pera {margin-bottom: 10px;}
    /*How To Work Section CSS*/ 
    .how-to-work-section .box-wrap:hover .overlay .content-wrap {top: 80%; }
    .how-to-work-section .box-wrap .overlay .content-wrap {top: 160px;} 
    .how-to-work-section .box-wrap .overlay .content-wrap h3 {font-size: 20px;}
    .how-to-work-section .box-wrap .overlay .content-wrap .content-pera {font-size: 16px;}
    .how-to-work-section .box-wrap .overlay .content-wrap .title-holder a {width: 22px; height: 22px;}
    /* Choose Your Section CSS  */
    .choose-your-section .choose-video {top: 6px !important; left: 20px !important;}
    .choose-your-section iframe {width: calc(100% - -29px) !important; height: calc(100% + 20px) !important; }
     .choose-your-section .choose-video .stand-img {top: 109% !important;}
    .choose-your-section .section-title {margin-bottom: 15px;}
    .choose-your-section .content-pera {margin-bottom: 20px;}
    .choose-your-section .slider-wrap .slider-item {padding: 15px 25px; margin-right: 15px;}
    /* Form Setion CSS */
    .form-section .content-wrap .section-title {margin-bottom: 20px; font-size: 26px;}
    .form-section .content-wrap .form-control {margin-bottom: 15px;}
    /* Deliver Section CSS */
    .deliver-section {padding: 50px 0 30px;}
}
@media (max-width: 480px) {
    /* Title & Button CSS */
    .section-title {font-size: 28px;}
    .content-pera {font-size: 16px; line-height: 24px;}
    .btn10 {font-size: 16px; line-height: 1;}
    /* Banner Section CSS */
    .banner-section {padding: 30px 0 10px;}
    .banner-section .choose-video {left: 0px !important;right: 5px !important;}
    .banner-section .choose-video .stand-img {top: 107% !important;}
    .banner-section .content-wrap .section-title, .faq-section .section-title {font-size: 34px;}
    .banner-section .content-wrap .content-pera {margin-bottom: 15px;}
    /* Marketing Section CSS */ 
    .marketing-section .title-wrap .title-one {font-size: 26px;}
    .marketing-section .section-title span {height: 31px;}
    /* New Reality Section CSS */
    .new-reality-section .section-title {margin-bottom: 10px;}
    /* Choose Your Section CSS  */
    /* Important Points Section CSS */ 
    .important-points-section .box-wrap {padding: 25px;}
    .important-points-section .box-wrap img {margin-bottom: 15px; }
    .important-points-section .box-wrap h3 {font-size: 20px; margin-bottom: 10px;}
    /* Form Setion CSS */
    .form-section .content-wrap .form-control .form-label {left: 60px;}
    .form-section .content-wrap .form-control .form-input {padding: 15px 20px 10px 60px; }
    .form-section .content-wrap .form-control .form-input:focus ~ .form-label {left: 60px;}
    .form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {left: 60px;}
    .form-section .content-wrap .form-control .form-input:not(:-ms-input-placeholder).form-input:not(:focus) ~ .form-label {left: 60px;}
    .form-section .content-wrap .form-control .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {left: 60px;}
    .form-section .content-wrap .form-control svg {left: 20px;}
    /* Deliver Section CSS */
    .new-reality-section, .about-section, .deliver-section, .important-points-section, .faq-section {padding: 30px 0;}
}