/*
 Theme Name:   Magnify Chat Child
 Description:  Magnify Chat Theme
 Template:     magnifychat
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*{margin:0;padding:0;box-sizing: border-box;}
a{outline:none;text-decoration:none;}
img{border:none;max-width:100%;height:auto;}
body{background:none;font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:700;font-family: 'Poppins', sans-serif;letter-spacing: 0;}
p{font-size:16px;line-height:1.5em;color:#231F20;letter-spacing:0px;margin:0 0 20px;font-family: 'Poppins', sans-serif;}
p a{color:#231F20;font-weight:bold;text-decoration:underline;}
ul,li, input, textarea{font-family: 'Poppins', sans-serif;}
.primary-navigation a{font-family:'Poppins', sans-serif;}

.show-mobile{display:none;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.row{align-items: center;}
.white-txt{color:#fff !important;}
.menu-btn, .btn, #primary input.btn{background: rgb(231,130,42); background: linear-gradient(90deg, rgba(84,119,246,1) 0%, rgba(181,93,182,1) 100%);min-width:150px;padding:12px 30px;color:#fff;font-size:22px;font-weight:700;border-radius:8px;display:inline-block;text-align:center;text-transform:normal;padding:8px 20px;align-items:center;justify-content: center;text-align:center;}
.btn img{height: 24px;vertical-align: middle;display: inline-block;margin: -3px 5px 0 0;}
.menu-btn:hover, .btn:hover, #primary .btn:focus, #primary input.btn:hover, #primary input.btn:focus{background: linear-gradient(90deg, rgba(181,93,182,1) 0%, rgba(84,119,246,1) 100%);outline: none;text-decoration: none;}
.menu-btn{margin:0 0 0 20px;}
.menu-btn a{color:#fff !important;padding:0;}
.btn-row{margin:50px 0 0;}
.txt-blue{color:#4B5EF1;}
.btn-white{background:#fff;color:#222222;}

header .container, section .container, footer .container, #masthead{width:95%;max-width:1240px;padding:0 20px;}
.row{width:100%;}
section{padding:80px 0;margin:0 !important;}
section .m-container{max-width:1000px;margin: 0 auto;padding: 0 20px;}
section .toptextarea{max-width:1100px; margin:0 auto 50px;}
section .main-title{font-size:50px;color:#110915;line-height:1.2em;font-weight:600;margin: 0 0 15px;}
section .section-title{font-size:32px;color:#110915;line-height:1.2em;font-weight:600;margin:10px 0 20px;}
section .semi-title{font-size:18px;color:#C4C7C5;line-height:1.5em;margin: 0 0 20px;}
section .subtitle{font-size:16px;color:#000;line-height:1.2em;margin:0;}
.txt-content ul{padding:10px 0 10px 20px;}
.txt-content li{font-size:18px;}

.owl-stage-outer{overflow:hidden;padding:0 0 40px;}
.owl-stage{display:flex;justify-content: space-between; align-items: center;}
.owl-stage .owl-item{padding:0 15px;}
.owl-nav.disabled, .owl-dots.disabled{display:none;}
.owl-nav{float:right;width:auto;}
.owl-nav button span{font-size: 30px;line-height: 20px;display: none;}
.owl-nav button{outline:none;padding:0px;border:none;background:#A2ACF8 !important;border-radius:12px;width:40px;height:40px;margin:0 10px;}
.owl-nav button:hover, .owl-nav button:focus{background:#4B5EF1!important;}
.owl-nav button:before{content:'';font-family:'FontAwesome' !important;color:#fff;font-size:18px;}
.owl-nav .owl-prev::before {content:"\f053";}
.owl-nav .owl-next::before {content:"\f054";}
.owl-nav button:hover:before, .owl-nav button:focus:before{color:#fff;}
.owl-dots{float:left;margin:0 15px;}
.owl-loaded .owl-dots .owl-dot{background:#E8E8E8 !important;border:2px solid #fff;width:15px;height:15px;padding:0;border-radius:100%;margin:0 3px;}
.owl-loaded .owl-dots .owl-dot.active, .owl-loaded .owl-dots .owl-dot:hover, .owl-loaded .owl-dots .owl-dot:focus{border-color:#000;background:#fff !important;}

.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{color:#5477F6;text-decoration:none;}


.primary-navigation a{font-size:16px;color:#000;font-family: 'Poppins', sans-serif;}

#main{padding-bottom:0;}

#banner-section{padding:0;}
#banner-section .container{background-position:center top;background-repeat:no-repeat;background-size:cover;padding:150px 0;position:relative;display:flex;border-radius:35px;}
#banner-section .container .row{align-items: center;}
#banner-section h1{font-size:100px;color:#fff;margin:0 0 10px}
#banner-section h1 span.txt-gradient{background:-webkit-linear-gradient(0deg, #4C78FB, #E6293E);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#banner-section .form-cont{margin:20px 0 0;}
#banner-section input{background:#1F1127;color:#fff;border:none;border-radius:8px;padding:12px 20px;}
input::place-holder{color:#C4C7C5;}
#banner-section .btn-cont{align-items:center;justify-content:center;text-align:center;}
#banner-section input[type="submit"]{background-clip: padding-box;border-radius:8px;border:1px solid;border-image-slice: 1;border-width:1px;border-image-source: linear-gradient(to right, #4C78FB, #E7283A); color:#fff;font-weight:bold;text-transform:capitalize;background:none;margin:30px 0 0;}

#benefits-section{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1;)}

#review-section{background:#F9FAFF;}
#review-section .review-slider{align-items: flex-start;padding:70px 0 0;position:relative;}
#review-section .review-cont{padding:20px;box-shadow: 0 0 20px 0px rgb(0,0,0,0.05);background:#fff;margin:10px 0;border-radius:15px;}
#review-section .review-cont .review-info{line-height:1.3em;font-size:15px;}
#review-section .review-cont .review-top{display:flex;gap:15px;align-items:center;margin:0 0 10px;}
#review-section .review-cont .review-top img{width:auto;height:65px;}
#review-section .review-cont .author-name{font-weight:bold;}
#review-section .review-cont .author-work{color:#AAAAAA;}
#review-section .reviewtext{font-size:13px;}
#review-section .owl-stage-outer{padding:0;}
#review-section .owl-nav{position: absolute;top: 0; right: 0;}
#review-section .rating{color:#FFBB00;font-size:16px;padding:0 5px 0 0;}

#sponsers-section{background:#FFF;box-shadow: 0px 15px 0 rgba(0, 0, 0, 0.07);padding:40px 0;}
#sponsers-section .sponser-item{padding:0 5px;}
#sponsers-section .owl-stage-outer{padding:0;}

#cta-section{background:#F9FAFF;position:relative;}
#cta-section .cta-inner{margin:0 0 -220px;border-radius:24px;background-size:cover;padding:80px 50px;color:#fff;}
#cta-section .btn{margin:10px 15px;}
#cta-section .cta-inner h3{font-size:36px;font-weight:500;margin:0 0 10px;}
#cta-section .cta-txt{font-size:18px;}

#footer-section{padding:0;text-align:center;background:#110915;padding:200px 0 0;}
#footer-copyrights{padding:20px 0;text-align:center;background:#1F1127;color:#fff;text-align:center;font-size:14px;}

#thankyou-section{position:relative;background:url(images/thankyou-bg.webp) 0 0 no-repeat;background-size:cover;height:100vh;width:100%;display:flex;flex-direction:column;color:#fff;justify-content: center;padding:50px 0;}
#thankyou-section:before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.7); position: absolute; top: 0;}
#thankyou-section .m-container{max-width:800px;}
#thankyou-section > div{position:relative;}
#thankyou-section h2{color:#fff;font-size:40px;font-weight:600;margin:0 0 20px;}
#thankyou-section p{color:#fff;font-size:22px;line-height:30px;}
#thankyou-section a:not(.btn){color:#F94D2D;font-weight:700;}

.pum-container .pum-close{background:none !important;color:#000 !important;}
.pum-container .pum-content{text-align:center;}
.pum-container .pum-content h3{font-size:33px;color:#166294;font-weight:700;margin:0 0 10px;}
.pum-container .pum-content h3 .txt-orange{color:#FF8620;}
.pum-container .pum-content p{font-size:18px;color:#000;font-weight:500;}
.book-form{max-width: 580px;margin: 0 auto;text-align: left;font-size: 12px;}
.book-form label{display:block;color:#186395;font-size:14px;font-weight:500;text-align:left;margin:0;}
.book-form .wpcf7-spinner{position:absolute;}
.book-form .row > div{padding:10px;}
.book-form .row > div input:not([type="submit"]), .book-form .row > div textarea{border-radius:8px;border:1px solid #E0DFDF;font-size:16px;margin:0;padding:10px;}
.book-form .row > div textarea{height:100px;}
.book-form .row > div input:not([type="submit"]):focus, .book-form .row > div textarea:focus{outline:none;border:1px solid #000;}
.book-form .row > div input[type="submit"]{border-radius:8px;color:#fff !important;border:none;}
.book-form .row > div input[type="submit"]:focus{outline:none;border:none;}

@media(max-width:1550px){
    #banner-section h1{font-size:95px;}
	#banner-section .container{padding:120px 0;}
}

@media(max-width:1200px){
	#banner-section .container{padding:90px 0;}
	#banner-section h1{font-size:65px;}
	section .semi-title{font-size:16px;}
	#banner-section input[type="submit"]{font-size:15px;}
	#cta-section .cta-inner h3{font-size:30px;}
	#cta-section .cta-txt, .txt-content li{font-size:15px;}
	.menu-btn, .btn, #primary input.btn{font-size:18px;padding:8px 10px;min-width: 120px;}
	#cta-section .cta-inner{padding:50px 25px; margin: 0 0 -140px;}
	#footer-section{padding: 120px 0 0;}
}

@media(max-width:1024px){
	p{font-size:14px;}
    section, #review-section{padding:50px 0;}
	#banner-section h1{font-size:45px;}
	section .section-title{font-size:25px;}
	section .semi-title, section .subtitle{font-size:15px;}
	.primary-navigation a{font-size:14px;padding-left: 10px !important; padding-right: 10px !important;}
	#banner-section input{padding: 8px 15px; font-size: 14px; max-width:250px;margin: 0 auto;}
}

@media(max-width:920px){
	#masthead{flex-direction: column; gap: 0;margin: 0;}
	#site-navigation{margin:0 auto;}
	
}

@media(max-width:767px){
	
	.show-web{display:none !important;}
	.show-mobile{display:block;}
    section{padding:30px 0;text-align:center;}  
	#banner-section .container{padding:40px 0;}
	.align-right, .align-left{text-align:center;}
	.site-branding{margin-right:0;}
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img{max-width:100%;}
	
	.pum-container .pum-content h3{font-size:28px;}
	.pum-container .pum-content p{font-size:16px;}
	section .toptextarea{margin-bottom:20px;}
	
	#banner-section h1{font-size:40px;}
	.txt-content ul{padding:10px 0;list-style:none;}
	#banner-section .container .row{gap:10px;margin: 0;}
	
	#review-section .review-img{order:2;margin:0 0 20px;}
	
    #thankyou-section h2{font-size:32px;}
    #thankyou-section p{font-size:18px;line-height:26px;}
	
}

@media(max-width:481px){
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo{position:static;}	
}

@media(max-width:450px){
	.btn{padding:12px 15px;width:100%;}
	
}