/* HEADER */
#nav {border-bottom: 1px solid #fff;}
#nav, #nav #logo {transition: all 0.5s ease;}
.elementor-sticky--effects, .elementor-sticky--effects #logo {transition: all 0.5s ease;}
.elementor-sticky--effects {border-bottom-color: #ddd !important; padding: 1rem 2rem !important; box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.5)}
.elementor-sticky--effects #logo {max-width: 180px;}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {position: fixed; width: 100%; height: 100vh;}

html[lang='en-US'] header #logo {text-align: left;}
#testnow-canvas {position: absolute; right: 0; z-index: 1; right: 0; width: 90%; bottom: 0;}

/* ABOUT */
#about #year small {font-size: 28px; font-weight: 500;}

/* JOIN + CONTACT FOOTER */
#contactus {line-height: 1.8em;}
#contactus h4 {color: #ffdd4d; font-size: 17px; font-weight: 600;}
#contactus ul {list-style: none; padding: 0;}
#contactus ul > li {color: #fff; font-weight: normal; font-size: 16px;}
#contactus ul > li > a {color: #fff; font-weight: 600; font-size: 16px;}
#contactus span {color: #fff; font-weight: normal; font-size: 16px;}

/* TABS */
#tabs {margin-bottom: 5rem;}
#tabs > .elementor-widget-container > .row {margin: 0 !important;}
#tabs .col-lg-6 .row {display: flex; justify-content: flex-end; margin-top: 1.5rem;}
#tabs .col-lg-6 .row .col {flex-basis: auto; display: flex; justify-content: flex-end; align-items: flex-end; margin-left: 3rem; z-index: 10;}
html[lang='en-US'] #tabs .col-lg-6 .row .col {margin-right: 3rem; margin-left: unset;}
#tabs .col-lg-6 .row .col:nth-child(2n) {align-items: flex-start;}
#tabs .col-lg-6 .row .col > a {text-align: center; width: 193px; height: 167px; transition: all 0.2s ease; background: #fff; font-weight: 500; font-size: 24px; color: #000; padding-top: 3rem; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); margin-left: 1.5rem; margin-bottom: 1.5rem; display: inline-block; border-radius: 10px;}
html[lang='en-US'] #tabs .col-lg-6 .row .col > a {margin-left: unset; margin-right: 1.5rem;}
#tabs .col-lg-6 .row .col > a:hover, #tabs .col-lg-6 .row .col > a > i:hover {background-color: #ff3b38; color: #ffffff;}
#tabs .col-lg-6 .row .col > a > i {color: #e1e1e1; font-size: 32px;}
#tabs .col-lg-6 .row .col a.size-b {padding-top: 4rem;}
#tabs .col-lg-6 .row .col a.size-b i {font-size: 60px;}
#tabs .col-lg-6 .row .col a.size-b {width: 268px; height: 231px;}
#tabs .col-lg-6 .row .col a.active {background-color: #ff3b38; color: #fff; font-weight: 600;}
#tabs .col-lg-6 .row .col a.active i {color: #fff;}
#tabs .col-lg {box-shadow: 2px 4px 10px rgba(0,0,0,0.1); border-radius: 0 25px 25px 0; background-color: #fff; margin-right: -12rem; padding: 2rem 10rem;}
html[lang='en-US'] #tabs .col-lg {border-top-left-radius: 25px; border-top-right-radius: 0; border-bottom-left-radius: 25px; border-bottom-right-radius: 0;}
#tabs .col-lg h3 {color: #ff3b38; font-size: 25px; font-weight: 500;}
#tabs .col-lg p {font-size: 17px; word-wrap: break-word; color: black;}
#tabs .col-lg > div {padding-left: 10rem; line-height: 1.5;}
@media (max-width: 992px) {
	#tabs .col-lg > div {padding-left: 0;}
}
@media (min-width: 992px) and (max-width: 1280px) {
	#tabs .col-lg > div {padding-left: 0;}
}
@media (min-width: 1280px) {
	#tabs .col-lg {padding-left: 2rem;}
	html[lang="en-US"] #tabs .col-lg {margin-right: unset; margin-left: -12rem;}
}

/* TITLE STYLE */
.h-title h2:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 5%; height: 5px; margin: 15px 0;}
.h-subtitle h3:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 5%; height: 5px; margin: 10px 0;}
.h-subtitle h2:after {display: block; content: ''; background-color: #ffdd4d; border-radius: 25rem; width: 5%; height: 5px; margin: 15px auto;}
.h-subtitle h4:after, .h-subtitle p::after {display: block; content: ''; background-color: #FFB420; border-radius: 25rem; width: 5%; height: 5px; margin: 15px auto;}
@media (max-width: 768px) {
	.h-subtitle h2::after, .h-subtitle p::after {width: 20%;}
	.elementor-sticky--effects .elementor-element-populated, .elementor-sticky--effects #mobile-menu > div {padding: unset !important;}
}

/* POSTS AND BLOG */
@media (min-width: 768px) {
	.posts {display: flex; gap: 1rem;}
}
.posts > .row {width: 100%;}
.posts .post-block, .blog .post-block {border-radius: 1rem; background-color: rgb(255, 255, 255); box-shadow: 0 7px 20px #1A00351A; padding: 1rem; text-align: center;}
.posts .post-block img, .blog .post-block img {height: 220px; object-fit: cover; border-radius: 2rem 0 2rem 0;}
.posts .col-lg-3:nth-child(2n) .post-block img {border-radius: 0 2rem 0 2rem !important;}
.posts .post-block .caption h3, .blog .post-block .caption h3 {padding: 10px 0; margin: 10px 0 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.posts .post-block .caption h3 > a, .blog .post-block .caption h3 > a {color: #1A0035; font-weight: 600; font-size: 20px; margin: 0;}
.posts .post-block .caption p, .blog .post-block .caption p {padding: 5px 0; font-size: 17px; margin: 0; color: #1A0035;}
@media (max-width: 480px) {
	.posts .post-block .caption p {display: none;}
	.posts .post-block .caption h3 > a {font-size: 24px;}
}
@media (min-width: 1280px) {
	.posts .post-block .caption p, .blog .post-block .caption p {height: 250px; overflow: hidden; text-overflow: ellipsis;}
}
.posts .post-block .link-post, .blog .post-block .caption .link-post {background-color: #F8F0E8; border-radius: 25rem; font-size: 17px; font-weight: 700; color: #1A0035; padding: 10px 24px; display: block; margin: 1rem .5rem .5rem;}
.blog .post-block .caption .link-post {margin: 0;}
.blog .col-lg-4 {margin-bottom: 2rem;}
.blog {margin-bottom: 4rem;}

.blog-category {border: .5px solid #E1E5E8; padding: 1rem; border-radius: 5px;}
.blog-category h5 {font-size: 24px; font-weight: bold; color: #884ddd;}
.blog-category ul {list-style: none; padding: 0; margin: 0;}
.blog-category ul > li {border-bottom: 1px solid #E1E5E8; padding: 7px 1rem;}
.blog-category ul > li > a {font-size: 17px; color: #111;}
.blog-category ul > li:last-child {border-bottom-width: 0;} 
#more-posts .elementor-post {transition-property: background,border; transition: all .2s ease-in-out;}
#more-posts .elementor-post:hover {transform: scale(1.05);}
#more-posts .elementor-post__card:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
#social .elementor-share-btn:hover {filter: saturate(1) brightness(1); -webkit-filter: saturate(1) brightness(1);}

/* BLOCKQUOTE */
.blog-post blockquote {position: relative; text-align: left; direction: ltr; overflow-wrap: break-word; font-family: "Courier New", sans-serif; color: #000; border: 1px dashed #ddd; border-radius: 5px; padding: 10px 2rem; margin-top: 2rem;}
.blog-post blockquote::before {position: absolute; top: -15px; right: 25px; background: #ff3b38; color: #fff; content: "קוד מקור:"; font-family: "Ploni ML v2 AAA", sans-serif; font-weight: bold; font-size: 15px; padding: 3px 10px; border-radius: 3px; direction: rtl;}
.blog-post blockquote p {direction: ltr; text-align: left; margin-bottom: 0 !important;}

/* PAGINATION-WARP */
.pagination-wrap {clear: both; overflow: hidden; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; margin: 10px 0 0;}
.pagination-wrap .pagination {margin-bottom: 0; margin-top: 0; float: right; border-radius: 0; padding-right: 0; margin-right: 0;}
.pagination-wrap .pagination > li {border-radius: 3px; margin-left: 10px; border-radius: 2rem; background-color: #efefef;}
.pagination-wrap .pagination > li:last-child {border-left: none;}
.pagination-wrap .pagination > li > a, .pagination-wrap .pagination > li > span {padding: 5px 15px; font-weight: bold; display: inline-block; color: #444; transition: all 0.2s ease;}
.pagination-wrap .pagination .current {background-color: #1A0035; border-radius: 2rem; color: #fff;}

/* PACKAGES */
#pricing-table .vps label {font-weight: bold; font-size: 18px; color: var( --e-global-color-803f699 );}
#pricing-table .vps .form-group {margin-top: 1.5rem;}
.vps .form-check-input {width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; border-radius: .25em; margin-right: -1.5rem; margin-top: 0;}
.vps .form-check-input:checked {border-color: #884ddd; background-color: #884ddd;}
.vps .form-check-input:checked::after {content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 600; line-height: 15px; color: #fff; font-size: 12px; width: 100%; text-align: center; float: right; margin-top: 0;}
.vps form button {background-color: var(--e-global-color-952734f); font-size: 22px; border-radius: 5rem; padding: .5rem 2rem; font-weight: bold;}
.vps form button i {float: right; margin-top: 4px; margin-left: 5px;}
.vps form .display-3 {font-size: 52px; margin-top: 1rem; font-weight: bold; color: var( --e-global-color-803f699 );}
.vps form .display-3 small {font-size: 42px; font-weight: normal;}
.vps form .display-3 span:not(.total) {color: gray; font-weight: normal; font-size: 20px;}
@media (max-width: 992px) {
	.vps .nav-items {margin-right: -3rem; margin-left: -3rem; padding-right: 5px;}
	.vps form .col-7 {margin: 0; padding: 0; max-width: 100%; float: right; flex: none;}
	.vps form .col-7 > .row > .col {width: 100%; flex: none;}
	.vps form .col-7 > .row > .col.text-left {text-align: center !important;}
}

.pricing-packages {font-size: 17px;}
.pricing-packages .package {background-color: #fff; box-shadow: 0 7px 20px #1A00351A; border-radius: 1rem; padding: 1.5rem 2rem;}
.pricing-packages .package h4 {color: #884ddd; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.pricing-packages .package p {font-size: 20px;}
.pricing-packages .package .product-desc ul li {font-size: 18px;}
.pricing-packages .package ul {list-style-type: none; margin: 2rem 0; padding-right: 0;}
.pricing-packages .package li i {float: right; margin: 2px 0 0 5px; color: #884ddd;}
html[lang="en-US"] .pricing-packages .package ul li i {float: left; margin: 2px 5px 0 0;}
html[lang="en-US"] .elementor-901 .elementor-element.elementor-element-eea9cee i {float: left; margin: -2px 10px 0 0;}
.pricing-packages .package li {color: #1A0035; font-size: 16px; margin-bottom: 5px;}
.pricing-packages .package a {display: block; background-color: #ffdd4d; font-size: 19px; font-weight: 600; color: #1A0035 !important; padding: .5rem 0; border-radius: 2rem; margin-top: 1rem; text-align: center;}
.pricing-packages .price {font-size: 30px; color: #1A0035; font-weight: bold; border-top: 1px solid #ddd; padding-top: 1rem;}
.pricing-packages .price small {font-size: 14px; color: gray;}
@media (max-width: 768px) {
	.pricing-packages .col-3 {flex: auto; max-width: 100%;}
	.pricing-packages .package {margin-bottom: 1rem;}
}

.why-us .elementor-column {box-shadow: 0 0 15px #eee; margin-left: 1rem; padding: 15px; border-radius: 3px; margin-bottom: 1.5rem;}
.why-us .elementor-column:last-child {margin-left: 0;}
html[lang="en-US"] .why-us .elementor-column:last-child {margin-left: 1rem;}

.our-partners img {filter: grayscale(100%); transition: all 0.2s ease-in-out;}
.our-partners img:hover {filter: grayscale(0); transform: scale(1.1);}

@media (max-width: 1024px) {
	#tabs .col-lg-6 .row {display: block;}
	#tabs .col-lg-6 .row .col {display: block;}
	#tabs .col-lg-6 .row .col > a {width: 100% !important; height: auto !important; text-align: right; font-size: 24px !important; padding: 10px 2rem !important;}
	#tabs .col-lg-6 .row .col:last-child a:last-child {margin-bottom: 0.2rem;}
	#tabs .col-lg-6 .row .col i {float: right; margin-top: 5px; font-size: 24px !important; width: 30px;}
	html[lang='en-US'] #tabs .col-lg-6 .row .col i {float: left; margin-right: .5rem;}
	html[lang='en-US'] #tabs .col-lg-6 .row .col > a {text-align: left;}
	#tabs .col-lg-6 .row .col .clearfix {display: none;}
	#tabs .col-lg {margin-right: 0 !important; padding: 1rem !important; border-radius: 15px !important; box-shadow: none;}
	#tabs .col-lg > div {display: none;}
	#testnow::before {width: 100%; border-radius: 0 !important; height: 100% !important;}
	#testnow .elementor-background-overlay {width: 100%;}
	#testnow:after {top: -3rem; left: 10%;}
	#testnow .elementor-column::after {display: none;}
	.posts .post-block {width: 100%;}
	.posts .post-block img {width: 100%;}
	.posts {display: block;}
	.posts .row {margin: 0;}
	.posts .row .col-lg-3 {margin-bottom: 1rem;}
	.blog .row {margin: 0;}
	/* .hosting .pack_hosting {min-height: auto;}
	.hosting .pack_hosting .btn_order {position: inherit; bottom: auto; right: auto; left: auto;} */
	#tabs {margin-bottom: unset;}

	.datacenter .col-3 {max-width: 100%; flex: none;}
	.elementor-sub-item:focus, .elementor-sub-item:hover {background-color: #F8F0E8 !important;}
}

@media (max-width: 1024px) and (orientation: landscape) {
	#tabs .col-lg-6 {max-width: 100%; flex: none;}
}

@media (min-width: 768px) {
	.sub-menu {width: max-content !important;}
}

@media (min-width: 992px) and (max-width: 1024px){
	.posts .row {margin: 0;}
}

@media (min-width: 768px) and (max-width: 1400px) {
	.posts > .row > .col-lg-3 {flex: 0 0 50% !important; max-width: 50%;}
}

html[lang="en-US"] #pojo-a11y-skip-content {left: -180px; right: auto;}
html[lang="en-US"] .elementor-82 .elementor-element.elementor-element-dafc70a > .elementor-background-overlay {background-image: none;}
html[lang="en-US"] .elementor-accordion .elementor-tab-title {text-align: left;}
html[lang="en-US"] .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {float: right; text-align: right;}
html[lang="en-US"] .elementor-accordion .elementor-tab-content {text-align: left;}
.elementor-nav-menu .sub-arrow {padding-right: 5px !important;}
html[lang="en-US"] .elementor-nav-menu .sub-arrow {padding-left: 5px; padding-right: 0 !important;}
html[lang="en-US"] #our-company .elementor-icon-box-wrapper {text-align: left;}
html[lang="en-US"] #our-company .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {margin-right: var(--icon-box-icon-margin,15px); margin-left: unset;}
html[lang="en-US"] .elementor-82 .elementor-element.elementor-element-5cacc31 .elementor-button {float: left;}
html[lang="en-US"] .header-caption .elementor-icon-box-wrapper {text-align: left !important;}
html[lang="en-US"] .header-caption .elementor-icon-box-icon {margin: 0 1rem 0 0;}
.header-caption .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {flex-direction: row;}

/* ACCESSIBILITY */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {color: #000 !important; font-size: 18px !important;}
footer {margin-top: 0 !important;}