@charset "utf-8";
/* CSS Document */

/*----*****---- << Skin Backgrounds >> ----*****----*/

.ico-content.type1:hover .icon span { background:#065c8c; }

.widget_tag_cloud a:hover { background:#065c8c; }

.bx-controls-direction a { background-color: #065c8c; }

.main-menuwrapper ul ul li:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, .dt-sc-button:hover { background: #054c74; }

#bbar-wrapper.header1 .dt-sc-button, .main-menuwrapper > ul > li:hover > a, .main-menuwrapper > ul > li.current_page_item > a, .main-menuwrapper ul ul li, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul, #header.header3 .main-menuwrapper.nav-line > ul > li:before, #header.header3 .main-menuwrapper.nav-line > ul > li.current_page_item:before, #header.header4 .main-menuwrapper.nav-line > ul > li:before, #header.header4 .main-menuwrapper.nav-line > ul > li.current_page_item:before, #header.header5 #main-menu > ul > li:hover > a, #header.header5 #main-menu > ul > li > a:hover, #header.header5 #main-menu ul > li.current_page_item > a, #header.header5 #main-menu ul > li.current_page_ancestor > a, #header.header5 #main-menu ul > li.current-menu-item > a, #header.header5 #main-menu ul > li.current-menu-ancestor > a, .dt-menu-toggle, .tweet-box, .ico-content.type4 .icon, input[type=button], button, .dt-sc-button, .dt-sc-pr-tb-col:hover, .dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover .dt-sc-buy-now .dt-sc-button, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button, .sorting-container a.active-sort, .sorting-container a:hover, .sorting-container a.active-sort:hover, .portfolio .image-overlay a, .portfolio:hover .portfolio-detail { background:#065c8c; }


/*----*****---- << Other Generic Backgrounds >> ----*****----*/

#bbar-wrapper.type2.dark.color-bg, .slide-controls li.selected a, .slide-controls li.selected a:hover, .dt-sc-box-content:hover .dt-sc-button, .page_info h3 span .fa, .page_info h2 span .fa, .page_info.main-title h2 span:after, .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { background: #405069; }

#header-wrapper, .is-sticky #header-wrapper, #footer { background: #2a323e; }

.pagination ul li a.active-page, .pagination ul li a:hover, #footer .widget .dt-sc-social-icons li { background: #445062; }

.ico-content.type1 .icon span, .dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left { background: #f0f0f0; } 

th, .ico-content.type1, .ico-content-wrapper.type2:hover, ul.dt-sc-tabs-vertical-frame li.current a, .dt-sc-tabs-frame li a.current, .dropcap.dropcap-circle, .dropcap.dropcap-bordered-circle, .dropcap.dropcap-square, .dropcap.dropcap-bordered-square { background: #405069; }

.dt-sc-pricing-table.type2 thead tr th:nth-child(2n+2), .dt-sc-pricing-table.type2 tbody tr td:nth-child(2n+2) { background: #f3f8fd; }

.ico-content-wrapper.type2, .dt-sc-social-icons li, .sociable_links li .fa, .search-prev, .search-next { background: #d3dae5; }

ul.dt-sc-tabs-frame li a, .dt-sc-pr-tb-col, .dt-sc-box-content .dt-sc-button { background: #e8edf2; }

.carousel-arrows a, .widget_categories ul li a:hover span { background: #43536b; }

#bbar-wrapper.dark .searchform, #bbar-wrapper.dark .searchform input[type="text"] { background:#5d6b81; }

.portfolio-arrows a.prev:hover, .portfolio-arrows a.next:hover, .portfolio-arrows a.prev:hover, .portfolio-arrows a.next:hover { background-color: #fff; }


/*----*****---- << Skin Borders >> ----*****----*/

#main-menu ul li.menu-item-simple-parent ul, .megamenu-child-container, .dt-sc-pr-tb-col:hover:after, .dt-sc-pr-tb-col.selected:after, .sorting-container a.active-sort, .sorting-container a:hover {border-color: #065c8c; }
 
.sorting-container a.active-sort:after, .sorting-container a:hover:after,  
#header.header2 .main-menuwrapper ul li.hasSubmenu:hover > a:before,  
#header.header2 .main-menuwrapper ul > li.hasSubmenu.current_page_item > a:before, 
#header.header2 .main-menuwrapper ul > li.hasSubmenu.current_page_ancestor > a:before, 
#header.header2 .main-menuwrapper ul > li.hasSubmenu.current-menu-item > a:before, 
#header.header2 .main-menuwrapper ul > li.hasSubmenu.current-menu-ancestor > a:before, 
#header.header5 #main-menu ul li.menu-item-simple-parent:hover > a:before,
#header.header5 #main-menu ul li.menu-item-simple-parent.current_page_item > a:before, 
#header.header5 #main-menu ul li.menu-item-simple-parent.current_page_ancestor > a:before, 
#header.header5 #main-menu ul li.menu-item-simple-parent.current-menu-item > a:before, 
#header.header5 #main-menu ul li.menu-item-simple-parent.current-menu-ancestor > a:before,	
#header.header5 #main-menu ul li.menu-item-megamenu-parent:hover > a:before,
#header.header5 #main-menu ul li.menu-item-megamenu-parent.current_page_item > a:before, 
#header.header5 #main-menu ul li.menu-item-megamenu-parent.current_page_ancestor > a:before, 
#header.header5 #main-menu ul li.menu-item-megamenu-parent.current-menu-item > a:before, 
#header.header5 #main-menu ul li.menu-item-megamenu-parent.current-menu-ancestor > a:before	{ border-top-color: #065c8c; }

#header.header2 .main-menuwrapper > ul > li > ul:before, .ico-content-wrapper:hover .ico-content.type1:after { border-bottom-color:#065c8c; }

.ico-content.type4 .icon span:after { box-shadow: 0 0 0 4px #065c8c; -webkit-box-shadow: 0 0 0 4px #065c8c; -moz-box-shadow: 0 0 0 4px #065c8c; -ms-box-shadow: 0 0 0 4px #065c8c; -o-box-shadow: 0 0 0 4px #065c8c; }

.ico-content.type1:hover .icon span { border-color:#6a9dba; }


/*----*****---- << Other Generic Borders >> ----*****----*/

.dt-sc-pricing-box { border-color: #2a99d8; }

ul.dt-sc-tabs-vertical-frame li.current, #bbar-wrapper.type2.dark.color-bg .searchform, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .icon:before { border-color: #405069; }

#bbar-wrapper.header1, .carousel-testimonials li .testimonial-content span.quote-shape, ul.dt-sc-tabs-vertical-frame li.first, .dt-sc-team.type1 .dt-sc-social-icons, .dt-sc-box-content:hover:before { border-top-color: #e8edf2; }

#header.header2 .main-menuwrapper ul li.hasSubmenu > a:before, #header.header5 #main-menu ul li.menu-item-simple-parent > a:before, #header.header5 #main-menu ul li.menu-item-megamenu-parent > a:before { border-top-color: #2a323e; }

.right-border-quote { border-left-color: #43536b; }

.pagination ul li a.active-page, .pagination ul li a:hover, #footer .widget:before { border-color: #445062; }

ul.dt-sc-tabs-vertical-frame li.first.current { border-top-color: #405069; }

.slide-controls li.selected a:after { border-bottom-color: #405069; }

.ico-content.type1 .icon span, .ico-content-wrapper .ico-content.type1:after, .blog-entry .entry-thumb span.border-shape, .sorting-container a, .portfolio .portfolio-detail span, .pagination ul li a, .carousel-gallery li .entry-thumb span, .portfolio-item .entry-thumb span, ul.dt-sc-tabs-vertical-frame li a span, ul.dt-sc-tabs-frame li a, .dt-sc-pr-tb-col, .dt-sc-tb-content li, .dt-sc-team .entry-thumb span, .fullwidth-section.light-bg .dt-sc-toggle-frame,  .fullwidth-section.white-gray .dt-sc-box-content:hover:before, .fullwidth-section.white-gray .dt-sc-box-content, .fullwidth-section.white-gray .dt-sc-box-content.first, .slide-controls li, .fullwidth-section.dt-sc-parallax .query-list li, .page_info h3 span, .page_info h2 span, .page_info h2 span { border-color: #d3dae5; }

.side-nav-container ul li.current_page_item:hover i { border-left-color: #000; }

.side-nav-container ul li:hover i { border-left-color: #3a3a3a; }

th, #bbar-wrapper.header1 .float-left .icon span, .testimonial-content blockquote span.quote-shape, .dt-sc-tabs-container.type2 ul.dt-sc-tabs li:last-child a { border-right-color: #e8edf2; }

th, .fullwidth-section.light-bg .dt-sc-toggle-frame  { border-bottom-color: #d3dae5; }

ul.dt-sc-tabs, ul.dt-sc-tabs li a:after, .dt-sc-toggle-frame.last, .dt-sc-pricing-table.type2 th { border-bottom-color: #e8edf2; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, .selection-box:after, .searchform, .contact-info .textwidget p, .entry-meta, .entry-format, .portfolio-single p.item-desc, .post-nav-container, .side-nav-container ul li, .side-nav-container ul li:first-child, .side-nav-container ul li:hover a, .testimonial-content blockquote, ul.dt-sc-tabs-vertical-frame li, .dt-sc-tabs-container.type2 ul.dt-sc-tabs li a, .dt-sc-pricing-table.type2 table, .dt-sc-pricing-table.type2 td, .dt-sc-tabs-frame-content, .dt-sc-toggle-frame, .widget_tag_cloud a, .frequent-loads li, .dt-sc-box-content, .dt-sc-box-content.first, .dt-sc-box-content:hover .dt-sc-box-overlay1, .dt-sc-box-content:hover .dt-sc-box-overlay2, .dt-sc-box-content:hover .dt-sc-box-overlay3, #bbar-wrapper.header1 .float-left .ico-phone, .dt-sc-pricing-table.type2 td.price .dt-sc-button { border-color: #e8edf2; }

.pagination ul li a { border-bottom-color: #405069; }

ul.dt-sc-tabs-vertical-frame li.current a:after, ul.dt-sc-tabs li a.current:after, h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { border-color: #5d6b81; }

.dt-sc-tabs-container.type2 ul.dt-sc-tabs li a.current { border-bottom-color: #5d6b81; }

.dt-sc-pr-tb-col:hover .dt-sc-tb-content li, .dt-sc-pr-tb-col.selected .dt-sc-tb-content li { border-color: #53c3ef; }

#bbar-wrapper .searchform { border-color: #8b9eba; }

.dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:before { border-color: #f3f8fd #f3f8fd #e8edf2 #e8edf2; }

.frequent-loads li .dom-pack.featured:before { -webkit-box-shadow: 0 0 2px #d3dae5 inset; -moz-box-shadow: 0 0 2px #d3dae5 inset; -ms-box-shadow: 0 0 2px #d3dae5 inset; -o-box-shadow: 0 0 2px #d3dae5 inset; box-shadow: 0 0 2px #d3dae5 inset; }

.dt-sc-team.type1:hover { -webkit-box-shadow: 0 0 2px #8b9eba inset; -moz-box-shadow: 0 0 2px #8b9eba inset; -ms-box-shadow: 0 0 2px #8b9eba inset; -o-box-shadow: 0 0 2px #8b9eba inset; box-shadow: 0 0 2px #8b9eba inset; }

.dt-sc-pricing-table.type3 .dt-sc-pr-tb-col.selected, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:hover { -webkit-box-shadow: 0 0 3px #8b9eba; -moz-box-shadow: 0 0 3px #8b9eba; -ms-box-shadow: 0 0 3px #8b9eba; -o-box-shadow: 0 0 3px #8b9eba; box-shadow: 0 0 3px #8b9eba; }

.dt-sc-pr-tb-col.selected .dt-sc-tb-content li, .dt-sc-pr-tb-col:hover .dt-sc-tb-content li { border-color: #fff; }


/*----*****---- << Skin Colors >> ----*****----*/

#bbar-wrapper.header1, #bbar-wrapper.header1 a, #header.header5 #main-menu ul > li.current_page_ancestor > a, #header.header5 #main-menu ul > li.current-menu-item > a, #header.header5 #main-menu ul > li.current-menu-ancestor > a, #header.header5 .megamenu-child-container ul.sub-menu > li > ul li a:hover, #main-menu ul li.menu-item-simple-parent ul li a:hover, .dt-sc-pr-tb-col:hover .dt-sc-price, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-price, .dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .ico-content.type1 h5 a:hover, #footer .widget a:hover { color:#065c8c; }


/*----*****---- << Other Generic Colors >> ----*****----*/

body, p, .dt-sc-team h6, .portfolio-bottom, .widget_categories ul li a, .widget_tag_cloud a, .blog-entry.single .entry-meta-data, .error-info span.msg, ul.commentlist li .commentmetadata, .dt-sc-tabs-container.type2 ul.dt-sc-tabs li a, h5.dt-sc-toggle-accordion a, h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-pricing-box, .dt-sc-progress .dt-sc-bar-text, .testimonial-content blockquote cite, ul.dt-sc-fancy-list.type2 li, .fullwidth-section.dt-sc-parallax ul.dt-sc-fancy-list.type3 li { color: #757575; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a, #bbar-wrapper, ul.dt-sc-tabs li a, .dt-sc-pr-tb-col .dt-sc-tb-content, .dt-sc-tabs-container.type2 ul.dt-sc-tabs li a.current, h5.dt-sc-toggle-accordion.active a, h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-pricing-table.type2 th, .dt-sc-pricing-table.type2 th:first-child, .dt-sc-pricing-table.type2 td:first-child, #secondary .widgettitle, .testimonial-content blockquote cite span, .progress-bar-wrapper .donutchart .donutcharttext, .dt-sc-domains-list ul li span, .dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left, .dt-sc-tooltip-top:hover, .dt-sc-tooltip-right:hover, .dt-sc-tooltip-bottom:hover, .dt-sc-tooltip-left:hover, .megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .slide-nav-control-wrapper ul li a { color: #121212; }	

input[type=submit], input[type=button], button, .dt-sc-button, .portfolio:hover .image-overlay a span:hover, ul.dt-sc-tabs-vertical-frame li.current a { color: #fff; }

h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before, .slide-nav-control-wrapper ul li a .fa { color: #4b5a72; }

#bbar-wrapper.header1 p, .entry-meta .ico-format:hover:before, .entry-meta a:hover, .entry-meta a:hover i, .commententries h2 a:hover, .comment-reply-link:hover, .post-nav-container a:hover, .post-nav-container a:hover i, .carousel-gallery li .entry-body a.readmore:hover, .contact-info a:hover, .dropcap.dropcap-default, .ico-content .icon span, .ico-content-wrapper.type2 .ico-content span, .ico-content-wrapper.type2 .ico-content h3, .frequent-loads li a, .slide-controls li a, .slide-controls li a:hover, .dt-sc-pricing-box span, ul.dt-sc-fancy-list.type2 li:before, ul.dt-sc-fancy-list.type3 li .fa, .ico-content-wrapper.type3 h3, .frequent-loads li .dom-pack, .page_info h3, .page_info h2, .page_info p a:hover { color: #405069; }

a:hover, #bbar-wrapper a:hover, #bbar-wrapper.type2 a:hover, #bbar-wrapper .searchform input[type="text"], #bbar-wrapper.type2.dark.color-bg p, #bbar-wrapper.type2.dark.color-bg p span, #bbar-wrapper.type2.dark.color-bg a, .searchform, #bbar-wrapper.type2.dark.color-bg p, #bbar-wrapper.type2.dark.color-bg p span, #bbar-wrapper.type2.dark.color-bg a, .searchform, #secondary a:hover, .contact-info a, .portfolio-single .item-meta p > a, .post-nav-container a, .side-nav-container ul li:hover a, .widget_categories ul li a:before, .commententries h2 a, .comment-reply-link, .fullwidth-section.dark-bg a:hover, .fullwidth-section.dark-bg h5.dt-sc-toggle-accordion.active a, .fullwidth-section.dark-bg h5.dt-sc-toggle.active a, .fullwidth-section.dark-bg .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .fullwidth-section.dark-bg .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .carousel-gallery li .entry-body a.readmore, .portfolio-item .entry-body a.readmore, .slide-nav-control-wrapper ul li.selected a, .preview-section a:hover span, .page_info p a { color: #8b9eba; }

.dt-sc-pr-tb-col .dt-sc-price, .dt-sc-pr-tb-col .dt-sc-tb-title h5 { color: #4b5a72; }

#bbar-wrapper.type2 p, #bbar-wrapper.type2 p span, #bbar-wrapper.type2 a { color: #5d6b81; }

.dt-sc-team.type1 .dt-sc-social-icons li a, .entry-meta a .fa, .ico-format:before { color: #d3dae5; }

#bbar-wrapper .contact span, #bbar-wrapper a, .breadcrumb-section h1, .breadcrumb-section .breadcrumb a, #footer .widget .dt-sc-social-icons li a { color: #2a323e; } 
.whmcsb input[type=submit]{
	color: #fff; cursor: ointer; display: inline-block; *display: inline; font-size: 13px; padding: 6px 12px; *padding: 6px 5px 7px; text-transform: capitalize; zoom: 1; appearance: none; -webkit-appearance: none; -moz-appearance: none; float:none;
}
.whmcsb .home-shortcuts p{
	color: #fff !important;
}
.whmcsb nav ul li{
padding:0;
}
.whmcsb input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea{
    margin: initial;
}


    @media only screen and (max-width: 767px) {

			.block-offers {
				margin-right: 0 !important;
				margin-left: 0 !important;
		}
				
		/** Skin **/ 
		#main-menu > ul.menu { background: #065c8c; }
		.megamenu-child-container > ul.sub-menu > li > a:hover { color: #065c8c; }		
		/** Generic **/ 
		.page-with-large-slider #header-wrapper { background: #000; }
		
	}
	
    @media only screen and (max-width: 479px) {
		/** Generic **/ 
		.testimonial-content blockquote span.quote-shape { border-bottom-color: #e8edf2; }
	}
	#bbar-wrapper1 {
		    background: #fff;
    float: left;
    font-size: 14px;
    padding: 10px 0;
    line-height: 24px;
    width: 100%;
	}

	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a, #bbar-wrapper1, ul.dt-sc-tabs li a, .dt-sc-pr-tb-col .dt-sc-tb-content, .dt-sc-tabs-container.type2 ul.dt-sc-tabs li a.current, h5.dt-sc-toggle-accordion.active a, h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-pricing-table.type2 th, .dt-sc-pricing-table.type2 th:first-child, .dt-sc-pricing-table.type2 td:first-child, #secondary .widgettitle, .testimonial-content blockquote cite span, .progress-bar-wrapper .donutchart .donutcharttext, .dt-sc-domains-list ul li span, .dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left, .dt-sc-tooltip-top:hover, .dt-sc-tooltip-right:hover, .dt-sc-tooltip-bottom:hover, .dt-sc-tooltip-left:hover, .megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .slide-nav-control-wrapper ul li a { color: #121212; }	



	/* new css */
	ul.sub-menu.design {
		width: 389px !important;
	}
	h4.center-text {
		text-align: center;
	}
	h2.ovz-font {
    font-size: 16px;
}

.vps-cpanel-banner {
	color: #233141;
	max-width: 100%;
	text-align: center;
	box-shadow: 1px 1px 8px #dedede;
	padding: 10px;
	border-radius: 15px;
	margin-top: 8px;
}
.vps-cpanel-banner .white {
	margin-bottom: 2px;
	font-size: 20px;
	font-weight: 600;
}

.vps-cpanel-banner div {
	font-size: 18px;
	vertical-align: bottom;
}
.vps-cpanel-banner .fa+div {
	line-height: 1.1;
	font-weight: bold;
	color: #ff004e;
}
.vps-cpanel-banner p.small {
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	background-color: #ff004e;
	margin-top: 5px;
	padding: 2px 2px;
}
.vps-cpanel-banner .fa, .vps-cpanel-banner .fa+div {
	display: inline-block;
}	
.vps-cpanel-banner .fa {
	margin-right: 5px;
	font-size: 28px;
	color: #ff004e;
}
.block-offers {
	margin-right: -25%;
	margin-left: 25%;
}
h2.offer-head {
	background-color: #ff004e;
	margin-bottom: 0px;
	padding: 10px 0px 10px 36px;
}
.dt-sc-box-overlay3.offer {
	text-align: center;
}

#offerslider>li{
    -webkit-animation: 3s ease 0s normal forwards 1 fadeup;
    animation: 3s ease 0s normal forwards 1 fadeup;
}

@keyframes fadeup{
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}

@-webkit-keyframes fadeup{
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}

#popmsn {
	position: fixed;
	width: 100%;
	bottom: 0%;
	left: 0%;
	background-color: #00000096;
	padding: 10px 60px;
	display: block;
	z-index: 10;
}
#popmsn, a{
	color: #8b77bf;
}
.popmsn-btn{
	color:white !Important;
	background-color:#065c8c;
	padding:10px;
}
.popmsn-btn{
	color:white !Important;
	background-color:#065c8c;
	padding:10px;
	cursor:pointer;
}
ul.dedicated-new-pln {
    text-align: left;
}







/**New CSS*/

.webdesign-box{
            padding:30px;
            padding-top:0;
           
           
        }
        .web-price-table{
            width:28%;
            float:left;
            box-sizing:border-box;
            padding:30px;
            line-height:2;
            border:1px solid lightgray;
            margin:20px;
            transition:400ms;
            min-height:522px;
        }
        .seo-price-table{
            width:23%;
            float:left;
            box-sizing:border-box;
            padding:30px;
            line-height:2;
            border:1px solid lightgray;
            margin:10px;
            transition:400ms;
            min-height:522px;
        }
        .web-price-table:hover , .seo-price-table:hover{
            box-shadow:10px 10px 30px gray;
            cursor:pointer;
        }
        .web-price-table b, .seo-price-table b{
            font-size:21px;
            text-align:center;
            display:block;
            padding-bottom:20px;
            font-weight:500;
            border-bottom:1px solid lightgray;
        }
        .web-price-table h3 , .seo-price-table h3{
            text-align:center;
            padding:20px;
            font-size:28px;
            font-weight:700;
            color:#065c8c;;
        }
        .web-price-table a , .seo-price-table a{
           width: 84%;
           margin-top: 30px;
           text-align:center;
        }
        
        .web-page-banner{
            background-image:url('https://www.parkinhost.com/images/web-banner.jpg');
            background-size:cover;
            background-position:center;
            background-repeat:no-repeat;
            height:350px;
           
        }
         .seo-page-banner{
            background-image:url('https://www.parkinhost.com/images/seo-banner.jpg');
            background-size:cover;
            background-position:center;
            background-repeat:no-repeat;
            height:350px;
           
        }
        .smm-page-banner{
            background-image:url('https://www.parkinhost.com/images/smm-banner.jpg');
            background-size:cover;
            background-position:center;
            background-repeat:no-repeat;
            height:350px;
           
        }
        .get-started{
            text-align:center;
            padding:50px;
            
        }
        .step-box{
            width:19.5%;
            float:left;
            margin-top:30px;
            border-right:1px solid lightgray;
            border-top:1px solid lightgray;
            border-bottom:1px solid lightgray;
            padding:20px 0;
        }
        .step-box:first-child{
            border-left:1px solid lightgray;
        }
        .step-box img{
            width:150px;
        }
        .step-box p{
            font-size:15px;
            color:#065c8c;
            font-weight:700;
        }
        .design-solution{
            padding:30px;
           clear:both;
           
            
        }
        .design-solution h2{
            text-align:center;
            display:bolck;
        }
        .solutions-list {
            padding:30px;
            clear:both;
        }
        .solutions-list ul{
            width:30%;
            float:left;
            margin-bottom: 30px;
        }
        .solutions-list ul:nth-child(even){
            float:right;
        }
        .solutions-list ul li{
            list-style:normal;
            line-height:3;
            font-size:16px;
        }
        .solutions-list ul li b{
            color:#065c8c;
        }
        .technologies{
            margin-bottom:50px;
        }
        .mytitle{
            padding:20px;
            text-align:center;
            line-height:2;
        }
        .techno-wrapper{
            width:48%;
            float:left;
        }
        .techno-wrapper:last-child{
            float:right;
        }
        .techno-wrapper b{
            color:#065c8c;
        }
        .techno-wrapper table tr td{
            text-align:left;
            line-height:2;
        }
        .techno-wrapper table tr td span{
            padding-top:-30px;
        }
        .techno-wrapper table tr td li{
            list-style:none;
        }
        .my-form{
            padding:30px;
            border:1px solid lightgray;
            padding-bottom:60px;
            background:lightgray;
        }
        .contact-form form input , .contact-form form input[type="number"],.contact-form form select{
            width:350px;
            float:left;
            padding:8px 16px;
            margin:15px;
        }
        .contact-form form select{
            padding:8px 0;
        }
        .selection-box:before,.selection-box:after{
            display:none;
        }
        .contact-form form button{
            padding:10px 50px;
            cursor:pointer;
            font-size:16px;
            font-weight:600;
            text-transform:uppercase;
        }
        .smmcontainer{
            min-height:400px;
            padding:30px;
            margin:30px auto; 
            height:auto;
        }
        
        
        
        @media (max-width:960px){
            .seo-price-table{
                width:100%;
            }
            .web-price-table{
                width:100%;
            }
            .web-price-table a{
                width:90%;
            }
            .web-page-banner , .smm-page-banner{
                height:200px;
            }
            .seo-page-banner{
                height:200px;
            }
            .solutions-list ul{
            width:100%;
            }
            .solutions-list ul img{
                display:none;
            }
            .step-box {
               width:100%;
               border-left:1px solid lightgray;
            }
            .step-box img{
                width:250px;
            }
            .smmcontainer{
                min-height:400px;
                padding:30px;
                margin:30px auto; 
                height:auto;
            }
        }
         @media (max-width:417px){
           .web-page-banner , .smm-page-banner{
                height:120px;
            }
            .seo-page-banner{
                height:120px;
            }
        }
        @media only screen and (min-width: 1920px) {
    
    .dt-sc-two-third
    {
        width:43% !important;
    }
}

/*----*****---- << new-label >> ----*****----*/

.new-label {
  background: #e74c3c;
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
}

.new-badge {
  color: red;
  font-weight: bold;
  font-size: 11px;
  margin-left: 10px; /* space from text */
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.call-out {
  margin-bottom: 20px; /* or whatever spacing you want */
}



/*----*****---- << location block >> ----*****----*/

.location-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.location-buttons span {
  background-color: #f0f0f0;
  color: #333;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
  cursor: default;
}

.location-buttons span:hover {
  background-color: #e0e0e0;
}

Cell highlight

.marker {
  color: red;  
  font-weight: bold;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.marker {
  color: red;
  font-weight: bold;
  animation: blink 0s steps(1, end) infinite;
}

@keyframes blink {
  0% { visibility: visible; }
  50% { visibility: hidden; }
  100% { visibility: visible; }
}