body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
}

a{
    text-decoration: none;
    display: inline-block;
}
h1{
    color: #000;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}
h2{
    color: #000;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;  
    text-align: center;
}
p{
    color: #777777;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 25px;
    text-align: left;
}


/* header_sec */
.header_sec{
    padding: 25px 0;
    box-shadow: 0 0 10px #d3d3d3;
}
.header-row{
    align-items: center;
}
.logo-div{
    max-width: 200px;
    height: auto;
}
.logo-div img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.head-btn-div{
    text-align: right;
}
.nav-btn{
    background: #5653fe;
    padding: 15px 50px;
    color: #fff;
    
    border: 2px solid #fff;
    transition: .4s;
    font-weight: 500;
    font-size: 16px;
}
.nav-btn:hover{
    background: #fff;
    border: 2px solid #000;
    color: #000;
}

/* header_sec */

/* banner_sec */

.banner_sec{
    padding: 80px 0;
    background: linear-gradient(4deg, #c0bfff4f 10%, white 87%);
}
.banner-btn-div{
    margin-bottom: 30px;
}
p.banner-small{
    font-size: 14px;
    font-weight: 600;   
}
.banner-para{
    color: #000;
    margin-bottom: 15px;
}
.banner-img{
    max-width: 400px;
    margin: 0 auto;
}
.banner-img img{
    width: 100%;
    height: 100%;

}
.banner_list{
    padding: 0 0 0 18px;
}
.banner_list li{
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 5px;
}
.banner_list li::marker{
    color: #3d3c99;
}
.banner_input_div{
    position: relative;
    margin:20px 0 30px;
    max-width: 500px;
}
.banner_input_div input{
    border: 2px solid #5653fe;
    padding: 10px 111px 10px 15px;
    border-radius: 8px 0 0 8px;
    color: #878787;
    background: #ffffff7a;
    width: 98%;

}
.banner_input_div input::placeholder{
    color: #878787;
    font-size: 16px;
    font-weight: 400;
}
.banner_submit{
    background: #5653fe;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 0 8px 8px 0;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/* banner_sec */
/* why_sec */
.why_sec{
    padding: 80px 0;
    background: linear-gradient(4deg, #c0bfff38 10%, #7573fe08 87%);
}
.why-main{
    max-width: 1200px;
    margin: 60px auto 0;
}
.why_box{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 6px #ddddfb57;
    padding: 30px;
    margin-bottom: 30px;
}
.why-text-top{
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.why-para{
    color: #878787;
    font-size: 16px;
}
.why-box-inner{
    display: flex;
    gap: 30px;
}
.why-icon-div{
    width: 10%;
}
.why-text_wrapper{
    width: 90%;
}
/* why_sec */

/* mos_sec */
.mos_sec{
    padding: 100px 0;
    background: linear-gradient(4deg, #c0bfff38 10%, #7573fe08 87%);
}
.accordion-collapse{
    transition: .4s;
}

.acc-img{
    max-width: 400px;
    margin: 0 auto;
}
.first-acc{
    margin-top: 60px;
}
.accordion-button.collapsed{
    background: #fff !important;
    font-size: 20px;
    color: #000 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: none !important;
}
.accordion-button{
    background: #7573fe !important;
    box-shadow: none !important;
    border-radius: 10px 10px 0 0 !important;
    font-size: 20px;
    color: #fff !important;
}

.accordion-button::after{
    display: none;
}
.accordion-body{
    background: #7573fe;
    border-radius: 0 0 10px 10px;
    padding-top: 0px;
    color: #fff;
}
.accordion-item{
    margin-bottom: 20px;
    border: none;
    border-radius: 15px;
    background: transparent !important;
    box-shadow: 0 5px 5px #d3d3d342;
}
.new-row{
    margin-top: 15%;
}
.new-row h2{
    max-width: 900px;
    margin: 0 auto 20px;
    
    font-size: 30px;
}
.secnd-acc{
    margin-top: 80px;
}
.mos_sec h2{
    max-width: 900px;
    margin: 0 auto 20px;
}
h2.accordion-header{
    margin-bottom: 0;
}
#firstcollapseTwoImg{
    display: none;
}
#firstcollapseThreeImg{
    display: none;
}

#seccollapseTwoImg{
    display: none;
}
#seccollapseThreeImg{
    display: none;
}
/* mos_sec */

/* testimonial_sec */
.testimonial_sec{
    padding: 80px 0 60px;
}
.testi-box{
    background: #7573fe;
    border-radius: 15px;
    box-shadow: 0 0 10px #7573fe6b;
    position: relative;
    padding: 30px 20px;
    margin: 0 15px 0;
    height: 100%;
}
.testi-col{
    margin-bottom: 80px;
}
.testi-box p{
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}
.test-arrow-div{
    position: absolute;
    bottom: -24px;
    right: 100px;
    z-index: -1;
    max-width: 100px;
    height: auto;
}
.test-arrow-div img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
p.testi-name{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: center;
}
.testi-info{
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
.double-quote{
    position: absolute;
    top: 7px;
    left: 17px;
}

.double-quote img{
    width: 50px;
    opacity: .5;
}
.test-row{
  
    max-width: 1120px;
    margin: 90px auto 0;
}
.star-div{
    text-align: center;
}
.star-div i{
    font-size: 16px;
    margin: 0 3px;
    color: #ffcf67;
    
}
.test-back-div{
    position: absolute;
    width: 101%;
    height: 100%;
    background: #ffeaaa;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    transform: rotate(354deg);
}
.ready-div{
    padding: 10px 0 10px 40px;
    background-image: linear-gradient(89deg, #f5f3ff6b 5.62%, #f0f2ff47 90.1%);
    max-width: 1200px;
    margin: 0 auto;
    border-left: 5px solid #fff3cd;
    border-bottom: 2px solid #fff3cd;
}
.ready-div p{
    color: #000;
    font-size: 16px;
    margin-bottom: 0px;
}
/* testimonial_sec */
/* faq_sec */
.faq_sec{
    padding: 80px 0;
}
.faq_acc{
    margin-top: 60px;
}
#faqaccordion .accordion-button.collapsed{
    background: #fff !important;
    
    color: #000 !important;
    font-weight: 600 !important;
    padding: 20px;
    font-size: 22px;
    
}
#faqaccordion .accordion-button{
    background: #fff !important;
   
   
    font-size: 22px;
    color: #2f2cb9 !important;
    font-weight: 600;
}
#faqaccordion .accordion-body{
   
    background: #fff;
    color: #3f3f3f;
    font-size: 18px;
    
}
#faqaccordion .accordion-button::after{
    display: block;
}
#faqaccordion .accordion-item{
  margin-bottom: 30px;
  box-shadow: 0 5px 5px #d3d3d37a;
  border-left: 7px solid #5653fe !important;
  border-radius: 7px;
}
/* faq_sec */
/* footer_sec */
.footer_sec{
    background: #2f2cb9;
    padding: 60px 0;
}
.footer-para{
    color: #fff;
    text-align: center;
}
.footer-list{
    padding-left: 0;
}
.footer-list-main{
    text-align: center;
}
.footer-list li{
    display: inline-block;
   padding: 0 10px;
   line-height: 1;
}
.footer-list li a{
    font-size: 16px;
    color: #fff;
}
.footer-para a{
    color: #fff;
    text-decoration: underline;
}
.footer-list li:not(:last-child){
    border-right: 2px solid #fff;
}
/* footer_sec */

/* guarentee_section */
.guarentee_section{
    padding:100px 0;
}
.gr_head{
    font-size: 35px;
    margin: 0px 0 18px 0;
    font-weight: 500;
    font-family: 'Poppins';
    color: #191818;
    text-shadow: 1px 1px 0px #b7b9bb;
    text-align: left;
}
.grdiv .row{
  align-items: center;
}
.grtxt{
    color: #878787;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins';
    line-height: 30px;
}
.grdiv{
    padding: 50px 70px;
    background-image: linear-gradient(89deg, #f5f3ff 5.62%, #F0F2FF 90.1%);
    box-shadow: rgba(0, 0, 0, 0.2) 1px 11px 8px -10px;
    border-radius: 15px;
}
.gr_head span{
    color: #605dff;
}
.grdiv .freebtn{
    text-align: left;
    margin-bottom: 25px;
}
.grt-small{
    color: #000;
    font-weight: 500;
    margin-bottom: 0px;
}
/* guarentee_section */

/* free_section */
.free_section{
    padding: 100px 0;
}
.freehead{
    font-size: 35px;
    margin: 0 0 18px 0;
    font-weight: 500;
    font-family: 'Poppins';
    color: #191818;
    text-shadow: 1px 1px 0px #b7b9bb;
    text-align: center;
    line-height: 45px;
}
.freebtn{
    text-align: center;
    margin-top: 25px;
}
.freebox{
    background: url(../images/ty.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 100px;
    background-position: left top;
    
}
.freebox p{
    text-align: center;
    color: #000;
}

/* free_section */
@media screen and (max-width:1199px) {
    .nav-pills .nav-link.tab-btn{
        padding: 15px;
        font-size: 18px;
    }
   
    .testi-box{
        margin: 0;
    }
    .guarentee_section {
        padding: 50px 0;
    }
    .free_section{
        padding: 50px 0 100px;
    }
}
@media screen and (max-width:991px) {
    .desk-view{
        display: none;
    }
    .tab-view{
        display: block;
    }
    .banner-img{
        margin: 30px auto 0;
    }
    .imagine-right-text{
        margin-left: 0px;
        margin-top: 10px;
    }
    .imagine-div-text h2{
        text-align: center;
    }
    .imagine-right-text p{
        text-align: center;
    }
    .first-acc .row{
        flex-direction: column-reverse;
    }
    .acc-img{
        max-width: 500px;
    }
    .secnd-acc .row{
        flex-direction: column-reverse !important;
    }
    .secnd-acc {
        margin-top: 50px;
    }
    #secAccordion{
        margin-top: 30px;
    }
  
    .first-acc {
        margin-top: 20px;
    }
    .grdiv{
        padding: 40px 20px 20px;
    }
    .free_section{
        padding: 0px 0 80px;
    }
    .freebox{
        padding: 40px 30px;
    }
    h2{
        font-size: 30px;
    }
    .acc-img > div{
      text-align: center;
    }
}

@media screen and (max-width:768px) {
    .banner_sec{
        padding: 60px 0;
    }
    h1{
        font-size: 35px;
    }
    .tab_sec{
        padding: 60px 0;
    }
    .mos_sec{
        padding: 60px 0;
    }
    .new-row {
        margin-top: 10%;
    }
    .new-row h2{
        font-size: 25px;
    }
    .secnd-acc {
        margin-top: 15px;
    }
    .testimonial_sec{
        padding: 60px 0 0px;
    }
    .grbox{
        max-width: 300px;
        height: auto;
        margin: 0 auto 30px;
    }
    
    .faq_sec{
        padding: 60px 0;
    }
    .freebox h2{
        font-size: 25px;
    }
}

@media screen and (max-width:767px) {
    .test-row{
        margin-top: 70px;
    }
    .testi-col {
        margin-bottom: 60px;
    }
    .why-icon-div {
        width: 17%;
    }
    .why-box-inner{
        gap: 20px;
    }
    .why_box{
        padding: 30px 20px;
    }
}

@media screen  and (max-width:575px){
    .head-btn-div .nav-btn{
        padding: 10px 25px;
    }
    .logo-div{
        max-width: 180px;
    }
    .banner_sec{
        padding: 30px 0 40px;
    }
    h1 {
        font-size: 30px;
    }
    p{
        font-size: 16px;
    }
    .banner-img {
        margin: 5px auto 0;
    }
    .nav-btn{
        padding: 10px 50px;
    }
    .tab-content-inner-main{
        margin-top: 10px;
    }
    #tab_accordion .accordion-body .tab-content-inner-main .tab-content-inner-right{
        margin-top: 20px;
    }
    h2{
        font-size: 23px;
    }
    .imagine-div {
        padding-top: 25px;
    }
    .tab_sec {
        padding: 40px 0 20px;
    }
    .mos_sec {
        padding: 40px 0 30px;
    }
    .new-row {
        margin-top: 7%;
    }
    .new-row h2 {
        font-size: 22px;
    }
    .first-acc{
        margin-top: 0px;
    }
    .test-row {
        margin-top: 60px;
    }
    
    .guarentee_section{
        padding: 50px 0 30px;
    }
    .faq_acc {
        margin-top: 40px;
    }
    #faqaccordion .accordion-button.collapsed{
        font-size: 18px;
    }
    #faqaccordion .accordion-button{
        font-size: 18px;
    }
    #faqaccordion .accordion-body{
        font-size: 16px;
        padding: 0 10px 10px;
    }
    .freebox{
        padding: 30px 15px;
    }
    .testimonial_sec {
        padding: 40px 0 20px;
    }
    .grbox{
        max-width: 230px;
    }
    .gr_head{
        font-size: 25px;
    }
    .grtxt{
        font-size: 16px;
        line-height: 25px;
    }
    .faq_sec {
        padding: 40px 0 20px;
    }
    .free_section{
        padding: 0 0 50px;
    }
    .footer_sec{
        padding: 50px 0;
    }
    #faqaccordion .accordion-button.collapsed{
        padding: 15px 10px;
        font-size: 16px;
    }
    .why-text-top{
        font-size: 18px;
    }
    .why-box-inner{
        flex-direction: column;
    }
    .why-icon-div{
        width: 60px;
    }
    .why-text_wrapper{
        width: 100%;
    }
}

@media screen and (max-width:389px) {
    .head-btn-div .nav-btn {
        padding: 7px 15px;
        font-size: 15px;
    }
    #faqaccordion .accordion-button{
        font-size: 16px;
        padding: 15px 10px;
    }
}


/* thank_you_page_start */
.thank_you_main{
    padding: 80px 0;
    background: linear-gradient(4deg, #c0bfff4f 10%, white 87%);
   text-align: left;
   position: relative;
}
.thank_you_main::after{
    content: '';
    height: 100%;
    width: 100%;
    background: url(../images/thank_geomatric.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .1;
}
.thank_you_main p{
    color: #000;
}
.thank_big{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}

.thank_you_inner{
    position: relative;
    z-index: 100;
}

.thank_start a {
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
}
.thank_you_inner {
    width: 90%;
    margin: 0px auto;
    background: #815bbd24;
    padding: 30px;
    border: 3px dashed #ffdd0029;
    border-radius: 30px;
}
.thank_start {
    background: #0abb00;
    border-left: 4px solid #ffdd00;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 0 2px 0;
    max-width: max-content;
}
.noteP{
    color: #777777 !important;
    font-size: 13px;
    padding: 0 0 0 5px;
}
@media(max-width:1400px){
    .thank_you_inner {
        width: 100%;
    }
}
@media screen and (max-width:1199px) {
    .thank_you_main{
        padding: 60px 0;
    }
}
@media screen and (max-width:767px) {
    .thank_you_main{
        padding: 30px 0 40px;
    }
}
@media screen and (max-width:575px) {
    .thank_you_main{
        padding: 30px 0 40px;
    }
    h1.thank_you_head {
        font-size: 20px;
        font-weight: 800;
    }
    .thank_big{
        font-size: 18px;
    }
}
/* thank_you_page_end */





/* for_validation_pop-up_start */
#app_common_modal,
#error_handler_overlay {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483647;
	background: #333;
	background: rgba(255, 255, 255, .8);
	display: none;
/*	overflow-x: hidden;*/
	-webkit-overflow-scrolling: touch
}
#app_common_modal .app_modal_body,
#error_handler_overlay .error_handler_body {
	max-width: 600px;
	-webkit-background-clip: padding-box;
	font-family: Verdana, Geneva, sans-serif;
	box-sizing: border-box;
	outline: 0
}
#error_handler_overlay .error_handler_body {
	margin: 100px auto;
	width: 95%;
	padding: 20px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
#app_common_modal_close,
#error_handler_overlay_close {
	position: absolute;
	right: -10px;
	top: -10px;
	color: #FFF;
	background-color: #333;
	border: 2px solid #FFF;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	line-height: 30px;
	padding: 0;
	margin: 0
}
/* for_validation_pop-up_end */