/*!
Theme Name: oxoserver
Theme URI: https://oxoserver.com/
Author: OXOSOFTS
Author URI: https://oxosofts.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oxoserver
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
  --primary-color: #146EF6;
  --white:#ffffff;
  --secondary-color:#00f6ff;
}

body{
 margin:0; 
 font-family:'Inter',sans-serif;
}
p{
    margin-top:0;
}
h4{
    margin-top:10px;
}
.oxo-wrap{
    max-width:1140px;
    margin:0 auto;
    width:100%;
}
.text-center{
    text-align:center;
}
.primary-btn{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
    background-color: transparent;
    background-image: linear-gradient(220deg, #FA0068 0%, #FB7A62 100%);
    border-radius: 25px 25px 25px 25px;
    display: inline-block;
    border: 0;
    color: #fff;
    padding: 13px 36px 13px 36px;
}
.d-flex{
    display:flex;
}
/****************
HEADER
****************/
.custom-logo{
    max-width: 200px;
    width:100%;
    height: auto;
}
.site-header{
    padding:10px 0;
    position:absolute;
    top:0;
    width:100%;
    z-index:999;
}
.oxo-header-image{
    background-image:url('assets/images/oxoserver-head-bg.png');
}
.site-header .oxo-wrap{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
#primary-menu ul{
    display: flex;
    list-style: none;
    margin: 0;
}
#primary-menu ul li a{
    color:var(--white);
    text-decoration:none;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight:500;
}
#primary-menu ul .page_item.current_page_item a {
    color:var(--secondary-color);
}
.menu-toggle{
    display:none;
}

.banner-line{
    background-image: url(assets/images/oxoserver-banner-line.png);
    color: #00F6FF;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.banner-line-2{
    background-image: url(assets/images/oxoserver-banner-line-2.png);
    color: #0061ff;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}



/****************
Tabs
****************/
.tab-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: #fff;
    padding: 10px;
    border-radius: 30px;
    max-width: fit-content;
    margin: 0 auto;
    margin-bottom: 40px;
}
.tab-menu button{
    background-color: transparent;
    background-image: linear-gradient(220deg, #fa0068 0%, #fb7a62 100%);
    border-radius: 25px 25px 25px 25px;
    padding: 12px 34px 12px 34px;
    border: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}


/****************
Home Packages Card
****************/
.main-div {
    display: flex;
    gap: 30px;
}
.main-div01 {
    margin: 0 10px 0 10px;
    background: #fff;
    border-radius: 11px 11px 11px 11px;
    border: 3px solid transparent ;
    overflow: hidden;
}
.main-div01:hover {
    border: 3px solid #0061ff ;
    box-shadow: 6px 0 20px rgba(8,0,63,0.1) ;
}
.text-div {
    background: #fff;
    margin: -50px 15px 0px 15px;
    padding: 30px 15px 50px 15px;
    width: 90%;
    border-radius: 10px;
    position: relative;
}
.text-div h3{
    margin-top:0;
    margin-bottom:0;
}
.text-div p{
    color: #646773;
    padding: 10px 15px 3px 15px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
}
.text-div ul {
    padding: 15px 0 15px 20px;
    list-style:none;
    margin:0;
    padding: 0;
    margin-bottom: 10px;
}
.text-div ul li{
    color: #292b33;
    border-bottom: 1px solid #e6e9ee;
    padding: 8px 0 8px 0;
}
.text-div ul li:last-child{
    border-bottom:0;
}
.text-div ul li span{
    color: #646773;
    padding: 10px 0 10px 0;
    font-weight: 300;
}
.plan-label{
    background-image: linear-gradient(220deg,#120086,#0061ff);
    padding: 7px;
    border-radius: 35px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}
.text-div p.plan-price{
    color: #292b33;
    padding: 0px 0 20px 3px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}
.text-div p.plan-price span{
    font-size: 20px;
    font-weight: 400;
}
.price-buy-btn{
    text-align: center;
    border: 2px solid #0061ff;
    align-items: center;
    color: #0061ff;
    padding: 12px 40px 12px 40px;
    border-radius: 25px;
    margin: 0 auto;
    background-color: transparent;
    background-image: linear-gradient(220deg,transparent,transparent);
    display: flex;
    max-width: fit-content;
}
.price-buy-btn:hover,
.price-buy-btn:focus{
    background-color: transparent;
    background-image: linear-gradient(220deg,#FB7A62,#F2295B);
    color: #fff;
    border-color: transparent;

}
.oxo-domain-search{
    margin-top: -50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 6px 0px 50px 0px rgba(7.999999999999972, 0, 63, 0.05);
    position:relative;
    display: flex;
    align-items: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.oxo-domain-search:hover{
    box-shadow:6px 0px 50px 0px rgba(7.999999999999972, 0, 63, 0.3);
}
.oxo-domain-search:before{
    content:'';
    background-image: url(assets/images/search-form-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 250px;
    position:absolute;
    top:0;
    left:0;
    width: 34%;
    height: 100%;
    opacity: 0.07;
}
.oxo-ds-txt{
    max-width:34%;
    padding: 50px;
    flex: 0 0 34%;
}
.oxo-ds-form{
    max-width:66%;
    padding: 50px;
    flex: 0 0 66%;
}
.oxo-ds-form form{
    background-color: #f2f5fa;
    padding: 5px;
    border-radius: 35px;
    width:100%;
    display: block;
    position: relative;
}
.oxo-ds-form form input{
    height: 48px;
    width: 100%;
    border: 0;
    padding: 10px;
    border-radius: 35px;
    background-color: transparent;
    font-size: 16px;
    color: #212b35;
    font-weight: 500;
}
.oxo-ds-form form button{
    position:absolute;
    right:5px;
    top:5px;
}

.domain-prices{
    list-style:none;
    display:flex;
    padding-left: 0;
    padding-top: 5px;
}
.domain-prices li{
    border-right:1px solid #e6e9ee;
    padding-left:25px;
    padding-right:25px;
}
.domain-prices li:first-child{
    padding-left:0;
}
.domain-prices li:last-child{
    border-right:0;
    padding-right:0;
}
.domain-prices span{
    display:block;
    color:#fa0068;
}
.domain-prices strong{
    color: #292b33;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1em;
}
.iconbox-outer .iconbox-inner:hover .elementor-image-box-img {
    filter: brightness(0) invert(1);
}
.iconbox-outer .iconbox-inner:hover .elementor-image-box-title {
    color: #fff !important;
}
.iconbox-outer .iconbox-inner:hover .elementor-image-box-description{
     color: #fff !important;
}

/********
FOOTER
*********/
.oxo-footer-widgets{
    background-image:url('https://stage.oxoserver.com/wp-content/uploads/2024/02/oxoserver-footer-bg.png');
    background-repeat:no-repeat;
    background-size:cover;
    padding: 217px 0px 170px 0px;
    position: relative;
}
.oxo-ft-wgt-box{
    flex:0 0 50%;
    max-width:50%;
    width: 100%;
}
.oxo-ft-wgt-box > * {
    flex: 1;
    /* Or you can use flex-grow: 1; */
}
.oxo-widget-box h3{
    margin-top:0;
    color: #00f6ff;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: none;
    line-height: 1.1em;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}
.oxo-widget-box a {
    color: var(--white);
    text-decoration:none;
}
.oxo-widget-box ul{
    list-style:none;
    margin:0;
    padding:0;
}
.oxo-widget-box ul li a{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5em;
    color: var(--white);
    text-decoration: none;
}
img.oxosever-map {border-radius: 10px;max-width: 92%;margin: 0 auto;}
.oxo-footer-bottom {
    background-image: linear-gradient(120deg, #120288 0%, #015efb 100%);
    background-color: transparent;
    padding: 20px 0px 20px 0px;
}
.oxo-footer-bottom .oxo-wrap{
    display: flex;
    align-items:center;
}
.oxo-footer-bottom p{
    margin:0;
    color: var(--white);
}
.oxo-logo{
    padding: 10px 20px 10px 0px;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    border-color: #ffffff40;
    margin-right:20px;
}
.oxo-logo img{
    max-width:200px;
    height:auto;
}