/* Table of Contents
    # Global
    # Buttons
    # Section Heading
    # Header
    # Hero Section
*/

/*=======================
# Global
=======================*/

/*=====================
# Fonts
=======================*/
@import "./fonts.css";

body {
    font-family: "MarkPro", sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DIN-Bold";
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 15px;
    margin-top:0;
}

h1 {
    font-size:70px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size:36px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

input:not( [type="submit"], [type="radio"], [type="checkbox"] ){
    width: 100%;
    background: #fff;
    border: 1px solid #DDDDE0;
    background: #F1F1F2;
    padding: 16px 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    outline: 0;
    transition: all 0.3s ease-in-out;
}

input:focus {
    border-color: #333;
}

img {
	max-width: 100%;
	height: auto;
}


/*=========================
# Buttons
=========================*/
.dm-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #2A2F76;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-family: 'DIN-Bold';
	border: 0;
}

.dm-button:hover {
    background-color: #4a51b4;
    color: #fff;
}

.dm-button a:hover {
    color: #fff;
}


*,
*::before,
*::after {
    margin: 0;
    padding: 0;
}

ul {
    padding-left: 20px;
    margin: 0;
}

li {
    padding: 0;
    margin: 0;
}

a {
    color: var(--link-txt);
    text-decoration: none;
}

a:hover,
a:focus,
input:focus,
button:focus {
    text-decoration: none !important;
    outline: 0 !important;
}

header {
    max-width: 100%;
}

/*==============
# Top header
================*/

.dm-topbar {
    background-color: #030419;

}

.topbar-content {
	height: 54px;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
}

.dm-searchbar {
    position: relative;
}

.header-search-form {
	position: relative;
}

.header-search-form .search-icon {
	position: absolute;
	left: 12px;
	top: 46%;
	transform: translateY(-50%);
}

.header-search-form .search-icon svg path {
	fill: transparent;
}

.dm-searchbar .header-search-form input {
	margin: 0;
	padding: 8px 10px 8px 30px;
	height: 32px;
}

.dm-searchbar input {
    max-width: 156px;
    padding: 0 0 0 30px;
    border-radius: 8px;
    margin: 0px 10px;
}

.dm-searchbar img {
    position: absolute;
    left: 20px;
    top: 5px;
    width: 16px;
    height: 16px;
    color: #646471;
}

.dm-icons {
    display: flex;
}

.dm-icons i {
    width:24px;
    height: 24px;
}


.dm-icons ul {
    display: flex;
	padding: 0;
}

.dm-icons li {
    list-style: none;
}

/*===================
# Main Header
=====================*/
.dm-navbar {
    padding: 7px 0;
    justify-content: center;
}

.dm-menu ul {
    margin: 0 auto;
    list-style: none;
}

.dm-menu ul li {
    display: inline-block;
    margin: 0 14px;
}

.dm-menu ul li a {
    display: inline-block;
    color: #4C4D5C;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 27.52px;
    font-weight: 400;
    font-family: 'MarkPro';
}

.dm-menu ul li.current_page_selected a {
    color: #030419;
}


/*============
# Banner
==============*/
.dm-banner {
    position: relative;
}

.dm-banner img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.dm-banner__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90.41deg, #030419 -15.83%, rgba(4, 5, 33, 0.04) 101.39%);
}

.dm-banner__title {
    position: absolute;
    left: 20px;
    right: 0;
    top: 200px;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    font-family: 'DIN-Bold';
    font-size: 70px;
    line-height: 84px;
    color: #fff;
    font-weight: normal;
    max-width: 700px;

}

/*===========
# our products
=============*/



.dm-product-area {
    padding-top: 50px;
    color: black;
	background-color: #4C4D5C;
	background: url("../images/invisible-image.jpg") no-repeat bottom center;


}

.section-heading {
	margin: 450px 0px 0px 0px;
	text-align: center;
}

.section-heading__title {
    font-family: 'DIN-Bold';
    font-size:48px;
    line-height:57.6px;
    color:#030419;
}

.dm-product__title {
    font-family: 'DIN-Bold';
    font-size: 20px;
    line-height:24px;
}

.section-heading__description {
    font-size: 16px;
    color: #4C4D5C;
    line-height: 27.52px;
    font-weight:400;
    font-family: 'MarkPro';
    padding-top: 10px;
}


.dm-product__image {
  display: block;
  width: 100%;
  padding-top: 20px;
}

.dm-product__image img {
    max-width: 100%;
}

.dm-product__content {

    padding: 15px;
    color: #030419;
    font-size: 20px;
    font-style: normal;
	font-weight: 400;
	line-height: 120%;
	text-align: center;
}


/*==========
# About Us
============*/

.dm-about-us {
    position: relative;

}

.dm-about-us-img img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.dm-about-box {
    position: absolute;
    max-width: 660px;
    left: 100px;
    right: 0;
    top: -20px;
    bottom: 0;
    background: rgba(3, 4, 25, 0.7);
    border-radius: 8px;
    padding: 60px 20px;
    margin-bottom: 30px;
    color: #fff;

}

.dm-about-middle {
    display: flex;
	align-items: start;



}

.dm-middle-text {
    font-size: 12px;
	margin: 20px;


}



.about-box p {
    font-size: 16px;
    font-family: 'MarkPro';
    line-height: 27.52px;
}

.about-box h3 {
    font-size: 48px;
    line-height: 57.6px;
    font-weight: 400;
    font-family: 'DIN-Bold';
}

/*==============
# News & Events
================*/

.news-heading {
    text-align: center;
	padding-top: 20px;
}

.dm-btn {
	margin: 50px 450px 0px 450px;

}
.dm-news__image img {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 25px;
	width: 100%;
}

.dm-news__content {
	align-items: center;
	padding: 10px;
	border: 1px solid #E9E9EA;
	border-radius: 0 0 8px 8px;
}

.news__link {
	text-decoration: underline;
	font-weight: bold;
}

.dm-news-heading {
	text-align: left;
}

/*============================
# World of Building Solutions
=============================*/

#dm-wbs-area {
    padding-top: 70px;
    color: black;
	background: url("../images/invisible-image.png"), url("../images/invisible-image2.jpg");
	background-repeat: no-repeat;
	background-position:bottom center, top center;

}

.wbs-heading {
	text-align: center;
	
}



/*================ 
# why akij cement
==================*/

.why-akij {
    position: relative;
}

.why-akij img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.akij-box {
    position: absolute;
    max-width: 660px;
    left: 100px;
    right: 0;
	top: -20px;
    bottom: 0;
    background: rgba(3, 4, 25, 0.7);
    border-radius: 8px;
    padding: 60px 20px;
    margin-bottom: 30px;
    color: #fff;


}

.akij-text {
    display: flex;
    flex-wrap: wrap;

}

.akij-text a {
    display: inline-flex;
    align-items: center;
    width: 50%;
    padding: 15px 0;


}

.akij-text a img{

    font-size: 24px;
    background: #4C4D5C;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    margin: 6px;


}

.akij-text img {
    width: 20px;
    height: 20px;
    padding: 10px;
    justify-content: center;


}

.akij-box p {
    font-size: 16px;
    font-family: 'MarkPro';
    line-height: 27.52px;
    padding: 15px 0;
}

.akij-box h3 {
    font-size: 48px;
    line-height: 57.6px;
    font-weight: 400;
    font-family: 'DIN-Bold';
}

.akij-text {
    padding-bottom: 50px;
    font-size: 12px;

}


/*Projects*/

.our-project {
    padding-top: 70px;
    color: black;


}

.our-project h3 {
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height:57.6px;
    color: #030419;
}

.our-project p {
    font-size: 14px;
    color: #4C4D5C;
    line-height: 23.52px;
    font-weight:400;
    font-family: 'MarkPro';
    padding-top: 10px;
}


.project-img {
 display: block;
  width: 100%;
  padding-top: 20px;
  position: relative;
}

.project-img img {
    width: 100%;

}

.project-img h5 {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    z-index: 1;
    padding: 15px;
    color: #FFFFFF;
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: -1px;
    text-align: left;
}


/*=============
# Cost Calculator
=============*/


/* .cost-calculator .btn3 {
display: table;
padding: 14px 24px;
margin: 0 auto;
justify-content: center;
align-items: center;
font-size: 18px;
line-height: 110%;
font-family: 'DIN-Bold';
color: white;
background: #2A2F76;
border-radius: 8px;
border: none;
vertical-align: middle;

} */

.cost-calculator p{
    font-family: 'DIN-Bold';
}

.cost-calculator {
    position: relative;
    padding-top: 50px;
}

.cost-calculator img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

 .cost-calculator-g {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: (0deg, rgba(3, 4, 25, 0.6), rgba(3, 4, 25, 0.6));
}

.cost-calculator-txt {
  align-items: center;
  margin: 100px 0px;
}

.cost-calculator-txt h3 {
    font-size: 48px;
    line-height: 84px;
    color: #fff;
    text-align: center;
    font-family: 'DIN-Bold';
}

/*============
# footer
============*/

.footer-area  {
    display: flex;
    padding: 20px;
    background-color: #f0f0f0;
    width: 100%;
    font-family: 'MarkPro';

}

.footer-area .footer-p {
    text-align: left;
    justify-content: center;
    align-items: center;
}

.footer-area ul li {
    padding: 7px 0;
}

.footer-area h4 {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 500;
    font-family: 'DIN-Bold';
    align-items: center;
    margin-left: 20px;
    width: 100%;
}

.footer-area {
    background-color: #030419;
    color: white;
    margin: 0 auto;
    padding: 20px 0;
    display: block;

}

.footer-area a {
    font-family: 'MarkPro';
    font-size: 16px;
    line-height:28.8px;
}

.dm-footer__icons ul li {
	list-style: none;
}

.dm--footer--icon--list i{
padding: 10px;
}

/* .footer-area .icons a img{
    justify-content: space-between;
        margin: 0 20px;
    }

.footer-area .icons a {
    display: flex;
    align-items: center;
    text-align: start;
    width: 80%;
    justify-content: flex-start;

}

.footer-area .icons img {
    margin-left: 20px;
    padding: 10px 0;
} */

.copy-right {
    text-align: center;
    font-size: 18px;
    font-family: 'MarkPro';
    line-height: 29.88px;
    font-weight: 400;
    color: #DDDDE0;
}

.footer-p {
   font-size: 18px;
    line-height: 29.88px;
    padding-top: 20px;
    font-weight: 400;
    font-family:'MarkPro';
    color: #ADADB4;

}

.follow-text a {
    width: 100%;

}

.follow-text li {
    list-style: none;

}

/*=============================
# Construction cost Calculator 
==============================*/

/* Start Sub-Banner */

.sub-banner {
    position: relative;

}

.sub-banner img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.sub-banner-g {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(95.16deg, #030419 -4.63%, rgba(4, 5, 33, 0.32) 105.04%);
}

.sub-banner-txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
}.sub-banner-txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
}

.sub-banner-txt img {
    position: relative;

}

.sub-banner-txt h1 {
    font-size: 70px;
    line-height: 84px;
    color: #fff;
    font-family: 'DIN-Bold';

}

.sub-banner-txt p {
    color: #EDEDEE;
    font-size: 16px;
    padding-top: 20px;
    line-height: 27.52px;
    align-items: center;
    font-weight:400;
    font-family: 'MarkPro';

}



/* End Sub-Banner */

/*======================================
# Start Building Estimation Calculator 
=======================================*/

.dm--form {
	max-width: 800px;
	margin: 0 auto;
}

input[type="text"], select {
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #DDDDE0;
    background: #F1F1F2;
    padding: 16px 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    outline: 0;
    transition: all 0.3s ease-in-out;
}

input:focus {
    border-color: #333;
}



/* .dm--radio {
    text-align: left;

    padding-top: 10px;
} */

input[type="radio"] {
    accent-color:#2A2F76;

}


.bec-txt .form-text {
    text-align: left;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 14px;
    line-height: 23.52px;
    color: #4C4D5C;
}

.form-text {
    font-size:24px;
    line-height: 23.52px;
    font-family: 'MarkPro';
    font-weight: 400;
    /* margin: 50px 0; */
}

.bec {
    background-image: url("../images/invisible-image3.png"), url("../images/invisible-image.png");
    background-repeat: no-repeat;
	background-position: top center, bottom center;
}


.bec-h3 {
    font-size: 48px;
    line-height: 57.6px;
    text-align: center;
    font-family: 'DIN-Bold';
    color: #030419;

}


.bec-txt p {
    font-size: 24px;
    line-height: 39.84px;
    text-align: center;
    font-family: 'MarkPro';
    color: #030419;
    font-weight: 500;
}

.bec button {
    font-family:'DIN-Bold';
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 5;
}

button.dm-button {
	border: 0;
}

.bec select {
    background-color:#F1F1F2;
    border: 1px solid #DDDDE0;
    border-radius: 8px;
}

/* End Building Estimation Calculator */


/* Start Total Estimation Calculator */

/* Start Cost Calculator Result */

.tec {
    background-image: url("../images/invisible-image3.png");
    background-repeat: no-repeat;
	background-position: top center;

}

.cost-images {
	background-image: url("../images/invisible-image.jpg");
    background-repeat: no-repeat;
	background-position: bottom center;
}


.tec-h3 {
    font-size: 48px;
    line-height: 57.6px;
    text-align: center;
    font-family: 'DIN-Bold';
    color: #030419;

}


.tec-txt p {
    font-size: 24px;
    line-height: 39.84px;
    text-align: center;
    font-family: 'MarkPro';
    color: #030419;
    font-weight: 500;
}

/* End Cost Calculator Result */

/* Start cost-result */

.cost-result {

    text-align: right;
    font-family: 'DIN-Bold';

}

.cost-box i{
    padding: 0 5px;

}

.cost-box .icon-box{

   padding:15px 15px;
   font-family: 'DIN-Bold';
   border-radius: 8px;
   align-items: right;
   border: none;

}

.cost-box .icon1 {
    background-color: #C5C5C9;
    color: #4C4D5C;

}

.cost-box .icon2 {
    background-color: #2A2F76;
    color: #fff;
    margin-left: 10px;
}

/* End cost-result */

/*=================
# pagination
=================*/
.pagination .page-link {
	color: #4C4D5C;
	font-family: 'DIN-Bold';
	font-size: 18px;
	font-weight: normal;
	line-height: 110%;
	font-style: normal;
}


/* Start cost-images */

.cost-images img{
    object-fit: cover;
    width: 100%;
    padding: 30px 0;

}

.cost-image-box {
    padding: 20px 0;
}

/* End cost-images */

/* End Total Estimation Calculator */

/* Start News & Events */

.events {
    padding-top: 50px;

}


.top-content h3 {
    font-family: 'DIN-Bold';
    font-size: 48px;
    font-weight:500;
    color:#030419;
}

.featured-img img {
    width: 100%;
}
.search-box {
    position: relative;
    max-width: 322px;
    padding: 0px 0px 16px 0px;
    margin-top: 10px;

}

.search-box input {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #DDDDE0;
    background-color: #DDDDE0;
}

.search-box i {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 10px;
    height: 10px;
    color: #646471;
}

.event-block {
    display: flex;
    margin-bottom: 30px;
}

.events-img {
    width: 50%;
}

.events-img img {
    width: 100%;
    height: 242px;
    border-radius: 8px 0px 0px 8px;
    object-fit: cover;

}

.events-box {
    width: 50%;
    height:242px;
}

.events-box h4 {
font-size: 24px;
font-family: 'DIN-Bold';
line-height: 28.8px;
color:#030419;
}

.events-box p {
    height:84px;
    overflow: hidden;
    font-size: 16px;
    line-height:27.52px;
    font-family: 'MarkPro';
    color:#4C4D5C;
    font-weight:400;
}

.events-box .read-text {
    font-size:18px;
    color:#4C4D5C;
    line-height:19.8px;
    text-decoration: underline;
    font-family: 'DIN-Bold';

}

.news-content h3 {
    font-size: 48px;
    color: #030419;
    font-family: 'DIN-Bold';
    font-weight:500;
}

.featured h4 {
    font-size:24px;
    color: #030419;
    line-height: 28.8px;
    font-family: 'DIN-Bold';
    font-weight:500;
}

.events-img h4 {
    font-family: 'DIN-Bold';
    font-weight: 500;
    font-size: 20px;
    color: #030419;
}


/* End News & Events */

/* Start Details Page */

/* Start details-block */

.details-img img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;

}

/* End details-block */

/* Start lowcost-block */

.lowcost-block {
    padding-top: 60px;
}

.details-text h2 {
    font-family: 'DIN-Bold';
    font-size: 56px;
    line-height:67.2px;
    color:#030419;
}

.details-text p {
    padding-top: 24px;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;
}

/* End lowcost-block */

/* Start earthquakes-block */

.earthquakes-block {
    display: flex;
    padding-top: 40px;
    margin: 0 100px;

}
.p-block {
    font-family: 'MarkPro';
    font-size: 16px;
    line-height:27.52px;
    font-weight: 400;
    color:#4C4D5C;
}

.img-block img{
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.title-block h4 {
    padding-top:24px;
    color: #030419;
    font-size: 24px;
    line-height: 28.8px;
    font-family:'DIN-Bold';
}

.para-block p {
    padding-top: 15px;
    color: #4C4D5C;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    font-family:'MarkPro';
}

/* Start earthquakes-block */

/* Start middle-block */

.following-block  {
    padding-top: 20px;
}

.brand-p  {
    font-family: 'MarkPro';
    font-size:16px;
    font-weight: 400;
    line-height:27.52px;
    color: #4C4D5C;
}

.brands-title  {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height:28.8px;
    color:#030419;
}

.brands-para  {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height: 27.52px;
}

.horizontal-bands {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height: 27.52px;
}

.horizontal-bands ul li {
    margin-left: 20px;
}

.types-horizontal {
    padding-top: 15px;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height: 27.52px;

}

.types-horizontal ul li {
    margin-left: 20px;
}

.waste {
    padding-top:15px;
}

.waste-title  {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height: 28.8px;
    color:#030419;
}

.waste-p  {
    padding-top: 15px;
    font-family: 'MarkPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    color: #4C4D5C;
}


.haunches {
    padding-top:15px;
}

.haunches-title {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height: 28.8px;
    color:#030419;
}

.haunches-p {
    padding-top: 15px;
    font-family: 'MarkPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    color: #4C4D5C;
}

.hollow {
    padding-top:15px;
}

.hollow-title {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height: 28.8px;
    color:#030419;
}

.hollow-p {
    padding-top: 15px;
    font-family: 'MarkPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    color: #4C4D5C;
}

.sliding {
    padding-top:15px;
}

.sliding-title {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height: 28.8px;
    color:#030419;
}

.sliding-p {
    padding-top: 15px;
    font-family: 'MarkPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    color: #4C4D5C;
}

.middle-container {
    padding: 20px 0;

}

.seismic-img {
    padding-top: 20px;
}

.seismic-img img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.seismic-title {
    padding-top: 20px;
    color:#030419;
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height:28.8px;
}

.seismic-p {
    padding-top: 20px;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;

}

.share-content {
    display: flex;
    padding-top: 20px;

}

.share-title {
    font-size: 16px;
    font-weight: 400;
    line-height:27.52px;
    font-family: 'MarkPro';
    color:#030419;
}

.share-icons {
    padding: 0 20px;
}

.share-icons a {
    padding: 0 7px;
}

.share-icons img {
    width: 20px;
    height: 20px;
}

.share-content .share-icons {
    align-items:center;
}

/* End middle-block */

.related-title {
    text-align: left;
    padding: 20px 0;
}

.related {
    padding: 50px 0;
}

.search-flex{
    position: relative;
}

.search-flex input {
    width: 50%;
    padding: 20px 0 0 30px;
    border-radius: 8px;
    border: none;
    background-color:#DDDDE0;
}

.search-flex i {
    position: absolute;
    left: 10px;
    top: 35px;
    width: 10px;
    height: 10px;
    color: #646471;
}

.search-title h4 {
    color: #000F29;
    font-size: 24px;
    font-family: 'DIN-Bold';
    line-height: 28.8px;
}

.search {
    padding-top: 20px;
}

.recent-posts {

    color: #000F29;
    font-size: 24px;
    font-family: 'DIN-Bold';
    line-height: 28.8px;
    padding-top: 20px;
}

.posts-images {
    display: block;

}

.posts-block {
    display: flex;
    padding-top: 20px;
    align-items: center;
    border-bottom: 1px solid #F2F3F4;
}

.posts-block p {
   padding: 0 16px;
   color: #000F29;
   font-weight: 500;
   font-size: 18px;
   font-family: 'MarkPro';
   line-height: 29.88px;
}

.posts-block img {
    width: 100px;
    height:75px;
    border-radius: 8px;
}

.top-block {
    padding-top: 20px;
}

.top-title {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 14px;
    line-height:23.52px;
    color: #030419;
}
.top-list ul{
list-style: disc;
list-style-position: inside;


}

.top-list ul li {
    padding: 7px 0;
    border-bottom: 1px solid #E9E9EA;
    color:#4C4D5C;

}

.top-list li a {
color: #030419;
font-size: 14px;
font-family: 'MarkPro';
font-weight: 400;
line-height:23.52px;

}

.tags {
    padding-top: 20px;
}

.tags-title {
    color:#000F29;
    font-weight: 600;
    line-height: 33.6px;
    font-size: 24px;
    letter-spacing: -1px;
    font-family: 'Poppins-Regular';
}

.tags-block {
    display: block;

}

.tags-flex {
    display: flex;
    color: #4C4D5C;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 14px;
    line-height: 23.52px;

}

.tags-box {
    padding: 10px 10px;
    background-color:#E9E9EA;
    margin:10px 10px 0 0;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 14px;
    line-height: 23.52px;
}

/* End Details Page */

/* Start Company */

.about-block {
    padding-top: 50px;


}



.about-block h3 {
    color: #030419;
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height:57.8px;

}

.about-block p {
    color: #030419;
    font-family: 'MarkPro';
    font-size: 16px;
    line-height:27.52px;
    font-weight: 400;
}

.about-video {
	position: relative;
}

.about-video img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
	border-radius: 8px;
}



.about-video i {
position: absolute;
top: 50%;
left: 50%;
color: #ffff;
border-radius: 100px;
background: rgba(42, 47, 118, 0.80);
padding: 18px 12px 15px 20px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;


}

.about-akij {
    display:flex;
}

.akij-flex {
    display:inline-block;
    padding: 0 10px 0 0;
}

.about-flex h3{
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height:57.6px;
    color: #030419;
}

.about-flex p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height: 27.52px;
}

.about-akij p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 18px;
    line-height:29.88px;
}

.about-akij h3 {
    color: #2A2F76;
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height:57.6px;
}

.akij-group {
    padding-top: 50px;
    position: relative;
}

.akij-group img {
    object-fit: cover;
    width: 100%;
    max-height: 460px;
}

.group-box {
    position: absolute;
    max-width: 660px;
    left: 90px;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(3, 4, 25, 0.7);
    border-radius: 8px;
    padding: 30px 20px;
    margin: 20px;

}

.group-box h3 {
    color: #FFFFFF;
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height: 57.6px;
}

.group-box p {
    padding-top: 5px;
    font-family: 'MarkPro';
    font-size: 18px;
    font-weight: 400;
    color: #DDDDE0;
    max-width:600px;

}

/* End Company */

/*Start Post Construction Details*/

.post-construction-img img{
object-fit: cover;
width: 100%;
max-height: 460px;
}

.construction-text h2 {
    padding: 20px 0;
    color:#030419;
    font-size: 56px;
    line-height:67.2px;
    font-family: 'DIN-Bold';
}

.construction-text p {

    color:#4C4D5C;
    font-size: 16px;
    line-height:27.52px;
    font-family: 'MarkPro';
    font-weight: 400;
}

.construction-title {
    padding-top: 10px;
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height: 28.8px;
    color:#030419;
}

.construction-p {
    padding-top: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    font-weight: 400;
    line-height: 27.52px;
    color: #4C4D5C;
}

/*End Post Construction Details*/

/*Start WHy Akij Cement*/

.assurance {
    padding: 50px;


}

.assurance .row {
    align-items: center;
}

.assurance img {
    object-fit: cover;
        width: 100%;
        max-height: 460px;
    }

.assurance-block {
   padding: 20px 0;
}

.assurance-block h3 {
    font-family: 'DIN-Bold';
    color:#030419;
    font-size: 48px;
    line-height:57.6px;
}

.assurance-block p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;
}

.test-reports {
    padding: 50px;

}

.test-reports .row {
    align-items: center;
}

.test-reports img {
    object-fit: cover;
        width: 100%;
        max-height: 460px;
    }

.test-reports-block {
   padding: 20px 0;
}

.test-reports-block h3 {
    font-family: 'DIN-Bold';
    color:#030419;
    font-size: 48px;
    line-height:57.6px;
}

.test-reports p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;
}

.go-green {
    padding: 50px;

}

.go-green .row {
    align-items: center;
}

.go-green img {
    object-fit: cover;
        width: 100%;
        max-height: 460px;
    }

.go-green-block {
   padding: 20px 0;
}

.go-green-block h3 {
    font-family: 'DIN-Bold';
    color:#030419;
    font-size: 48px;
    line-height:57.6px;
}

.go-green p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;
}

.certificates {
    padding: 50px;

}

.certificates .row {
    align-items: center;
}

.certificates img {
    object-fit: cover;
        width: 100%;
        max-height: 460px;
    }

.certificates-block {
   padding: 20px 0;
}

.certificates-block h3 {
    font-family: 'DIN-Bold';
    color:#030419;
    font-size: 48px;
    line-height:57.6px;
}

.certificates p {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color:#4C4D5C;
}

/*End WHy Akij Cement*/

/*Start products*/

.composite {
    background-color:#676B9D;
    margin: 100px;
    padding: 20px;
    border-radius: 8px;
}

.cement-img img{
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border-radius: 8px;
}

.composite-img img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border-radius: 8px;
}


.cement-block{
    padding-top: 20px;
}

.cement-block button {
padding: 20px 24px 20px 24px;
border: none;
border-radius: 8px;
color:#030419;
font-family: 'DIN-Bold';
font-size: 18px;
line-height:19.8px;
}

.cement-block a {
    padding: 20px 24px 20px 24px;
border: 1px solid #C5C5C9;
border-radius: 8px;
font-family: 'DIN-Bold';
font-size: 18px;
line-height:19.8px;
color: #FFFFFF;
}

.cement-block p {
    font-size: 16px;
    line-height: 27.52px;
    font-weight: 400;
    font-family: 'MarkPro';
    color: #EDEDEE;

}

.cement-block h3 {
    font-size: 48px;
    line-height: 57.6px;
    font-family: 'DIN-Bold';
    color: #FFFFFF;
}

.composite-second {
    background-color:#F1F1F2;
    margin: 100px;
    padding: 20px;
    border-radius: 8px;
}

.cement-second-box {
    display: flex;
}



.cement-second-block{
    padding-top: 20px;
}

.composite-second button {
    padding: 20px 24px 20px 24px;
    border: none;
    border-radius: 8px;
    background-color:#030419;
    color: #FFFFFF;
    font-family: 'DIN-Bold';
    font-size: 18px;
    line-height:19.8px;
}

.composite-second a {
    padding: 20px 24px 20px 24px;
    border: 1px solid #C5C5C9;
    border-radius: 8px;
    font-family: 'DIN-Bold';
    font-size: 18px;
    line-height:19.8px;
    color: #030419;
}

.composite-second p {
        font-size: 16px;
        line-height: 27.52px;
        font-weight: 400;
        font-family: 'MarkPro';
        color: #4C4D5C;
}

.composite-second h3 {
        font-size: 48px;
        line-height: 57.6px;
        font-family: 'DIN-Bold';
        color: #030419;
}

/*End Products*/

/* Start World of Building Solution */

.wbs-block {
    background-image: url("../images/invisible-image3.png");
    background-repeat: no-repeat;
    padding-top: 100px;
}

/* End World of Building Solution */

/*Start Products details page*/

.product-block {
    position: relative;
}

.product-block img{
    object-fit: cover;
    width: 100%;
    max-height: 460px;

}
.product-block a {
    align-items: center;
    position: absolute;
    top: 20px;
    left: 70%;
    z-index: 1;
    padding: 20px, 24px, 20px, 24px;
    border:none;
    background-color:#2A2F76;
    border-radius: 8px;
	color:#FFFFFF;
    font-family: 'DIN-Bold';
    font-size: 18px;
    line-height: 19.8px;


}


.download-button img {
    width: 20px;
    height: 20px;
}

.portland {
    padding: 20px 0;
}

.portland-text h2 {
    font-family: 'DIN-Bold';
    font-size: 48px;
    line-height:57.6px;
    color: #030419;
}

.portland-text p {
    padding: 10px 0;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color: #4C4D5C;
}

.portland-block {
    padding: 20px 0;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color: #4C4D5C;
}

.portland-bands ul li{
    padding: 7px 0;
}

.portland-bands li a {
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;
    color: #4C4D5C;
}

.portland-bands h4 {
    font-family: 'DIN-Bold';
    font-size: 24px;
    line-height:28.8px;
    color: #030419;
}

.portland-box {
    padding: 20px 0;
}

.portland-p {
    padding: 20px 0;
    font-family: 'MarkPro';
    font-weight: 400;
    font-size: 16px;
    line-height:27.52px;


}

/*End Products details page*/

/*Start Contact Us*/

.contact {
    background-image: url("../images/invisible-image3.png");
    background-repeat: no-repeat;
    padding: 50px 0 0 0;
}

.contact .btn4{
    text-align: center;

}

.name input {
    background-color: #DDDDE0;
    padding: 20px;
}

.mobile input {
    background-color: #DDDDE0;
    padding: 20px;
}

.email input {
    background-color: #DDDDE0;
    padding: 20px;
}

.subject input {
    background-color: #DDDDE0;
    padding: 20px;
}

.textarea textarea {
    background-color: #DDDDE0;
    padding: 20px;

}

.contact-check label {
    font-size: 16px;
    font-weight: 400;
    font-family: 'MarkPro';
    line-height: 27.52px;
    color:#666F7F;
}

/*End Contact Us*/


/*=========
# Error
==========*/

.dm-error__content{
	align-items: center;
}

.dm-error__image {
display: block;
margin: 0px auto;
width: 50%;
}

.dm-error {
	text-align: center;
}

.dm-product__title h3 {
font-family: 'DIN-Bold';
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 120%;
color: #001224;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .dm-topbar img {
        margin-top: 5px;
        width:15px;
        height:15px;

    }

    .dm-topbar span{
        font-size: 12px;
        padding-top: 5px;
        justify-content: center;
        align-items: center;
    }

      .about-middle {
        position: absolute;
        top: 70%;
        bottom: 0;
      }

      .middle-text p{
         position: absolute;
         top: -12px

      }

      .akij-box {
        position: relative;
      }

      .akij-box h3 {
        font-size:16px;

      }
      .akij-box p {
        position: absolute;
        top: 55px;
        font-size:16px;
      }



}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .product-block button {
        top: 26%;
        left:64%;
    }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .top-hdr form i {
        margin-right: 50px;
    }

    .akj-nav ul {
        margin: 20px 0;
        padding-left: 0;
    }

    .akj-nav ul li {
        display: block;
        margin: 10px 0;
    }

    .about-box p {
        font-size: 12px;
        font-family: 'MarkPro';
        line-height: 15px;
        padding-top: 20px;
    }

    .about-box {
        position: absolute;
        max-width: 460px;
        left: 50px;
        right: 0;
        top: -50px;
        bottom: 0;
        background: rgba(3, 4, 25, 0.7);
        border-radius: 8px;
        padding: 10px 20px;
        margin-bottom: 20px;
        color: #fff;

    }

    .akij-box p {
        font-size: 12px;
        font-family: 'MarkPro';
        line-height: 15px;
        padding-top: 10px;
    }

    .akij-text {
        position:absolute;
        top: 150px;
        padding: 0;
        left:20px;
        right:0;
    }

    .akij-box {
        position: absolute;
        max-width: 460px;
        left: 50px;
        right: 0;
        top: -50px;
        bottom: 0;
        background: rgba(3, 4, 25, 0.7);
        border-radius: 8px;
        padding: 10px 20px;
        margin-bottom: 20px;
        color: #fff;
        justify-content: flex-start;

    }

    .footer-area .icons a img{
        justify-content: space-between;
        margin: 0 20px;
      }

    .cost-calculator-txt h3 {
        font-size: 18px;
        line-height: 84px;
        color: #fff;
        text-align: center;
        font-family: 'DIN-Bold';
        padding-top: 10px;
    }

    .sub-banner-txt h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .sub-banner-txt p {
        margin-bottom: 50px;
        padding:0;

    }

    .cement-block h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .cement-block p {
        font-size: 12px;
        line-height: 20px;
    }

    .cement-block a {
        font-size: 16px;
        padding: 10px;
    }
    .cement-block button {
        font-size: 16px;
        padding: 10px;
    }

    .composite-second h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .composite-second button {
        padding: 10px;
        font-size: 16px;
    }

    .composite-second a {
        padding: 10px;
        font-size: 16px;
    }

    .portland-text h2 {
        font-size: 28px;
    }

    .assurance-block h3 {
        font-size: 20px;

    }

    .assurance-block p {
        font-size:12px;
        line-height: 20px;
    }

    .go-green-block h3 {
        font-size: 20px;

    }

    .go-green-block p {
        font-size:12px;
        line-height: 20px;
    }

    .test-reports-block h3 {
        font-size: 20px;

    }

    .test-reports-block p {
        font-size:12px;
        line-height: 20px;
    }

    .certificates-block h3 {
        font-size: 20px;

    }

    .certificates-block p {
        font-size:12px;
        line-height: 20px;
    }

    .composite-second p {
        font-size: 12px;
        line-height: 20px;
    }

    .product-block button a{
        font-size: 12px;
    }

    .product-block button {
        top: 76%;
        left:64%;
    }

    .download-button img {
        width: 12px;
        height: 12px;
    }

    .group-box {
        position: absolute;
        left: 50px;
        right: 0;
        top: -10px;
        bottom: 0;
        background: rgba(3, 4, 25, 0.7);
        border-radius: 8px;
        padding: 10px 20px;
        margin-bottom: 20px;
        color: #fff;
    }

    .group-box p {
        font-size: 16px;
    }

    .about-block h3{
        font-size: 18px;
        line-height: 20px;
    }

    .about-block p {
        font-size:16px;
        line-height: 20px;
    }

    .posts-block p {
        font-size:12px;
        line-height: 15px;
    }

    .events-box h4 {
        font-size:12px;
        line-height: 20px;
    }

    .events-box p {
        font-size:12px;
        line-height: 15px;
    }

    .events-box .read-text {
        font-size: 12px;

    }

    .events-img img {
        height:210px;
    }

    .events-box {
        height:210px;
    }

    .earthquakes-block {
        margin: 0 124px;

    }

}