/*------------------------------------------------------------------
 * template Name: emyUI - Multipurpose UI Kit for Web Hosting providers with WHMCS Template
 * Author: coodiv (nedjai mohamed) (nbames.mohamed@gmail.com)
 * Author URI: https://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS template
 * Bootstrap v4.5 (http://getbootstrap.com)
 * Love Our work & support team? 😍 Buy us a coffee! https://ko-fi.com/coodiv
 * Copyright 2021 coodiv.
 -------------------------------------------------------------------*/
 

:root {
    --brand-pink: #FF2E93;
    --brand-purple: #8A3FFC;
    --brand-blue: #0EA5E9;
    --brand-gradient: linear-gradient(135deg, var(--brand-pink) 0%, var(--brand-purple) 50%, var(--brand-blue) 100%);
    --brand-shadow: 0 4px 15px rgba(138, 63, 252, 0.35);
    --brand-shadow-hover: 0 6px 20px rgba(138, 63, 252, 0.5);
}

/* pdthemes added css */


.wp-caption{

}
.wp-caption-text {

}
.screen-reader-text{

}
.gallery-caption{

}
.bypostauthor{

}
.alignright{

}
.alignleft{

}
.aligncenter{
    
}
.baad {
	  border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}
.idk img {
    max-width: unset !important;
}
.elementor img {
	border-radius:inherit!important;
	-webkit-border-radius: inherit!important;
}
.emymarg{
	margin-top:15px!important;
	margin-bottom:15px!important;
}
.mian{
	border-radius:0!important;
	color: #ffffff!important;
    background: var(--brand-gradient)!important;
    border-color: var(--brand-purple)!important;
	border-top: 1px solid #d5d7dd!important;
	border-bottom: 1px solid #d5d7dd!important;
}

.baad {
	  border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}
.coodiv-menu-dropdown,.coodiv-megamenu-dropdown {
opacity:1!important;
}

.card-body.coodiv-color-blackish-blue-opacity-7.pt-0.pl-9.pr-15.coodiv-text-10.pb-9{
	font-weight:400!important;
}
.card-header {
    border-top-right-radius: 1.25rem!important;
    border-top-left-radius: 1.25rem!important;
	
}
.card {
    border-radius: 1.25rem!important;
}
div#comments {
    margin-top: 50px!important;
}
.pagination .nav-links{
	display:none!important;
}
.boostify-menu a {
     line-height: unset!important;
  
}

.form-control {
    border-radius: 20px!important;
}
.comnon{
		display:none!important;
}
.boostify-menu > li > a{
    font-size: 14px!important;
    font-weight: 600!important;
    opacity: .9!important;
    letter-spacing: -0.3px!important;
}

.minwid{
    min-width: 1100px!important;
}
.coodiv-menu-dropdown {
    pointer-events: unset!important;
}
.coodiv-megamenu-dropdown {
    pointer-events: unset!important;

}
.coodiv-megamenu-dropdown.mini-version {
    min-width: 650px!important;
}
body {
	overflow-x:hidden !important;
}
.single-post img{
	border-radius: 20px!important;
}
.sidebar__inner li {
    list-style-type: none!important;
  }
  .mrup{
    margin-top: 10px!important;
  }
.contact-form-container input,.contact-form-container textarea {
    border: 1px solid #e7e9ed!important;
    border-radius: 15px!important;
    padding: 10px!important;
    width: 183%!important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%!important;
	color: #ffffff!important;
	border-radius:10px!important;
    background: var(--brand-gradient)!important;
    border: none!important;
    box-shadow: var(--brand-shadow)!important;
    transition: all 0.3s ease!important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    box-shadow: var(--brand-shadow-hover)!important;
    transform: translateY(-2px)!important;
}
.wpcf7-form label{
	   color:#13151C!important;
	font-size: .9375rem!important;
    letter-spacing: -0.1px!important;
    line-height: 1.73!important;
}
.boostify-sticky--active .mat span{
	color:#000!important;
}
.mximg img {
	max-width:unset!important;
}
.host-wp-bg-area{
	    background-size: 100% !important;
}
.single-post.full-img-fluid-post .case-img img {
    min-height: 886px!important;
    min-width: 1622px!important;
}
.contemyui .py-sm-11 {
    padding-bottom: 0!important;
}
.contemyui .py-sm-11 {
    padding-top: 1.5rem!important;
}
.contemyui .py-5 {
    padding-bottom: 1.5rem!important;
}
.contemyui .py-5 {
    padding-top: 1.5rem!important;
}
.contemyui textarea {
    height: 265px!important;
}
@media screen and (min-width:900px){
ul.row.justify-content-center.hero-tabs-hostings.position-relative.coodiv-z-index-1.pb-20 {
    width: 103%;
    margin-left: 106px;
    margin-bottom: -35px;
}
.features-box-newversion {
    background: transparent;

}
.row.justify-content-center.social-numbers.mt-lg-20.mt-10 {
    margin-bottom: 30px;
}
}
.amtopmenu .boostify--hover-underline li a:before {
    bottom: 0!important;
}
.boostify-site-logo-header .custom-logo {
    width: 250px !important;
    max-width: 204px !important;
}
.nosetup .single-post.full-img-fluid-post .single-post-content .single-post-category {
    color: #000;
}
.nosetup .single-post.full-img-fluid-post .single-post-content .single-post-title {
    color: #000;
}
.nosetup .white-text {
    color: #000;
}
.nosetup .single-post.full-img-fluid-post .single-post-footer .comments span {
    color: #000;
}
.nosetup .single-post.full-img-fluid-post .single-post-footer .comments i {
    color: #000;
}
.nosetup .single-post.full-img-fluid-post .single-post-content {
    background: transparent;
}
.nosetup .single-post.full-img-fluid-post .single-post-footer {
    background: transparent;
}
.nosetup .single-post.full-img-fluid-post .case-img img {
    opacity: 0!important;
}
.breadcrumb-back {
    display: none!important;
}
.btn.btn-white.coodiv-text-11.font-weight-light{
    min-width: 75px;
}
.wp-block-button__link {
 	color: #ffffff !important;
    background: var(--brand-gradient) !important;
    border: none !important;
    box-shadow: var(--brand-shadow) !important;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    transition: all 0.3s ease !important;
}
.wp-block-button__link:hover {
    color: #ffffff !important;
    box-shadow: var(--brand-shadow-hover) !important;
    transform: translateY(-2px) !important;
}
.wp-block-button {
    margin-bottom: 25px!important;
}
#next-plan .row.justify-content-center {
    flex-wrap: nowrap;
}
#next-plan .col-lg-4.col-12.px-lg-10 {
    margin: 15px;
    box-shadow: 0 0 35px 0 rgb(77 77 119 / 19%) !important;
    padding: 35px 0px 20px 0px;
    border-radius: 23px;
    background: #fff;
}
#hero-on .pb-lg-35, .py-lg-35 {
    padding-bottom: 19%!important;
}
.nos li a{
    color: #fff;
    font-family: "Sofia Pro"!important;
    font-weight: 600;
    font-size: 14px;
}
.nos a.dropdown-item {
    color: #000!important;
    font-family: "Sofia Pro"!important;
    font-weight: 600;
    font-size: 14px;
}
.nos li a:hover{
    transition: 0.8s;
    opacity: 0.8;
}
.nos li ul li a{
    color: #000;
    font-family: "Sofia Pro"!important;

}
.nos .dropdown-menu {
    background-color: #fff;
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 35px 0 rgb(77 77 119 / 19%) !important;
    border-radius: 15px;
}
.light-mode-texts .nos li a{
    color: rgb(0, 0, 0);

}
.coodiv-menu-dropdown>.drop-menu-item>a>.badge {
    padding-top: 6px;
}
.popular-post-sidebar-comment {
    padding: 6px 8px 4px 8px!important;
}
.inmu a.elementor-button-link.elementor-button.elementor-size-sm {
    padding-top: 14px!important;
}
ol.comment-list {
    list-style-type: none!important;
}
/* Label */
#commentform .comment-form-comment label{
	display:none;
}

/* Comment */
#comment{
	border-style:solid;
	border-color:rgba(233,230,230,0.68);
	border-width:2px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	width:100% !important;
	height:330px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
}

/* Submit Button */
#submit{
	background: var(--brand-gradient) !important;
    color: #ffffff !important;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	border-style:none;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
    box-shadow: var(--brand-shadow) !important;
    transition: all 0.3s ease !important;
}
#submit:hover {
    box-shadow: var(--brand-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

/* List */
.comment-list .comment-author-admin ol{
	list-style-type:none;
}

/* Article */
.comment.depth-1{
	background-color:#ffffff;
	box-shadow:0px 0px 50px 8px rgba(22,28,45,0.04);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:40px;
	margin-left:-45px;
	margin-top:30px;
}

.comment.depth-1 {
    margin-left: -4%;
    margin-bottom: 21px;
}



/* Paragraph */
.comment-body .comment-content p{
	font-size:14px;
}

/* Image */
.comment-list > .children > .comment-body img{
	margin-right:10px;
}

/* Image */
.comment-list .children .children img{
	margin-right:10px;
}

/* Avatar */
.comment-body .avatar{
	margin-right:10px;
}

/* Comment metadata */
.comment-metadata{
	font-size:15px;
	line-height:3.2em;
}





/* Paragraph */
.comment-list .children .children p{
	font-size:14px;
}

/* Feature section */
.site-wrapper .colsite .feature-section{
	transform:translatex(0px) translatey(0px);
}

/* Reply */
.comment-list .reply{
	background: var(--brand-gradient) !important;
	color: #ffffff !important;
	padding-left:16px;
	border-top-right-radius:50px;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	width:12% !important;
    margin-bottom: 30px;
    box-shadow: var(--brand-shadow) !important;
    transition: all 0.3s ease !important;
}
.reply:hover {
    box-shadow: var(--brand-shadow-hover) !important;
    transform: translateY(-2px) !important;
}



a.comment-reply-link{
	color: #000;
}



/* Label */
#commentform label{
	display:block;
	font-size:16px;
}

/* Author */
#author{
	border-style:solid;
	border-color:rgba(233,230,230,0.68);
	border-width:2px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	height:40px;
}

/* Email */
#email{
	border-style:solid;
	border-color:rgba(233,230,230,0.68);
	border-width:2px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	height:40px;
}

/* Url */
#url{
	border-style:solid;
	border-color:rgba(233,230,230,0.68);
	border-width:2px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	height:40px;
}

/* Comment form cookies consent */
#commentform .comment-form-cookies-consent{
	display:none;
}

/* Comment notes */
#commentform .comment-notes{
	font-size:16px;
}

/* Login Info */
#commentform .logged-in-as{
	font-size:16px;
}

/* Link */
#reply-title a{
	font-size:20px;
}

/* Cancel comment reply link */
#cancel-comment-reply-link{
	font-size:18px !important;
}

@media (min-width:1201px){

	/* Comment Reply Title */
	#reply-title{
		font-size:26px;
	}
	
}
.comment-reply-title small{
    margin-left: 10px;

}
h2.comments-title {
    font-size: 26px;
}
p.wp-block-cover-text {
    color: #eee!important;
}
.wp-block-cover {
    margin: 25px 0;
}
.wp-block-media-text {
    margin: 25px 0;
}
.wp-block-group.has-background {
    padding: 25px;
    margin: 30px 0;
}
.is-style-squared a.wp-block-button__link {
    border-radius: 0!important;
}
.wp-block-button.alignright {
    text-align: right!important;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
    padding: 20px;
}



/* Review author wrap */
.blog-section .media .review-author-wrap{
	margin-top:5px;
}

/* Single post title */
.blog-section .media .single-post-title{
	margin-top:2px !important;
}

/* Paragraph */
.blog-section .emymarg p{
	margin-top:25px;
}

.single-post.full-img-fluid-post .review-avatar {
     width: 60px;
    position: static;
    border-radius: 150px;
}
/* Image */
.site-wrapper .colsite .blog-section .container .container-sidebar .single-post-container .helf-single-post-width .emymarg .full-img-fluid-post .single-post-content .media .review-avatar img{
	width:100% !important;
	height:auto !important;
}

.blog-section .media .review-author-wrap {
    overflow: hidden;
    width: 200px;
}
@media (min-width: 990px) and (max-width: 1200px) {
	.blog-section .media .review-author-wrap {
		width: unset;
	}
}

@media (max-width: 600px) {
.hero-area-coodiv .header-hero-backgrounds .header-erath {
	left: -390px;
}
	.elementor-widget-container {
	overflow: hidden;
}
.single-slide-boxes-slider .slick-list {
	overflow: hidden!important;
}
}
 
.myunset.hero-area-coodiv {
	background-image: unset ;
	background-size: unset !important;
	animation: unset !important;
}
 
/*------- ADD YOUR CUSTOM STYLESHEETS TO THIS FILE -------*/

/* --- GLOBAL BRAND COMPONENT STYLES --- */

/* Primary warning/red CTA buttons override */
.btn-warning,
.btn-red,
.btn-order,
.btn-special-home-plan,
.elementor-button {
    background: var(--brand-gradient) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: var(--brand-shadow) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    background-size: 200% auto !important;
    background-position: left center !important;
}

.btn-warning:hover,
.btn-red:hover,
.btn-order:hover,
.btn-special-home-plan:hover,
.elementor-button:hover {
    background-position: right center !important;
    color: #ffffff !important;
    box-shadow: var(--brand-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

.btn-warning:active,
.btn-red:active,
.btn-order:active,
.btn-special-home-plan:active,
.elementor-button:active {
    transform: translateY(1px) !important;
    box-shadow: 0 3px 10px rgba(138, 63, 252, 0.4) !important;
}

/* Primary Button (.btn-primary) Override */
.btn-primary {
    background: linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-blue) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background-size: 200% auto !important;
    background-position: left center !important;
}

.btn-primary:hover {
    background-position: right center !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* White Button (.btn-white) Override */
.btn-white {
    border: 2px solid #d5d7dd !important;
    color: #161c2d !important;
    transition: all 0.3s ease !important;
}

.btn-white:hover {
    border-color: var(--brand-purple) !important;
    color: var(--brand-purple) !important;
    background: rgba(138, 63, 252, 0.05) !important;
    transform: translateY(-2px) !important;
}

/* Pricing Toggle Override */
.btn-toggle.active {
    background: var(--brand-gradient) !important;
    box-shadow: var(--brand-shadow) !important;
}

/* Accent and Highlight elements to match the logo scheme */
.hero-tabs-hostings .tabs-hostings.active {
    border-bottom: 4px solid var(--brand-purple) !important;
}

.ourfeatures-box i {
    color: var(--brand-pink) !important;
}

.category-list-sidebar li a:hover span.badge {
    background-color: var(--brand-purple) !important;
    color: #ffffff !important;
}

.comparison-box.side-bg-2:before,
.comparison-box.side-bg-2 .comparison-box-left-side {
    background: var(--brand-purple) !important;
}

.numberbox .title.two:after {
    background: var(--brand-purple) !important;
}

.coodiv-bg-warning-opacity-visible,
.coodiv-bg-yellow-opacity-visible {
    background-color: var(--brand-purple) !important;
    color: #ffffff !important;
}

.coodiv-color-warning-opacity-visible,
.coodiv-color-yellow-opacity-visible {
    color: var(--brand-purple) !important;
}

/* --- CUSTOM HEADER LAYOUT ADJUSTMENTS --- */

/* Limit container width and add padding to pull logo and login button away from screen edges */
.elementor-182 .elementor-element.elementor-element-3dece7c > .elementor-container {
    max-width: 1320px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Adjust column widths on desktop to give the client login area more space */
@media (min-width: 768px) {
    /* Menu column width */
    .elementor-182 .elementor-element.elementor-element-087918e {
        width: 68% !important;
    }
    /* Client Login column width */
    .elementor-182 .elementor-element.elementor-element-01fc81f {
        width: 15% !important;
    }
}

/* --- MOBILE VIEW HERO BANNER & MARQUEE ALIGNMENT FIXES --- */
@media (max-width: 767px) {
    /* Make the hero banner background fill the taller mobile viewport and use optimized mobile image */
    .elementor-2055 .elementor-element.elementor-element-1cd2fe20:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
    .elementor-2055 .elementor-element.elementor-element-1cd2fe20 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-image: url("../../../uploads/2025/09/HostRomeo-Banner-2025-768x337.jpg") !important;
        background-size: cover !important;
        background-position: 60% center !important;
        background-color: #0b071e !important;
    }

    /* Format the typed marquee text and underline to wrap naturally and align correctly */
    #typed.strike-bottom {
        display: inline !important;
        text-decoration: underline !important;
        text-decoration-color: #68d585 !important;
        text-underline-offset: 6px !important;
        text-decoration-thickness: 3px !important;
        font-size: 1.5rem !important; /* Scale down font size slightly on mobile for cleaner wrap */
        line-height: 1.6 !important; /* Increase line height for native underline spacing */
    }

    /* Hide the desktop absolute-positioned line pseudo-element as it misaligns when text wraps */
    #typed.strike-bottom::after {
        display: none !important;
    }

    /* Prevent the Typed.js typing cursor from being underlined */
    .typed-cursor {
        text-decoration: none !important;
    }
}

/* --- GLOBAL HEADER BACKGROUND FIXES --- */
/* Remove accidental logo background image from header sections and ensure clean backgrounds */
.elementor-182 .elementor-element.elementor-element-3dece7c {
    background-image: none !important;
}

.elementor-182 .elementor-element.elementor-element-b1059ef {
    background-image: none !important;
    background-color: #ffffff !important;
}

/* --- INTERMEDIATE DESKTOP SCREEN ADJUSTMENTS --- */
/* Prevent menu links wrapping / overlapping on screens between 1025px and 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
    /* Adjust header column proportions to give menu more room */
    .elementor-182 .elementor-element.elementor-element-9f7fe92 {
        width: 14% !important;
    }
    .elementor-182 .elementor-element.elementor-element-087918e {
        width: 73% !important;
    }
    .elementor-182 .elementor-element.elementor-element-01fc81f {
        width: 13% !important;
    }

    /* Shrink the logo size slightly */
    .elementor-182 .elementor-element.elementor-element-121d5bd .boostify-site-logo-header .custom-logo {
        max-width: 130px !important;
    }

    /* Shrink menu font-size and spacing */
    .elementor-182 .elementor-element.elementor-element-d8e594f .boostify-menu > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 12px !important;
    }
}