.hosting-packages-area { padding: 137px 0 72px; }
.hosting-packages-area .item { border-top-left-radius: 15px; border-top-right-radius: 15px; margin: 0 18px; }
.hosting-packages-item .head { justify-content: center; height: 150px; padding: 0 50px 0 22px; color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.hosting-packages-item > .row > div:first-child .head { background-image: linear-gradient(99deg, #164c67 2%, #69cafb 98%); }
.hosting-packages-item > .row > div:nth-child(2) .head { background-image: linear-gradient(99deg, #cb1414 2%, #ff8b8b 98%); }
.hosting-packages-item > .row > div:nth-child(3) .head { background-image: linear-gradient(99deg, #038140 2%, #08e875 98%); }
.hosting-packages-item > .row > div:last-child .head { background-image: linear-gradient(99deg, #ac0362 2%, #e772b4 98%); }
.hosting-packages-item .head .title h3 span { display: block; font-size: 22px; }
.hosting-packages-item .head .title h3 { font-size: 34px; font-weight: 600; }
.hosting-sprite { background: url(../img/hosting-sprite.png) no-repeat; display: block; }
.hosting-packages-item .head .icon { margin-left: auto; }
.hosting-packages-area .body-area { padding: 7px 20px 20px 20px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 16%); background: #fff; }
.hosting-packages-area .body-area ul li p strong { display: block; }
.hosting-packages-area .body-area ul li p { margin-bottom: 0; text-align: center; line-height: 14px; }
.hosting-packages-area .body-area ul li { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); min-height: 78px; padding: 0 26px; color: #363636; font-size: 12px; }
.hosting-packages-area .body-area ul li em { margin: auto; position: relative; z-index: 99; }
.hosting-packages-area .body-area ul li em.eposta-icon { width: 30px; height: 22px; background-position: -160px -96px !important; }
.hosting-packages-area .body-area ul li span { display: flex; flex-flow: column; height: 62px; flex: 0 0 33.33%; max-width: 33.33%; }
.hosting-packages-area .body-area ul li + li { margin-top: 24px; }
.hosting-packages-area .body-area ul:before { content: ""; position: absolute; left: 50%; z-index: 9; width: 1px; top: 0; bottom: 0; transform: translate(-50%, 0px); background-color: rgba(48, 48, 48, 0.2); }
.hosting-packages-area .body-area ul { position: relative; }
.hosting-packages-item { margin-left: -18px; width: calc(100% + 36px); }
.service-page-area { margin-bottom: 50px; }
.service-page-area .item { height: auto; border-radius: 31px; background-image: linear-gradient(to bottom, #ffffff, rgba(248, 250, 254, 0)); width: 100%; padding: 47px 38px 40px; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; }
.service-page-area .item p { font-size: 18px; line-height: 1.5; color: #717171; margin-bottom: 0; flex: 0 0 100%; max-width: 100%; margin-top: 15px; }
.service-page-area .item .title { color: #1763d4; text-align: left; font-weight: 600; flex: 0 0 calc(100% - 62px); max-width: calc(100% - 62px); margin-bottom: 0; padding-left: 10px; }
.service-page-area .item .img { flex: 0 0 62px; max-width: 62px; }
.service-page-area .item .img span { display: block; }
.service-page-area .item .img span img { max-height: 100%; }
.advantage-table .table td, .advantage-table  .table th { width: 14%; padding: 15.5px 20px; background: #fff; text-align: center; height: auto; vertical-align: middle; font-size: 25px; color: #333333; border-top: 1px solid rgb(0 0 0 / 21%); border-left: 1px solid rgb(0 0 0 / 45%); }
.advantage-table .table tr th:first-child { width: 30%; text-align: left; padding: 15.5px 60px; border-left: 0; }
.advantage-table .table tbody tr:last-child th, .advantage-table .table tbody  tr:last-child td { border-left: 0; background: none; height: auto; background-image: linear-gradient(to right, #6d8fff -38%, #1554e6 202%); color: #fff; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; font-size: 25px; padding: 3px 0; }
.advantage-table .table thead tr th { background: #1763d4; border: 0; color: #fff; }
.advantage-table .table thead tr th:first-child { border-top-left-radius: 8px; }
.advantage-table .table thead tr th:last-child { border-top-right-radius: 8px; }
.advantage-table .table tbody tr:last-child th:first-child { background: none !important; border-top: 0; }
.advantage-table .table tbody tr:last-child th:hover, .advantage-table .table tbody tr:last-child td:hover { background: #1763d4; }
.advantage-table .table tbody tr:last-child th a, .advantage-table .table tbody tr:last-child td a { display: flex; width: 100%; justify-content: center; color: #fff; }
.ok-icon { width: 18px; height: 14px; background-position: -103px -609px; }
.advantage-table .table td span.sprite { margin: auto; }
.advantage-table { margin-bottom: 110px; }
.other-advantages-area { padding-bottom: 100px; }
.other-advantages-area h3.title { font-size: 40px; font-weight: 400; color: #4172f2; margin-bottom: 20px; }
.other-advantages-area p { font-size: 23px; line-height: 1.52; color: #878787; }
.other-advantages-area .row { align-items: center; }

/**** MEDIA QUERIES  ***/
@media (max-width:1440px) {
	.service-page-area .item .title { font-size: 20px; text-align: center; }
	.service-page-area .item p { font-size: 15px; }
	.hosting-packages-item .head .title h3 { font-size: 22px; }
	.hosting-packages-item .head .title h3 span { font-size: 18px; }
	.hosting-packages-area .item { margin: 0; }
	.hosting-packages-item { margin-left: 0; width: 100%; }
	.hosting-packages-item .head {padding: 0 20px;height: 110px;}
	.hosting-packages-area .body-area ul li { padding: 0 5px; }
}
@media (max-width:1199px) {
	.hosting-packages-area .item { margin-bottom: 50px; }
}
@media (max-width:991px) {
	.advantage-table .table td, .advantage-table .table th { font-size: 18px; }
	.advantage-table .table tr th:first-child { padding: 15.5px 20px; }
	.advantage-table .table tbody tr:last-child th, .advantage-table .table tbody tr:last-child td { font-size: 17px; }
	.other-advantages-area h3.title {text-align: center;font-size: 30px;}
	.other-advantages-area .img { text-align: center; }
	.other-advantages-area .row + .row { flex-direction: column-reverse; }
	.other-advantages-area .row + .row .title { margin-top: 50px; }
}
@media (max-width:767px) {
	.service-page-area .item { height: auto; margin-bottom: 20px; }
	.service-page-area { margin: 0; }
	.service-page-area .item .title { text-align: left; }
	.hosting-packages-area { padding: 50px 0 0; }
	.service-page-area .item .title { text-align: left; }
	.advantage-table .table td, .advantage-table .table th { font-size: 15px; }
	.hosting-packages-area { padding: 50px 0 0; }
	.service-page-area .item .title { text-align: left; }
	.advantage-table .table td, .advantage-table .table th { font-size: 15px; }
	.advantage-table { margin-bottom: 40px; }
	.other-advantages-area p { font-size: 18px; text-align: center; }
	.other-advantages-area { padding-bottom: 40px; }
}