/*
Theme Name: TheOptiGrowth
*/

@import url('https://fonts.cdnfonts.com/css/satoshi');

html{scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

body{font-family: 'Satoshi', sans-serif;font-size: 17px;font-weight: 500; overflow-x:hidden}
h1{font-weight: 500;font-size: 50px;margin-bottom: 25px;}
h2{font-weight: 500;font-size: 42px;margin-bottom: 25px;}
h3{font-weight: 500;font-size: 32px;margin-bottom: 25px;}
h4{font-weight: 500;font-size: 22px;margin-bottom: 20px;}
h5{font-weight: 500;font-size: 18px;margin-bottom: 20px;}
span, strong{color: #7b4d9f!important;}
strong{font-weight: 700;}
a{color: initial;line-height: initial;}
a:hover{text-decoration: none;color: #000;}
p{color: black;margin-bottom: 20px;font-weight: 400;font-size: 18px;}
p:last-child{margin:0;}
label{margin-bottom: 0px;display: block;}
img, iframe, video{max-width: 100%; vertical-align: middle;}
ul{}
ul li{}
input, input::placeholder, button:focus, .form-control:focus, .form-control::placeholder, textarea{padding: 0px 10px 5px 10px!important;height: initial!important;border: 0!important;color: #000!important;border-bottom: 1px dashed #000000 !important;font-size: 16px!important;box-shadow:initial!important;color:#000!important;border-radius: 0!important;}
.form-control:focus{border-color: #7b4d9f!important;}
input[type=radio]{width: 20px;height: 20px!important;vertical-align: middle;}
input[type=submit]{width: 100%;text-align: left;background: #7b4d9f!important;padding: 14px 20px!important;color: #fff!important;cursor: pointer;border: 0!important;font-weight: bold;border-radius:5px!important}
input[type=submit]:hover{background:#000!important}
textarea, textarea.form-control:focus{height: 70px!important;}
label{font-size: 13px;color: #000!important}

.wpcf7-spinner{position:absolute}
.wpcf7-not-valid-tip{font-size:12px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{margin: 10px 0 0 0!important;background:#000;font-size: 13px;text-align: center; color: #fff!important}

.btn, .btn-rounded{padding: 15px 30px;border-radius: 2px;background: #7b4d9f;color: #fff !important;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;border-radius: 10px;background: linear-gradient(90deg, #da87b9 0%, #7b4d9f 100%);border: 0px solid #7b4d9f;cursor: pointer;font-weight: 500;}
.btn:hover, .btn-rounded:hover{transform:scale(1.02)}
.btn:hover svg, btn-rounded svg{transform:rotate(360deg)}
.btn-rounded{background: initial;border: 2px solid #7b4d9f;border-radius: 50%;width: 60px;text-align: center;padding: 0;height: 60px;line-height: 55px;display: inline-block;}
.btn-rounded path{stroke:#7b4d9f}
.btn-rounded:hover{transform:rotate(360deg)}

.cover{background-size: cover!important;background-position: center center!important;}
.after:after, .before:before{content:'';display:block;position:absolute;top:0;left: 0;width:100%;height:100%;background: rgb(0 0 0 / 75%);}
.after .container, .after .container-fluid{position:relative;z-index: 1;}
.overflow-hidden{overflow: hidden;}
.rounded{border-radius: 10px!important;}
.bg-light{background:linear-gradient(90deg, rgb(123 77 159 / 5%) 0%, rgb(218 135 185 / 10%) 100%)!important}
.bg-dark{background-color: #000!important;background-image: url('images/bg-line.png');background-position: center center;}

.owl-nav{position: absolute;top: 40%;width: 100%;}
.owl-nav .owl-prev{margin-left: -20px;}
.owl-nav .owl-next{margin-right: -20px; float: right;}
.owl-nav button i{border: 1px solid #000;width: 30px;height: 30px;border-radius: 50%;font-size: 25px;background: #7b4d9f !important; border-color: #7b4d9f; color: #fff;}
.owl-nav button:hover i{border-color:#000!important; background:#000!important; color:#fff}
.owl-dots{position: absolute;bottom: 25px;left: 0;right: 0;z-index:1;margin: 0 auto;text-align: center;}
.owl-dot{width: 20px;height: 10px;background: #fff!important;border-radius: 5px;margin-right: 8px;}
.owl-dot.active, .owl-dot:hover{background: #7b4d9f !important;width: 40px;}

.border-bottom{border-bottom: 1px solid #2d2d2d !important;}
.bg-black{background: #000!important}
.circle-shape{width: 500px;height: 500px;position:absolute;right: -40%;top: -16%;background: linear-gradient(90deg, #7b4d9f 0%, #da87b9 100%);border-radius: 50%;z-index: -1;display: none;}
.tag{padding: 5px 20px;display: inline-block;background: #fff;border-radius: 50px;font-size: 14px;font-weight: 500;margin-bottom: 15px;}

.listyle{}
.listyle ul{margin-bottom: 25px;padding: 0;padding-left: 10px;}
.listyle ul li{font-weight: 500;list-style: none;position: relative;padding-left: 25px;margin-bottom: 5px;}
.listyle ul li:last-child, .listyle ul:last-child{margin:0}
.listyle ul li:after{content:'\f00c';font-family: 'FontAwesome';font-size: 10px;background: linear-gradient(90deg, #7b4d9f 0%, #da87b9 100%);color: #fff;border-radius: 25px;font-size: 8px;padding: 2px 4px;position: absolute;left: 0;top: 4px;text-align: center;}

.cursor{z-index: 1000; pointer-events: none; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s, width 0.3s, height 0.3s; width: 15px; height: 15px; background-color: #7b4d9f; display: flex; align-items: center; justify-content: center;} 
.cursor.active {transform: translate(-50%, -50%) scale(1.5);}
.cursor.hidden {opacity: 0 !important;}

header{}
header .logo img{width:200px;}
header .menu-icon{position: relative;width: 40px;float: right;cursor:pointer}
header .menu-icon span{width: 40px;height: 4px;background: #7b4d9f;display: block;margin-bottom: 6px;border-radius: 10px;cursor: pointer;}
header .menu-icon:hover span{background:#7b4d9f}
header .menu-icon.on span:first-child{transform: rotate(45deg);position: relative;top: 10px;}
header .menu-icon.on span:nth-child(2){transform: rotate(-45deg);}
header .menu-icon.on span:nth-child(3){display:none}
header nav{}
header nav ul{padding:0;margin: 0;text-align:right;}
header nav ul li{display:inline-block;}
header nav ul li a{display: block;padding: 10px 12px;color: #000;}
header nav ul li.btn{padding: 3px 5px;border-radius: 5px;margin-left: 25px;}
header nav ul li.btn a{color:#fff!important;font-weight: 500;}
header nav ul li a:hover, header nav ul li.current-menu-item a{color: #7b4d9f;}
header nav .menu-item-has-children > a:after{content:'\f107';font-family: fontawesome;padding-left: 5px;}
header nav .sub-menu{display:none; position: absolute;background: #000;}
header nav li:hover .sub-menu{display:block;}
header nav li .sub-menu li{display:block; text-align:left}
header nav li .sub-menu a{border-bottom: 1px solid #202020;}
header.sticky{position: sticky;top: 0;z-index: 9;background: #fff;padding: 8px 0!important;border-bottom: 1px solid #00000014;}
header.sticky a{}
header.sticky .logo img{width: 125px;}

.banner{}
.banner .item{padding: 125px 0;}
.banner .bg{background: hsla(0, 0%, 100%, .8);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-shadow: inset 1px 2px 0 0 hsla(0, 0%, 100%, .6), -12px 36px 44px 0 rgba(127, 124, 168, .18);padding: 50px 50px 50px 60px;border-radius: 10px;}
.banner .exp{transform:translate(-50%,-50%)!important;left:0;top:50%!important;position:absolute!important;display: inline-flex!important;}
.banner .exp span{background: hsla(0, 0%, 100%, .5);backdrop-filter: blur(8px);padding: 10px 25px;transform: rotate(-90deg);border-radius: 10px;color: #000!important;}
.banner h1{}
.banner p{font-size:20px;}

.intro{}

.services-list{overflow: hidden;}
.services-list *{color:#fff}
.services-list h2{margin-bottom:10px;}
.services-list ul{margin: 0;padding: 0;margin-top: 2rem; width: 100%}
.services-list ul li{list-style: none;padding: 20px 0;border-bottom: 0px solid rgb(255 255 255 / 10%);}
.services-list ul li h3, .services-list ul li p, .services-list ul li a{display:inline-block;margin: 0;vertical-align: middle;}
.services-list ul li h3{width: 33%;font-weight:500;padding-right: 50px;}
.services-list ul li p{width: 56%;}
.services-list ul li a{}
.services-list ul li:last-child{border:0;margin-bottom:0;padding-bottom: 0;}
.services-list ul li:hover a.btn-rounded{transform:rotate(360deg);background: #fff;}
.services-list ul li:hover h3, .services-list ul li:hover a{color:#7b4d9f}

.services-list-v1{position:relative}
.services-list-v1:after{content:'';background: url('https://theoptigrowth.com/wp-content/themes/theoptigrowth/images/bg-line.png');display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;background-position: center center;background-repeat: no-repeat;}
.services-list-v1 .container{position:relative; z-index:1}
.services-list-v1 .border{height:100%}
.services-list-v1 .border h3{font-size: 22px;margin-bottom: 10px;}
.services-list-v1 .border:hover{border-color:#7b4d9f!important}
.services-list-v1 .btn{padding: 10px!important;font-size: 0px;border-radius:50%}
.services-list-v1 .border:hover .btn{font-size:14px; border-radius:10px;}
.services-list-v1 .border p{min-height:60px;}
.services-list-v1 .row .mb-4:first-child, .services-list-v1 .row .mb-4:nth-child(3){margin-top:50px;}
.services-list-v1 .row .mb-4:nth-child(5), .services-list-v1 .row .mb-4:nth-child(8), .services-list-v1 .row .mb-4:nth-child(11){margin-top: -50px;}

.whychoose{}
.whychoose .tag{background:linear-gradient(90deg, rgb(123 77 159 / 5%) 0%, rgb(218 135 185 / 10%) 100%)}
.whychoose h3{margin-bottom:10px}
.whychoose p{transition: initial;}
.whychoose .active{background: linear-gradient(90deg, #da87b9 0%, #7b4d9f 100%)!important;border-radius: 10px!important;}
.whychoose .active *{color: #fff!important;border:0!important;}
.whychoose .stick{position: sticky;background: #fff;border-radius: 10px;margin-bottom: -20px;top: 70px;}
.whychoose .stick.first{}
.whychoose .stick.sec{margin-top: -100px}
.whychoose .stick.third{margin-top: -100px}
.whychoose .stick.four{margin-top: -100px}

.blgocss{overflow: hidden;}
.blgocss .top *{color: #fff}
.blgocss a:hover{color:#000}
.blgocss h2{margin-bottom:10px;}
.blgocss h4{font-size: 20px;}
.blgocss p{line-height: initial;}
.blgocss .bg-white .tag{background:linear-gradient(90deg, rgb(123 77 159 / 5%) 0%, rgb(218 135 185 / 10%) 100%)}
.blgocss .bg-white:hover .btn-rounded{transform:rotate(360deg)}

footer{background: #000!important; overflow: hidden;}
footer h5{color: #fff;opacity: .7;font-weight: 400;font-size: 18px;}
footer ul{margin:0;padding:0;padding-left: 5px;}
footer ul li{list-style:none}
footer ul li a{display: block;margin-bottom: 15px;position:relative;padding-left: 15px;font-size: 15px;}
footer ul li a:after{content:'';display: block;position: absolute;left: 0;top: 6px;width: 5px;height: 5px;background: #7b4d9f;border-radius: 50%;}
footer .middle ul li{width:50%; float:left}
footer .middle ul li:nth-child(odd){clear:both}
footer a{color:#fff}
footer a:hover{color:#7b4d9f}
footer p{color:#fff;opacity: .7;}
footer .last{}
footer .last .details a{display:block}
footer .last .details .email{font-weight: bold;font-size: 20px;margin-bottom: 10px;}
footer .last .details .tel{}
footer .last span{font-size: 12px;color: #000!important;opacity: .6;}
footer .social{}
footer .social a{background: #000000;font-size: 18px;width: 35px;height: 35px;line-height: 30px;display: inline-block;text-align: center;padding: 2px;border-radius: 5px;margin-right: 5px;margin-top: 10px;}
footer .social a i{color:#fff}
footer .social a:hover{background:#ed1c25; color:#fff}

.copyright{background: linear-gradient(90deg, #da87b9 0%, #7b4d9f 100%);}
.copyright *{color:#fff;font-size: 14px;}
.copyright p{margin:0}
.copyright span{margin:0 10px;}
.copyright a:hover{color:#ed1c25!important}

.breadcrumbs h1, .breadcrumbs p{color: #fff}

.stand{}
.stand .position-relative{margin-bottom:50px;padding-left: 60px;}
.stand .position-relative:last-child{margin:0}
.stand img{position:absolute;left:0;width: 45px;top: 10px;}
.stand h4{margin-bottom:10px; font-weight:500}
.stand .position-relative p{font-size: 15px;line-height: initial;}
.stand *{color: #fff}

.faqcss{}
.faqcss ul{list-style:none;padding: 0;margin:0;}
.faqcss ul li{border: 1px solid #ebebeb;padding: 20px 40px 20px 20px;cursor: pointer;border-radius: 10px;margin-bottom: 15px;}
.faqcss ul li h4:after{content: '';background: url('images/plus.png');position: absolute;right: -25px;top: 4px;width: 16px;height: 16px;display: block;background-repeat: no-repeat!Important;background-size: cover;}
.faqcss ul li.open h4:after{background:url('images/minus.png');top: 12px;}
.faqcss ul li.open h4, .faqcss ul li:hover h4, .faq ul li.open h4{color:#8a4cef}
.faqcss h4{margin: 0;position: relative;font-weight: 500;font-size: 18px;}
.faqcss ul li .content {opacity:0;height:0;}
.faqcss ul li.open .content p{margin-top: 15px;font-size: 16px;}
.faqcss ul li.open .content {opacity:1; height:initial}

.category-text a{color: #fff}

.cta{}
.cta .bg-dark{margin-top: -50px;}
.cta .bg-dark *{color:#fff}
.cta .bg-dark h3, .cta .bg-dark p{margin-bottom:30px;}

.blogsingle h4{font-size:25px!important}
.blogsingle hr{margin: 26px 0!important;}


@media(min-width:1320px){
	.container{max-width:1320px;}
}

@media(max-width:1200px){
	.whychoose .stick{margin-bottom: 0;}
	.whychoose .stick.sec, .whychoose .stick.third, .whychoose .stick.four{margin-top: 0px}
}

@media(max-width:992px){
	header nav ul li a{padding: 10px 8px;}
	header nav ul li.btn{margin:0}
	.services-list ul li{width:100%;float:left;}
	.services-list ul li h3, .services-list ul li p{width: 80%;}
	.services-list ul li .btn-rounded{float: right;margin-top: -35px;}
	.services-list-v1 .row .mb-4:nth-child(even){margin-top: 0px!important;margin-bottom: 0!important;}
	.services-list-v1 .row .mb-4:nth-child(odd){margin-top: 50px!important;margin-bottom: 0!important;}
}

@media(max-width:767px){
	h1{font-size: 40px;}
	h2{font-size: 32px;}
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 15px;}
	header nav{display:none;position: fixed;left: 0;top: 0;width: 250px;height: 100%;background: #000;z-index: 9;}
	header nav.on{display:block;border-right: 1px solid #333333;}
	header nav *{color:#fff!important}
	header nav ul{width: 100%;display: block;}
	header nav ul li{display:block;text-align:left;border-bottom: 1px solid #333;}
	header nav ul li a{padding: 14px 20px;}
	header nav ul li.btn2 a{padding: 10px 20px;}
	header nav ul li.btn{margin-left:0;width: 100%;text-align: left;border-radius: 0;padding: 0;}
	header nav ul li a{padding: 15px 8px;font-size: 15px;}
	.banner .bg{padding: 30px 30px 30px 50px;}
	.stand .position-relative{margin:0!important;margin-top: 40px!important;/* padding-left:0!important; */}
	.stand .position-relative:last-child{padding:0;}
	.stand .position-relative:last-child .btn{padding:15px;}
	.stand p br{display:none}
	footer .middle ul li{width:100%}
	.services-list-v1 .row .mb-4:nth-child(even){margin-top: 0px!important;margin-bottom: 40px!important;}
	.services-list-v1 .row .mb-4:nth-child(odd){margin-top: 0px!important;margin-bottom: 40px!important;}
}

@media(max-width:575px){

}