.headerdesktop{display: flex; height: 150px; align-items: center; margin:52px 0;}
.headerdesktop nav a{font-weight:800;}
.headerdesktop .logobox{width:250px;}
.headerdesktop .logobox img{width: 100%; height:auto;}

.hero .left h1{font-weight: 800;}
.hero .right .video1{margin-top:-80px;}
.usps .grid div{font-weight: 700;}
a:hover{cursor: pointer;}

.packages .package ul li span{color: rgb(110 64 140 / var(--tw-bg-opacity, 1));}


.tabs .media-container{max-height:500px;}
.tabs .media-container:nth-child(2){margin-top:80px;}
.tabs .content-container{align-self: center;}

#tabs button.tab-item{position:relative;}
#tabs button.tab-item::after{content: ' '; height:100%; width:5px; background:#FF6B00; border-radius:10px; position: absolute; right:0; top:0;}
#tabs button.tab-item:last-child::after{display:none;}

.blue-content .sinking-image{margin-bottom:-150px;}
.blue-content{padding-bottom:calc(2rem + 150px)!important;}

.faq .faq-container{position:relative; z-index:10;}
.faq .question button span{font-weight: 700;}

.three-media-content .grid .media-container:nth-child(2){margin-top:50%}


.before_cat{width: 20px; height: 20px; display: inline-block; border-radius: 20px; border: 3px solid orange; margin-left: 100px;     top: 4px;
    position: relative;
    margin-right: 10px;}


.my_forms .acf-field .acf-label{text-align:left;}

.my_forms .acf-input-wrap{overflow:visible;}
.my_forms .acf-input textarea, .my_forms .acf-input input[type="text"], .my_forms .acf-input input[type="url"]{width: 100%; border-radius: 10px; background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 17px; line-height: 20px;}
.my_forms .acf-input textarea::placeholder, .my_forms .acf-input input::placeholder{color: rgba(0,0,0,0.5);}
.my_forms .acf-input textarea:focus, .my_forms .acf-input input:focus{outline: none; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);}

.my_forms .acf-repeater-add-row {margin-bottom:20px; display: inline-flex; font-weight:bold; flex: 1 1 0%; align-items: center; justify-content: center; padding: 0.5rem 0.8rem; border-radius: var(--rounded-btn, 0.5rem); background-color: var(--brand-blue, #3B82F6); color: #ffffff; font-size: var(--text-btn-size, 1rem); line-height: var(--text-btn-line, 1.5rem); transition-property: all; transition-duration: 150ms; transition-timing-function: var(--ease-smooth, cubic-bezier(0.4,0,0.2,1));}
.my_forms .acf-repeater-add-row:hover{filter: brightness(0.9);}

.my_forms .acf-input .acf-url i{top:15px;}

.my_forms .acf-form-submit .button{width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; border-radius: var(--rounded-btn, 0.5rem); background-color: var(--brand-purple, #9333ea); color: #ffffff; font-size: var(--text-btn-size, 1rem); line-height: var(--text-btn-line, 1.5rem); transition-property: all; transition-duration: 150ms;transition-timing-function: var(--ease-smooth, cubic-bezier(0.4,0,0.2,1));}


.my_forms .acf-checkbox-list label input[type="checkbox"] {display: none;}
.my_forms .acf-taxonomy-field .categorychecklist-holder{border:none !important;}
.my_forms .acf-taxonomy-field .categorychecklist-holder .acf-checkbox-list {padding:0 !important;}
.my_forms .acf-checkbox-list label input[type="checkbox"] + span::before {content: ""; display: inline-block; width: 20px; height: 20px; border: 3px solid #ff6600; border-radius: 50%; background: #fff; margin-right: 8px; vertical-align: middle; box-sizing: border-box;}
.my_forms .acf-checkbox-list li{text-align: left; width: 33%; float: left !important;}
.my_forms .acf-checkbox-list label span {vertical-align: middle; cursor: pointer;}
.my_forms .acf-checkbox-list label input[type="checkbox"]:checked + span::before {background: #ff6600; box-shadow: inset 0 0 0 5px #fff;}


.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-email{width: 100%; border-radius: 10px; background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 17px; line-height: 20px;}
.wpcf7-form .wpcf7-textarea{width: 100%; border-radius: 10px; background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 17px; line-height: 20px;}
.wpcf7-form .wpcf7-submit{background: #389DF2; border-radius: 10px; color: white; font-weight: bold;}

.wpcf7-form input[type="checkbox"] + span::before{content: ""; display: inline-block; width: 20px; height: 20px; border: 3px solid #ff6600; border-radius: 50%; background: #fff; margin-right: 8px; vertical-align: middle; box-sizing: border-box;}
.wpcf7-form input[type="checkbox"]:checked + span::before {background: #ff6600; box-shadow: inset 0 0 0 5px #fff;}
.wpcf7-form input[type="checkbox"]{display:none; }

.page-template-page-profile .acf-field-file {position: absolute !important;
    top: 0;
    left: -67%;
    width: 50%; border-top:none !important;}
.page-template-page-profile .acf-field-file .show-if-value{display:none;}
.page-template-page-profile .acf-field-file .acf-video-preview video{border-radius: 20px; overflow: hidden;}

.author .socials{margin-top:20px;}
.author .socials a{width: 40px; height: 40px; padding: 5px; background: rgb(255 107 0 / var(--tw-bg-opacity, 1)); justify-content: center; display: inline-flex; align-items: center; border-radius: 25px;}
.author .intro{margin-bottom:20px; margin-top:40px;} 
.author p .profile_label{width:150px; display:inline-block;}


.wysiwyg p{margin-bottom:20px;} 
.wysiwyg ul, .wysiwyg ol{margin-bottom:20px; }
.wysiwyg ul li{margin-bottom:10px;padding-left:40px; background-image:url('assets/img/check.svg'); background-repeat:no-repeat; background-position:left top;}
.wysiwyg ol li{margin-left:30px;}
.wysiwyg ol{list-style: auto;}

.package .video1{position: absolute;
    display: none;
}

.package:hover .video1{display:block;}


@media only screen and (max-width: 768px) {
	.text-h1{font-size: 48px !important; line-height: 56px !important;}
	.text-h2{font-size:42px !important; line-height: 46px !important;}
	.text-h3{font-size:35px !important; line-height: 40px !important;}
	.tabs #tabs{flex-direction: row !important; overflow-x: scroll; justify-content: flex-start;}
	.tabs #tabs button.tab-item{font-size: 16px !important; line-height: 20px;         padding: 15px 15px 15px 5px;}
	.tabs .panel .content-container{order:1;}
	.tabs .panel .media-container{order:2;}
	.hero .right .video1{margin-top:-15px;}
	.wysiwyg {max-width:100% !important;}
}