@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//verimgo.com/wp-content/themes/loop-yazilim/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 18px;
	--wd-primary-color: rgb(40,40,91);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #0843bb;
	--btn-accented-bgcolor-hover: #29498d;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(24,59,86);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/************ Global ************/
.accordion-item {
    font-family: "Rubik", sans-serif !important;
}

/************* Mobil and Tablet *************/
.wd-side-hidden {
    width: 100% !important;
}
.mobileMenuBottom {
    border-top: 1px solid #E5E5E5;
    padding: 25px 0;
}
.mobileMenuBottom ul {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.mobileMenuBottom ul li {
    color: #646C75;
}
.mobileMenuBottom ul li.hasSub {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
li.wd-drilldown-back {
    position: relative;
    left: -70px;
}
li.wd-drilldown-back a {
    margin-left: -20px;
    border: none !important;
}
#menu-mobile-menu a.woodmart-nav-link, #menu-mobile-menu span.wd-nav-opener {
    border: none !important;
}
ul#menu-mobile-menu li {
    width: 80%;
    margin: auto !important;
}
a.customerBtn img {
    margin-right: 5px;
}
.customerBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    background: #2A85FF;
    border-radius: 8px;
    padding: 12px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px;
}
ul#menu-mobile-menu img {
    max-height: 30px;
}
ul#menu-mobile-menu li a {
    margin: 10px 0px 10px -30px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

/************* Topbar **************/
.whb-top-bar .nav-link-text {
    font-size: 14px;
}
/********* Mega Menu **********/
#mega-menu-row .info-box-wrapper:hover {
    box-shadow: 5px 5px #8888883b;
    border-radius: 12px;
    transform: scale(1.1);
    transition: 0.7s ease;
}
/* ============== */
/* Mega Menu */
/* ============== */
.mega-menu {
  background-color: #ffffff;
  padding: 20px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

.col-md-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding: 15px;
}

.menu-link {
    text-decoration: none;
    width: 93%;
    background: #f7f9fd;
    border-radius: 8px;
    padding: 20px;
    font-size: 12px;
    line-height: 16px;
    min-height: 80px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    gap: 15px;
    margin-bottom: 15px;
}

.menu-link:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
}

.icon {
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    color: #667093;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 7px;
    margin: 0 0 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    padding: 15px;
}
.icon img {
    max-width: 30px;
}

.menu-link:hover .icon {
    background: #0843bb;
    color: white;
}
.menu-link:hover .icon img {
    filter: invert(0%) brightness(300%);
}
.link-info strong {
  font-size: 16px;
  font-weight: 600;
  color: #1a202c;
  margin-bottom: 5px;
}

.link-info p {
    font-weight: 400;
    font-size: 12px;
    color: #667093;
    margin-top: 10px;
    margin-bottom: 0px !important;
}

.menu-sprator {
    border-left: 1.5px solid;
    border-right: 1.5px solid;
    border-color: #e5e5e5;
}

@media (max-width: 768px) {
  .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 576px) {
  .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu-link {
    flex-direction: column;
    text-align: center;
  }
  .icon {
    margin-bottom: 10px;
  }
}
.mega-menu .py-2 {
    margin: 0px 15px;
}
li#menu-item-12 .container, li#menu-item-13 .container, li#menu-item-14 .container, #menu-item-17 .container {
    max-width: 1500px !important;
}
/********* Page Title Row *************/
div#page-title-row {
    margin-top: -40px;
		margin-bottom: 40px;
}
div#page-title-row .wrapper-content-banner.wd-fill.wd-items-middle.wd-justify-left {
    background: linear-gradient(86.27deg, rgba(0, 0, 0, 0.8) 0%, rgba(1, 58, 139, 0.75) 50%, rgba(0, 0, 0, 0.75) 100%);
}
div#page-title-row .text-left {
    padding-left: 250px !important;
}
#page-title-row h1 {
    font-size: 32px !important;
}
#page-title-row p {
    font-size: 18px;
    margin-top: -10px;
}

/********* Hosting Row **********/
/* ======================================= */
/* 1. GENEL YAPILANDIRMA VE RESPONSIVE DÜZEN */
/* ======================================= */

/* Ana Kapsayıcı: Kartları yan yana dizer ve responsive yapar */
.pricing-container {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 20px; 
    width: 100%;
    margin: 20px auto;
    box-sizing: border-box;
}

/* Fiyat Kartı Genel Stili */
.pricing-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    width: 100%; 
    max-width: 280px; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
@media (max-width: 768px) {
.pricing-card {
    max-width: 350px !important;
}
}
/* Öne Çıkan Kart (Kart 2) */
.pricing-card.featured { 
    border-color: #4b8afb; 
    box-shadow: 0 8px 25px rgba(75, 138, 251, 0.3);
}
.popular-tag { 
    position: absolute; top: -15px; left: 50%; transform: translateX(-50%); 
    background-color: #4b8afb; color: white; padding: 5px 15px; 
    border-radius: 20px; font-size: 14px; font-weight: 600; 
    white-space: nowrap; 
}

/* Başlık ve Normal Fiyat Alanları */
.pricing-card .header h3 { margin: 0 0 5px 0; font-size: 20px; font-weight: 700; color: #333; }
.pricing-card .header p { margin: 0; font-size: 14px; color: #777; margin-bottom: 10px; }
.price-section { padding-bottom: 5px; }
.current-price { display: block; font-size: 30px; font-weight: 700; color: #333; margin-bottom: 0px; }
.current-price small { font-size: 60%; font-weight: 400; }
.old-price { display: block; font-size: 16px; color: #999; text-decoration: line-through; margin-bottom: 10px; }
.currency-toggle { position: absolute; top: 15px; right: 15px; font-size: 12px; color: #777; padding: 3px 8px; border: 1px solid #ccc; border-radius: 15px; }
.currency-toggle .fa-lira-sign { color: #4b8afb; font-weight: 700; } 


/* ======================================= */
/* 2. KART 1: SÜRE SEÇENEKLERİ LİSTESİ (ÖZEL STİL) */
/* ======================================= */

.duration-options-list {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin-left: -20px; 
    margin-right: -20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.duration-options-list .option-item { 
    padding: 10px 20px; 
    cursor: pointer; 
    border-bottom: 1px solid #eee;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
}
.duration-options-list .option-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.duration-options-list .option-item:last-child { 
    border-bottom: none; 
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.duration-options-list .option-item.selected { 
    background-color: #e6f0ff; 
    color: #4b8afb; 
    border-left: 3px solid #4b8afb; 
    padding-left: 17px; 
}


/* ======================================= */
/* 3. ÖZELLİKLER (CSS İKONLARI) */
/* ======================================= */

.features { text-align: left; margin-top: 20px; flex-grow: 1; }
.features h4 { font-size: 14px; font-weight: 700; color: #333; margin: 0 0 10px 0; text-align: center; }
.features ul { list-style: none; padding: 0; margin: 0; }
.features li {
    padding: 10px 0px;
    border-bottom: 1px dashed #eee;
    color: #555;
    font-size: 15px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50px;
}
.features li:last-child { border-bottom: none; }

/* ::before İkon Alanı Genel Stili */
.features li::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
}

/* İkon URL'leri */
[data-icon="http"]::before { 
    background-image: url("/wp-content/uploads/2025/10/http.webp"); 
}
[data-icon="hard-drive"]::before { 
    background-image: url("/wp-content/uploads/2025/10/hard-drive.webp"); 
}
[data-icon="cpu"]::before { 
    background-image: url("/wp-content/uploads/2025/10/cpusel.webp"); 
}
[data-icon="ram"]::before { 
    background-image: url("/wp-content/uploads/2025/10/ram.webp"); 
}
[data-icon="ziyaretci"]::before { 
    background-image: url("/wp-content/uploads/2025/10/ziyaretsel.webp"); 
}
[data-icon="ssl"]::before { 
    background-image: url("/wp-content/uploads/2025/10/sslsel.webp"); 
}
[data-icon="inodes"]::before { 
    background-image: url("/wp-content/uploads/2025/10/inodesel.webp"); 
}
[data-icon="cpanel"]::before { 
    background-image: url("/wp-content/uploads/2025/10/cpanelsel.webp"); 
}
[data-icon="plesk"]::before { 
    background-image: url("/wp-content/uploads/2025/11/plesk-logo-scaled.png"); 
}
[data-icon="yedekleme"]::before { 
    background-image: url("/wp-content/uploads/2025/11/backup.webp"); 
}


/* ======================================= */
/* 4. DİĞER ORTAK STİLLER */
/* ======================================= */

.savings-info { background-color: #e6f0ff; color: #4b8afb; font-size: 14px; font-weight: 600; padding: 8px 15px; border-radius: 20px; margin-bottom: 15px; }
.btn { display: inline-block; width: 100%; padding: 12px 0; border-radius: 25px; text-decoration: none; font-size: 16px; font-weight: 600; transition: background-color 0.3s ease; }
.btn-primary { background-color: #3f51b5; color: white; } 
.btn-primary:hover { background-color: #303f9f; }
.btn-featured { background-color: #4b8afb; color: white; }
.btn-featured:hover { background-color: #3a75e0; }
.btn i { margin-right: 8px; }
.details-link { display: block; margin-top: 15px; text-decoration: none; color: #4b8afb; font-size: 14px; font-weight: 600; padding-top: 10px; border-top: 1px solid #eee; }


/* YENİLEME FİYATI POP-UP STİLLERİ BU BLOKTA KORUNDU */
.renewal-info-container { position: relative; display: inline-block; margin-bottom: 15px; padding-top: 15px; }
.renewal-info { font-size: 14px; color: #777; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.renewal-info i { margin-left: 5px; color: #4b8afb; font-size: 12px;}
.renewal-popup { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 100; width: 300px; background-color: #fff; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); display: none; opacity: 0; transition: opacity 0.3s ease; padding-bottom: 10px; }
.renewal-info-container:hover .renewal-popup { display: block; opacity: 1; }
.popup-header { background-color: #f7f7f7; padding: 15px 0; text-align: center; font-size: 16px; font-weight: 700; color: #333; border-bottom: 1px solid #eee; position: relative; border-radius: 8px 8px 0 0; }
.popup-header::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 0 8px 8px 8px; border-style: solid; border-color: transparent transparent #f7f7f7 transparent; z-index: 2; }
.popup-header::after { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 0 9px 9px 9px; border-style: solid; border-color: transparent transparent #ccc transparent; z-index: 1; }
.popup-table { padding: 10px 15px; }
.popup-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #eee; font-size: 13px; color: #555; }
.popup-row.header-row { font-weight: 600; color: #333; border-bottom: 1px solid #ccc; padding-top: 5px; }
.popup-row .col-sure { flex: 2; text-align: left; }
.popup-row .col-aylik { flex: 3; text-align: center; }
.popup-row .col-toplam { flex: 2; text-align: right; font-weight: 600; }
.popup-discount-row { padding: 5px 0 10px; text-align: center; border-bottom: 1px dashed #eee; }
.discount-btn { width: 95%; padding: 8px 0; background-color: #4285f4; color: white; border: none; border-radius: 5px; font-size: 13px; font-weight: 600; cursor: pointer; }
.discount-btn.featured-discount { background-color: #34a853; }
.popup-footer { text-align: center; font-size: 11px; color: #ff0000; font-weight: 600; padding: 0 15px; }


/* ======================================= */
/* 5. RESPONSIVE KIRILMA NOKTALARI */
/* ======================================= */

/* 768px ve üzeri (Tabletler): 2'şerli sıra */
@media (min-width: 768px) {
    .pricing-card { 
        width: calc(50% - 10px); 
    }
    .pricing-card:first-child .duration-options-list { 
        max-width: 280px; 
        margin-left: auto;
        margin-right: auto;
    }
}

/* 1024px ve üzeri (Masaüstü): 4'lü sıra */
@media (min-width: 1024px) {
    .pricing-card { 
        width: calc(25% - 15px);
    }
}

/* =================================== */
/* Hostin Paketlerin Detayları */
/* =================================== */
.table-flow-class {
  margin-top: 20px;
}

#tableId {
  max-width: 100%;
  overflow-x: auto;
}

.table-body-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.table-header-container {
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.table-header-first-div {
  display: flex;
  align-items: center;
  flex: 1;
}

.table-header-first-div-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.table-header-first-div-text {
  font-size: 16px;
  font-weight: 600;
  color: #1a202c;
}

.table-header-other-div {
  flex: 1;
  text-align: center;
  padding: 0 10px;
}

.table-header-other-div-element-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table-header-other-div-element-text {
  font-size: 14px;
  font-weight: 500;
  color: #2d3748;
}

.completion-bar-container {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin-top: 5px;
}

.colored-completion-bar {
  width: 10px;
  height: 10px;
  background-color: #007bff;
  border-radius: 50%;
}

.uncolored-completion-bar {
  width: 10px;
  height: 10px;
  background-color: #e2e8f0;
  border-radius: 50%;
}

.table-header-other-div-element-sub-text {
  font-size: 12px;
  color: #718096;
  margin-top: 5px;
}

.table-body-ul-li {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e5e7eb;
}

.ul-li-first-div {
  display: flex;
  align-items: center;
  flex: 1;
}

.ul-li-first-div-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.ul-li-first-div-text {
  font-size: 16px;
  font-weight: 600;
  color: #1a202c;
}

.ul-li-other-div {
  flex: 1;
  text-align: center;
}

.table-cost-label-container {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f7fafc;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}

.table-cost-text-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.table-cost-price-text {
  font-size: 16px;
  font-weight: 700;
  color: #2d3748;
  margin-right: 5px;
}

.table-cost-time-text {
  font-size: 12px;
  color: #718096;
}

.table-body-last-ul-li {
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
}

.table-body-buy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding: 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.table-body-buy-button:hover {
  background-color: #0056b3;
}

.table-body-buy-button-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.table-body-buy-button-text {
  font-size: 14px;
  font-weight: 500;
}

.table-body-dropdown-ul-li {
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-bottom: 1px solid #e5e7eb;
}

.table-body-dropdown-ul-li-element-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.table-toggle-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.3s;
}

.table-dropdown-container {
  display: none;
  padding-top: 10px;
}

.table-dropdown-container-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.table-dropdown-container-ul .table-body-ul-li {
  padding: 10px 0;
  border-bottom: none;
}

.table-body-dropdown-ul-li.active .table-dropdown-container {
  display: block;
}

.table-body-dropdown-ul-li.active .table-toggle-icon {
  transform: rotate(45deg);
}

/********* Footer **********/
div#footer-info {
    width: 100%;
    background: #173851;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px;
    color: white;
    padding-bottom: 5px;
}
#footer-info a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #183b56;
    border-radius: 5px;
    height: 56px;
    padding: 0 15px;
    font-weight: 400;
    font-size: 14px;
    color: #687497;
    -webkit-transition: .2s all;
    transition: .2s all;
}
div#footer-info a {
    margin-bottom: 10px !important;
}
.copyrights-wrapper {
    border-top: none !important;
    background: #15344d;
}
.min-footer {
    font-weight: 500;
    font-size: 14px;
    color: white;
}
@media (max-width: 768px) {
div#footer-info {
    margin: auto;
    width: 90%;
}
}

/************ Hosting Domain Sunucu SSL sayfa detaylari css ****************/
#page-title-row .hero-section {
    background: linear-gradient(135deg, #f9fbff 0%, #ffffff 100%);
    padding: 100px 0 40px 0;
    border-bottom: 1px solid #e5ecf5;
}

#page-title-row .hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}

#page-title-row .hero-left {
  flex: 1;
  min-width: 320px;
}

#page-title-row .hero-left h1 {
  font-size: 44px;
  color: #0b1a33;
  font-weight: 800;
  margin-bottom: 20px;
}

#page-title-row .hero-left p {
  font-size: 18px;
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 30px;
}

#page-title-row .features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 24px;
  margin-bottom: 30px;
}

#page-title-row .feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

#page-title-row .feature-item img {
  width: 42px;
  height: 42px;
  background: #fff;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #e1e8f0;
}

#page-title-row .feature-item strong {
  display: block;
  color: #0b1a33;
  font-weight: 700;
  font-size: 15px;
}

#page-title-row .feature-item span {
  font-size: 13px;
  color: #555;
}

#page-title-row .hero-buttons .btn-primary {
  background-color: #007bff;
  color: #fff;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

#page-title-row .hero-buttons .btn-primary:hover {
  background-color: #0069d9;
  transform: translateY(-2px);
}

#page-title-row .hero-right {
  flex: 1;
  min-width: 300px;
  display: flex;
  justify-content: center;
}

#page-title-row .hero-right img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 992px) {
  #page-title-row .hero-container {
    flex-direction: column;
    text-align: center;
  }

  #page-title-row .features {
    grid-template-columns: 1fr;
  }

  #page-title-row .hero-right {
    margin-top: 40px;
  }

  #page-title-row .hero-left h1 {
    font-size: 32px;
  }
}