/* -----------------------------------
		Domain name Deatils CSS
----------------------------------- */
.dmn-details {
	margin-top:  60px;
	padding:  60px 0 0 0;
	background:  url("../images/bg-img/bg-network.jpg") top center no-repeat;
	background-size:  cover;
}
.dmn-tab {
	display:  block;
	margin-top:  30px;
}
.dmn-tab .nav-pills .nav-link,
.dmn-tab .nav-pills .nav-link.active {
	color:  #ccc;
	background-color:  white;
	border:  2px solid #ccc;
	border-radius:  50px;
	padding:  10px 25px;
	font-weight:  500;
	font-size:  18px;
	margin: 0 10px 15px 0;
    letter-spacing: 0.5px;
}
@media (max-width: 767px) {
    .dmn-tab .nav-pills .nav-link,
    .dmn-tab .nav-pills .nav-link.active {
        width: 375px;
        margin: 0 0 7px 0;
        border-radius: 3px;
    }
}
@media (max-width: 991px){
	.dmn-details {
		padding:  30px 0 0 0;
	}
	.dmn-tab {
		margin-top: 15px;
	}
}
@media (min-width: 767px) and (max-width: 991px){
	.dmn-tab .nav-pills .nav-link, 
	.dmn-tab .nav-pills .nav-link.active {
		font-size: 17px;
		letter-spacing: .3px;
	}
}


.dmn-tab .nav-pills .nav-link.active,
.dmn-tab .nav-pills .nav-link:hover {
	color:  darkred;
	background-color:  #fbb03b;
	border:  2px solid #f7931e;
}
.dmn-tab .tab-content {
	margin-top:  15px;
}
	
/* Table Price Details */
.dmn-tab .tab-pane h5 { 
	margin:  0;
	padding:  15px 0;
	font-family:  "Kanit";
	color:  white;
	font-size:  18px;
	letter-spacing:  0.65px;
	text-align:  center;
	background-color:  #2569d9; 
}
.dmn-tab .tab-pane table th,
.dmn-tab .tab-pane table tbody td {
    padding: 7px;
    text-align: center;
    font-size: 18px;
}
.dmn-tab .tab-pane table th {
    font-family:  "Kanit";
    font-weight: normal;
}
.dmn-tab .tab-pane table tbody td {
    font-family: "Source Sans Pro";
    font-weight: 600;
}
.dmn-tab .tab-pane table thead {
    background-color: #39b7e2;
}
.dmn-tab .tab-pane tbody tr:nth-of-type(odd) {
    background: white;
}
.dmn-tab .tab-pane tbody tr:nth-of-type(even) {
    background: #dcf6ff;
}
.dmn-tab table tbody, 
.dmn-tab table td, 
.dmn-tab table thead, 
.dmn-tab table tr,
.dmn-tab table th {
    border-color: white !important;
    border-style: solid;
    border-width: 1px !important;
}
.dmn-tab table td:not(:first-child) {
    color: #0071bc;
}
@media (max-width: 600px) {
    /* make tds into single column full width rows */
    .dmn-tab .tab-pane tr,
    .dmn-tab .tab-pane td {
        display: block;
        width: 100%;
        padding: 5px;
    }  
  
    /* hide table head */
    .dmn-tab .tab-pane table thead {
        display: none;
    }
  
    /* place data attribute before td as a label */
    .dmn-tab .tab-pane table td[data-header-title]:before {
        content: attr(data-header-title)' :';
        /* labels will stack by default but optionally float to left */
        text-align: left;
        float: left;
        width: 170px;
        padding-left: 20px;
        font-weight: 500;
        letter-spacing: 0.65px;
        font-family:  "Kanit";
    }
    .dmn-tab .tab-pane table tbody {
        border-collapse: collapse;
    }
    .dmn-tab table tbody, 
    .dmn-tab table td, 
    .dmn-tab table thead, 
    .dmn-tab table tr,
    .dmn-tab table th {
        border-width: 0px !important;
    }
    /* unset background used on desktop view */
    .dmn-tab .tab-pane toby tr td:nth-of-child(even) {
        background: #dcf6ff;
    }
}



/* -----------------------------------
	    Benefits Deatils CSS
----------------------------------- */
.benefit-list {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 50px 0;
}
.benefit-list h6 {
	margin: 20px 0 10px 30px;
	font-weight: 600;
}
.benefit-list ul {
	list-style: none;
	padding: 0 0 0 50px;
	margin: 0;
}
.benefit-list ul li {
	margin-bottom: 6px;
	font-size: 16px;
}
.benefit-list ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	color: green;
	font-size: 18px;
	font-weight: 900;
	padding-right: 10px;
}
.benefit-list p {
	color: #ff1d25;
	font-size: 16px;
	font-weight: 600;
	text-align: start;
	margin: 20px 0 10px 8px;
}
.benefit-list p::after {
	content: "\f063";
	font-family: "Font Awesome 6 Free";
	color: #ff1d25;
	font-size: 15px;
	font-weight: 900;
	padding-left: 8px;
}
@media (max-width: 767px){
	.benefit-list h6 {
  		margin: 0 0 10px 15px;
	}
	.benefit-list ul {
		padding: 0 0 0 30px;
	}
	.benefit-list p {
		text-align: center;
		padding: 20px auto;
	}
	.benefit-list p::after {
		content: "\f063";
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.benefit-list p {
		margin: 20px 0 10px 30px;
	}
	.benefit-list .col-lg-6 img {
		margin-left: 30px;
	}
}



/* -----------------------------------
	    Important Docs CSS
----------------------------------- */
.important-docs {
	padding: 30px 0;
}
.important-docs .border {
  	border: 1px solid #151515 !important;
}
.important-docs .col-md-4 p,
.important-docs .col-md-6 p,
.important-docs .col-md-12 p {
	margin-bottom: 5px !important;
	color: #4d4d4d;
}
.important-docs .col-md-4 p::before,
.important-docs .col-md-6 p::before,
.important-docs .col-md-12 p::before {
	content: "\f56c";
	font-size: 18px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	padding-right: 10px;
}
.important-docs hr {
	display: none;
}
@media (max-width: 767px){
	.important-docs {
		padding: 0 0 30px 0;
	}
	.important-docs hr {
		display: block;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.important-docs {
		padding: 0;
	}
}



/* -----------------------------------
	    Domain Policy CSS
----------------------------------- */
.policy {
	padding: 60px 0;
}

/* ::: Domain name .th CSS ::: */
.dmn_dotth-detail {
	display: flex;
	flex-wrap: wrap;
}
.dmn-card {
  	overflow: hidden;
  	min-height: 470px;
	height: 470px;
	margin: 15px;
  	box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 4px;
}
.dmn-card-img {
  	height: 200px;
  	min-height: 200px;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center;
  	border-color: inherit;
}
.dotcoth { background-image: url("../images/core-img/dmn-coth.jpg"); }
.dotinth { background-image: url("../images/core-img/dmn-inth.jpg"); }
.dotorth { background-image: url("../images/core-img/dmn-orth.jpg"); }
.dotacth { background-image: url("../images/core-img/dmn-acth.jpg"); }
.dotnetth { background-image: url("../images/core-img/dmn-netth.jpg"); }
.dotgoth { background-image: url("../images/core-img/dmn-goth.jpg"); }
.dotmith { background-image: url("../images/core-img/dmn-mith.jpg"); }

/* First border-left-width setting is a fallback */
.dmn-card-img::after {
  	position: absolute;
  	content: "";
  	top: 161px;
  	left: 0;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-top-width: 40px;
  	border-right-width: 0;
  	border-bottom-width: 0;
  	border-left-width: 545px;
  	border-left-width: calc(575px - 5vw);
  	border-top-color: transparent;
  	border-right-color: transparent;
  	border-bottom-color: transparent;
  	border-left-color: inherit;
}
.dotdmn-card h2 {
  	border-radius: 50%;
  	box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 4px;
  	position: absolute;
  	top: 100px;
  	left: 1.25rem;
  	width: 100px;
  	height: 100px;
	text-align: center;
	background-color: white;
	color: #1c66de;
	line-height: 98px;
	font-family: "Source Sans Pro";
	font-weight: 600;
}
.dmn-card .card-body {
	overflow-y: auto;
	padding: 1.5rem !important;
	color: #4d4d4d;
}
.dmn-card .card-body h5 {
	color: red;
	font-size: 17px;
	display: flex;
}
.dmn-card .card-body img {
	height: 100%;
	margin-right: 10px;
}
.dmn-card .card-body p,
.dmn-card .card-body ul li { 
	font-size: 16px;
	font-family: "Sarabun";
	word-wrap: break-word;
	margin-bottom: 10px;
}
.dmn-card .card-body p {
	text-indent: 20px;
}
.dmn-card .card-body ul {
	list-style-position: outside;
	list-style: decimal;
}
.dmn-card .card-footer {
	background: inherit !important;
	border-color: inherit !important;
	padding: 1rem 1.5rem !important;
}
.dmn-card .btn {
	border-radius: 56px;
	margin-right: 5px;
}
.dmn-card .-shopping,
.dmn-card .-askmore { }
.dmn-card .-shopping::before,
.dmn-card .-askmore::before { 
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 6px; 
}
.dmn-card .-shopping::before { content: "\f291"; }
.dmn-card .-askmore::before { content: "\f1d8"; }

@media (max-width: 767px) {
	.policy {
	  	padding: 0;
	}
	.dmn_dotth-detail .p-3 {
		padding: 15px 0 !important;
	}
	.dmn-card {
		margin: 0 0 15px 0;
	}
}