/*

* Theme Name: NS - SuperKaw

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     



:root {



--color1: #2E3192;

--color2: rgba(255, 255, 255, 1);

--color3: rgba(0, 0, 0, 1);

--color4: #d1d1d3;

--secondary-yellow : #F5B325;

--secondary-red : #D8282F;

--primary-color3 : #939598;

--font1: "Source Sans 3", sans-serif;

--font2: "DM Sans", sans-serif;

--mm-font: 'Pyidaungsu';

}



/* font-family: "Source Sans 3", sans-serif;

font-family: "DM Sans", sans-serif; */



@font-face {

    font-family: 'Pyidaungsu';

    src: url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.eot');

    src: url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.woff2') format('woff2'),

        url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.woff') format('woff'),

        url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.ttf') format('truetype'),

        url('/wp-content/themes/ns-msia/fonts/Pyidaungsu.svg#Pyidaungsu') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

body{

	margin:0 auto;

}

h1,h2,h3,h4,h5,h6{

    font-family: var(--font2);

}



header {

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;

}

header.fix .menu {

    background: #eef7fa;

}

header.fix {

    position: fixed; 

    top: 0;

    z-index: 999;

    width: 100%;

    left: 0;

    animation: smoothScroll 1s forwards;

    box-shadow: 1px -1px 7px #000;

    background: #eef7fa;

}

@keyframes smoothScroll {

    0% {



      transform: translateY(-40px);



    }



    100% {  



      transform: translateY(0px);



    }

}

/* Pagination */



ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



/**************************************************/



img.superkaw {

    height: 100px;

}

footer {

    background-color: #2c3590;

    color: #fff;

}

/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}

.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}



/* 

.about-section {

    min-height: 800px;

    background-image: url(images/aboutus-bg.jpg);

    background-size: cover;

    background-position: center left;

    background-repeat: no-repeat;

    color: #555555;

    font-family: Arial, sans-serif;

} */



.square-decor {

    width: 14px;

    height: 14px;

    background-color: #2b3990;

    display: inline-block;

}



.about-title {

    color: #2b3990;

    font-size: 4rem;

    line-height: 1;

}



.section-heading {

    color: #2b3990;

    font-weight: 800;

    font-size: 1.65rem;

    margin-bottom: 0.35rem;

    letter-spacing: 0.5px;

}



.section-text {

    font-size: 1.1rem;

    line-height: 1.45;

    color: #5d5d5d;

    /* max-width: 540px;  */

}



@media (max-width: 767.98px) {

    .about-section {

        min-height: auto;

        background-position: right center; 

    }

    .section-text {

        max-width: 100%;

        text-align: justify;

    }

}



.square-decor {

    width: 18px;

    height: 18px;

    background-color: #2b3990;

    display: inline-block;

}





.product-card {

    border-radius: 0px;

    overflow: hidden;

    border: none;

    background-color: #fff;

}



.sidebar-label {

    background-color: #2b3990;

    color: #ffffff;

    min-height: 320px;

    animation: moveHorizontal2 2s linear infinite;

    box-shadow: rgb(0 0 0 / 48%) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;

}





.sidebar-title {

    font-weight: 800;

    font-size: 2.2rem;

    line-height: 1.1;

}



.text-danger {

    color: #ed1c24 !important; 

}



.text-warning-custom {

    color: #fca311;

}





.sidebar-text {

    font-size: 0.85rem;

    line-height: 1.4;

    margin-bottom: 0.75rem;

    opacity: 0.9;

}



.product-img {

    max-height: 280px;

    object-fit: contain;

    border-radius: 8px;

    /* box-shadow: 0 4px 15px rgba(0,0,0,0.15); */

}



.features-title {

    color: #2b3990;

    font-weight: 700;

    font-size: 1.35rem;

}



.features-list li {

    font-size: 0.9rem;

    color: #4a4a4a;

    position: relative;

    padding-left: 20px;

    margin-bottom: 0.6rem;

    line-height: 1.4;

}



.features-list li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 5px;

    width: 8px;

    height: 8px;

    background-color: #2b3990;

}



.btn-detail {

    background-color: #2b3990;

    color: #ffffff;

    border-radius: 6px;

    font-size: 0.9rem;

    font-weight: 500;

    transition: background-color 0.2s ease;

}



.btn-detail:hover {

    background-color: #1e2766;

    color: #ffffff;

}



@media (max-width: 767.98px) {

    .sidebar-label {

        min-height: auto;

        text-align: center;

    }

    .sidebar-title {

        font-size: 1.8rem;

    }

    .features-list li {

        font-size: 0.85rem;

    }

}

/*********** Contact us ************/





.square-decor {

    width: 16px;

    height: 16px;

    /* background-color: #ffffff; */

    background-color: var(--color1);

    display: inline-block;

}





.contact-title {

    font-size: 3.8rem;

    line-height: 1;

    letter-spacing: -0.5px;

}



.form-group {

    position: relative;

    background-color: #ffffff;

    border-radius: 0px; 

    padding: 8px 16px 4px 16px;

}



.form-label-custom {

    display: block;

    color: #2b3990; 

    font-weight: 700;

    font-size: 0.85rem;

    margin-bottom: 0px;

}



.form-control-custom {

    width: 100%;

    border: none;

    background: transparent;

    padding: 2px 0px 6px 0px;

    color: #333333;

    font-size: 1rem;

}



.form-control-custom:focus {

    outline: none;

    box-shadow: none;

}



textarea.form-control-custom {

    resize: none;

}



.btn-send-message {

    background-color: #3a3a3a;

    color: #ffffff;

    border: none;

    border-radius: 0px; 

    font-size: 0.9rem;

    letter-spacing: 0.5px;

    padding-left: 24px !important;

    padding-right: 24px !important;

    transition: background-color 0.2s ease-in-out;

}



.btn-send-message:hover {

    background-color: #242424;

    color: #ffffff;

}



@media (max-width: 767.98px) {

    .contact-title {

        font-size: 2.8rem;

        margin-bottom: 2rem;

    }

    .contact-form {

        padding-left: 0px;

        padding-right: 0px;

    }

}



/************ Header ***************/



.fw-extrabold {

    font-weight: 800;

}



/* Hero Base Settings */

.hero-section {

    position: relative;

    width: 100%;

    height: 100vh;

    min-height: 550px;

    border-radius: 40px; 

    overflow: hidden;

    margin: 10px;

    width: calc(100% - 20px);

}



.hero-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(18, 25, 35, 0.55); 

    z-index: 1;

}



.logo-wrapper {

    background: rgba(33, 56, 84, 0.95);

    border-bottom-left-radius: 24px;

    border-bottom-right-radius: 24px;

    padding-top: 20px !important;

}



.text-muted-custom {

    color: #b0c4de !important;

}





.nav-menu-wrapper {

    background: rgba(22, 22, 22, 0.85);

    backdrop-filter: blur(8px);

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

}



.nav-link-custom {

    color: #cccccc;

    text-decoration: none;

    font-size: 0.85rem;

    font-weight: 500;

    padding: 6px 12px;

    transition: color 0.2s ease;

}



#menu ul li a.nav-link {

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    color: rgba(255, 255, 255, 1);

    padding: 15px 10px;

}



.nav-link-custom:hover, .nav-link-custom.active {

    color: #ffffff;

}



/* Right Side Utilities Container */

.utility-wrapper {

    background: rgba(33, 56, 84, 0.85);

    backdrop-filter: blur(4px);

    border-bottom-left-radius: 24px;

    border-bottom-right-radius: 24px;

    padding-top: 15px !important;

}



.font-sm {

    font-size: 0.85rem;

}



/* Typography Details */

.hero-title {

    font-size: 3rem;

    letter-weight: 900;

    letter-spacing: -0.5px;

}



@media (min-width: 992px) {

    .hero-title {

        font-size: 3.75rem;

    }

}



.subtitle-text {

    font-size: 0.95rem;

    letter-spacing: 0.5px;

}





.btn-contact {

    font-size: 0.85rem;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}



.btn-explore {

    box-shadow: 0 4px 15px rgba(0,0,0,0.2);

    transition: transform 0.2s ease, background-color 0.2s ease;

    border: 1px solid white;

}



.btn-explore:hover {

    transform: translateY(-2px);

    background-color: #f1f1f1 !important;

}





.tracking-wider {

    letter-spacing: 1px;

}



.font-sm {

    font-size: 0.85rem;

}





.text-primary-custom {

    color: #2b3990 !important; 

}







.text-secondary-custom {

    color: #2b3990; 

}



.text-muted-custom {

    color: #555555;

    font-size: 0.95rem;

}



/* Image Grid Construction & Framing Objects */

.ratio-container {

    overflow: hidden;

    border-radius: 20px; 

    background-color: #e3e3e3;

    position: relative;

    width: 100%;

}



.tall-card {

    height: 540px;

    object-fit: cover;

}



.tall-card img {

    object-position: 10% center; 

}





.short-card {

    height: 294px;

}



.short-card img {

    object-position: 70% center; 

    

}



.group-mask img{

    animation: moveHorizontal2 2s linear infinite;

}



.about-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.4s ease;

}



.ratio-container:hover .about-img {

    transform: scale(1.03); 

}

.brand-watermark {

    position: absolute;

    top: -20px;

    right: 20px;

    width: 210px;

    height: 150px;

    opacity: 0.7;

    z-index: 1;

    pointer-events: none;

}





.btn-readmore {

    background: rgba(44, 53, 144, 1);

    border: 1px solid rgba(44, 53, 144, 1);;

    box-shadow: 0 4px 10px rgba(38, 51, 132, 0.2);

    font-family: var(--font2);

    font-size: 16px;

}



.btn-readmore:hover {

    background: rgba(44, 53, 144, 1);

    background: rgba(44, 53, 144, 1);

    color: #ffffff !important;

    transform: translateY(-1px);

}



/* Responsive Adaptive Adjustments */

@media (max-width: 767.98px) {

    .tall-card {

        height: 320px;

    }

    .short-card {

        height: 200px;

    }

}



.home-slide {

    margin: 0 auto;

    text-align: center;

    position: relative;

    top: -52px;

}

img.slide-item {

    max-width: 100%;

    object-fit: cover;

    filter: brightness(0.5);

}

header.header-section {

    position: relative;

    z-index: 99;

    top: 31px;

}

ul.navbar-nav.header_menu {

    justify-content: center;

    background: rgba(45, 45, 45, 1);

    margin: 0 30px;

    border-radius: 50px;

}

header.header-section .row {

    align-items: center;

}

div#menu nav.navbar {

    margin: 0;

}

.header_section_languae .dropdown button.btn {

    background-color: transparent;

    border-color: transparent;

}

.header_section_languae .dropdown button.btn img {

    border-radius: 4px;

    border: 1px solid #ddd;

}

.header_section_languae .dropdown-toggle::after{

    display: none;

}

.header_section_languae {

    display: flex;

}

.header_section_languae .contact_item a.btn {

    background: rgba(255, 255, 255, 1);

    color: rgba(45, 45, 45, 1);

    border-radius: 50px;



}

.header_section_languae .contact_item a.btn > img {

    margin-right: 7px;

}

.home-slide .carousel-caption h2 {

    font-family: var(--font2);

    font-weight: 700;

    font-size: 44px;

    line-height: 100%;

    letter-spacing: 0%;

    text-align: center;

    text-transform: uppercase;

}

.home-slide .carousel-caption {

    max-width: 700px;

    margin: 0 auto;

    bottom: 15rem;

}

.home-slide .carousel-caption p{

    font-family: var(--font1);

    font-weight: 400;

    font-size: 18px;

    line-height: 100%;

    letter-spacing: 0%;

}

.slide-readmore-link a.btn {

    font-family: var(--font2);

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    border-radius: 50px;

    background-color: #fff;

    color: #000;

    border-color: transparent;

}

section.sub-banner {



    position: relative;

    top: -40px;

}

section.sub-banner img{

    filter: brightness(0.7);

}

/* .banner-shade {

    width: 99%;

    margin: 0 auto;

    position: relative;

    top: -37px;

} */

/* section.sub-banner {

    filter: brightness(0.5);

    background-size: cover;

    height: 350px;

    display: flex;

    align-items: end;

} */

.page-meta .breadcrumbs {

    padding: 10px 0;

    position: relative;

}

a.home-breadcrumb {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-family: var(--font1);
    font-size: 17px;
    background: #2b3990;
    border-radius: 22px;
    padding: 1px 13px;
}

.banner__img {

    margin: 0 auto;

    text-align: center;

}

.page-meta {

    position: absolute;

    bottom: 0;

}

span.seperator {

    color: #fff;

    padding: 0px 10px;

}

span.current-breadcrumb {

    color: #fff;

    font-weight: 700;

    font-family: var(--font1);

    font-size: 19px;

}

.group-mask.short-card.shadow-sm {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.about-content span.text-uppercase {

    font-family: var(--font2);

    font-weight: 900;

    font-size: 20px;

    line-height: 100%;

    letter-spacing: 0%;

    text-transform: uppercase;

}

.about-content p {

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 31px;

    letter-spacing: 0%;

    text-align: justify;

}

section.our-products {

    background-image: url(images/our-pd-bg.jpg);

}





.home h2 {

    font-family: var(--font2);

    font-weight: 900;

    font-size: 20px;

    line-height: 100%;

    letter-spacing: 0%;

    text-transform: uppercase;

}







.product-child-page .row {

    align-items: baseline;

}



section.our-products {

    padding: 100px 0;

}



.abouts-section {

    padding-bottom: 30px;

}



.product-child-page {

    border-radius: 30px;

    margin: 50px 0 50px;

    padding: 1.5rem;

    position: relative;

    z-index: 999;

}

.product-child-page:before {

    content: '';

    background: #fff;

    width: 100%;

    height: 267px;

    position: absolute;

    border-radius: 30px;

    left: 0;

    right: 0;

    top: 82px;

    z-index: -1;

}

.product_content h3 {

    font-family: var(--font2);

    font-weight: 700;

    font-size: 28px;

    line-height: 100%;

    letter-spacing: 0%;

    color: rgba(44, 53, 144, 1);

}

.product_content p {

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0%;

}

.product_content a {

    font-family: var(--font2);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    color: rgba(44, 53, 144, 1);

    text-decoration: none;

}

.home h3 {

    font-family: var(--font2);

    font-weight: 700;

    font-size: 44px;

    line-height: 100%;

    letter-spacing: 0%;

}

section.cement-production .row {

    align-items: center;

}

section.cement-production {

    padding: 80px 0;

}

.home p {

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 31px;

    letter-spacing: 0%;

}

.blog-content h3 {

    font-family: var(--font2);

    font-weight: 700;

    font-size: 24px;

    line-height: 100%;

    letter-spacing: 0%;

}

.blog-img {

    border-radius: 30px;

    overflow: hidden;

    display: inline-block;

}

.blog-content {

    padding: 1rem;

    display: inline-block;

}

p.post-date {

    color: rgba(44, 53, 144, 1);

    display: inline-block;

    background: #ddd;

    font-family: var(--font1);

    font-weight: 400;

    font-size: 14px;

    line-height: 100%;

    letter-spacing: 0%;

    padding: .5em;

    border-radius: 50px;

}



.blog_item a {

    text-decoration: none;

}

p.blog-more {

    font-family: var(--font2);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    color: rgba(44, 53, 144, 1);

}

.blog_item h3 {

    font-family: var(--font2);

    font-weight: 700;

    font-size: 24px;

    line-height: 100%;

    letter-spacing: 0%;

    color: rgba(45, 45, 45, 1);

    margin-bottom: 12px;

}

article#news-and-activities {

    padding: 100px 0;

}

.blogs {

    margin-top: 50px;

}

.address address span:nth-child(1) {

    max-width: 25%;

    flex: 0 0 25%;

}

.address address {

    display: flex;

}

.address address span:nth-child(1) {

    max-width: 25%;

    flex: 0 0 25%;

    font-family: var(--font1);

    font-weight: 700;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    text-align: justify;

}

address address span:nth-child(2){

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    text-align: justify;



}

.footer_widget.widget_two ul {

    padding-left: 0;

    list-style-type: none;

}



.footer_widget.widget_two ul li a {

    color: #fff;

    text-decoration: none;

    font-family: var(--font2);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

}

.footer_widget.widget_three p {

    font-family: var(--font1);

    font-weight: 400;

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0%;

}

.footer a.btn.btn-readmore {

    background: #ddd;

    color: rgba(44, 53, 144, 1) !important;

}



.footer_widget.widget_four ul li {

    display: inline-block;

    margin-right: 13px;

}

.footer_widget.widget_four ul {

    padding-left: 0;

    list-style-type: none;

}

.copyright {

    border-top: 1px solid #fff;

}

.copyright p {

    margin-bottom: 0;

    text-align: center;

    padding: 7px 0;

}

.copyright {

    border-top: 1px solid #fff;

}

.copyright p a{

    text-decoration: none;

    color:#fff;

}

.footer_widget h4 {

    margin: 40px 0 20px;

}

.copyright {

    border-top: 1px solid #fff;

    margin-top: 30px;

}

/* div#go-top {

    right: 100px;

    position: fixed;

    bottom: 18em;

    background: #fff;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 50%;

    color: var(--color1);

    font-weight: 800;

    box-shadow: 0px 1px 6px 2px #2c3590;

} */



/* scroll to top */

span.scroll-to-top__text {

    transform: rotate(-90deg);

    cursor: pointer;

    transition: all 0.2s ease;

    color: #F5B325;

}

.scroll-to-top__inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    color: #F5B325;

}



div#go-top {

    transform: rotate(-90deg);

    cursor: pointer;

    transition: all 0.2s ease;

    bottom: 4rem;

    position: fixed;

    right: 100px;

}

.go__top{

    animation: zump 2s linear infinite;

}

@keyframes zump {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  50% {

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

  }

  100% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.scroll-to-top {

  display: flex;

  align-items: center;

  width: auto;

  height: 35px;

  background: transparent;

  position: fixed;

  bottom: 60px;

  right: -12px;

  z-index: 99;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transform: rotate(-90deg);

  cursor: pointer;

  transition: all 0.2s ease;

}

.scroll-to-top__text {

  display: inline;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 700;

  margin-right: 8px;

}

.scroll-to-top__wrapper {

  display: inline-block;

  width: 30px;

  height: 4px;

  background-color: var(--cherito-base, #E23B33);

  position: relative;

  overflow: hidden;

}



.scroll-to-top.show {

  opacity: 1;

  visibility: visible;

  bottom: 70px;

}



.blog-feature-img img {

    object-position: 70% center;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.blog-feature-img {

    height: 400px;

    overflow: hidden;

    margin: 20px 0 30px;

    border-radius: 5px;

}

h1.home-page-title {

    margin-bottom: 12px;

    font-size: 30px;

    font-weight: 700;

    text-transform: capitalize;

    line-height: 1.333;

    color: var(--color1);

}

/* .wp-theme-ns-superkaw {

    background-image: url(images/contactus-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    backdrop-filter: contrast(0.2);

}

.home.wp-theme-ns-superkaw{

    background-image: none !important;

    backdrop-filter: none;

} */



/* .product-card {

    background-image: url(images/contactus-bg.jpg);

} */



.product_image img {

    animation: zump 2s linear infinite;

}

.inner__content {

    background-color: var(--color4);
    overflow-x: hidden;

}



.address span {

    font-family: 'Source Sans 3';

}



.content-wrapper h2 {

    font-family: 'DM Sans';

    font-size: 21px;

    font-weight: 700;

    color: var(--color1);

}



.content-wrapper p{

    font-family: var(--font1);

}



img.img-fluid.web-mask {

    margin-top: 30px;

    animation: moveHorizontal2 2s linear infinite;

    opacity: .3;

}



.inner__content h1 {

    font-size: 3rem !important;

    margin-bottom: 50px;

}



.show__content h3 {

    font-family: var(--font2);

    font-weight: 500;

}


.show__content ul {

    list-style-type: none;

}


.show__content ul li {

    position: relative;

    font-family: 'Source Sans 3';

    font-size: 16px;

    line-height: 2em;

}


.show__content ul li:before {

    content: '\F26C';

    position: absolute;

    left: -25px;

    font-family: 'bootstrap-icons' !important;

}


.show__content.super-strong-info ul li:before {
    color: #2b3990;
}


.show__content.super-strong-info h3 {
    color: var(--color1);
    font-weight: 600;
    font-family: 'DM Sans';
}

.product-card.shadow-sm {
    margin-bottom: 40px;
}


.article-content-info h3 {

    font-size: 20px;

    color: var(--color1);

    font-weight: 800;

}



.article-content-info p {

    font-family: 'Source Sans 3';

    font-size: 17px;

}



.article-img img {

    height: 284px;

    width: 100%;

    object-fit: cover;

    

}



.article-content {

    background: #fff;

    margin-bottom: 30px;

    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;

}



.article-content .row {

    align-items: center;

}



.except-link a {

    text-decoration: none;

    color: var(--color5);

    font-weight: 700;

}



.article-img a:before {

    /* content: '';

    position: absolute;

    background: rgba(255, 255, 255, .2);

    width: 100%;

    height: 100%;

    box-shadow: 3px 0px 9px 0px #333;

    transition: all 1s; */

}



.article-img a {

    display: block;

    position: relative;

}



.article-img a:hover:before {

    background-color: transparent;

}



.widget-info h3 {

    line-height: 16px;

}



.widget-info h3 a {

    font-size: 13px;

    text-decoration: none;

    color: var(--color3);

}



.widget-img img {

    height: 66px;

    width: 100%;

    object-fit: cover;

}



.row.m-top-15.mywidget {

    align-items: center;

}



.row.m-top-15.mywidget {

    align-items: center;

    margin-bottom: 22px;

}



h1.single-title {

    font-size: 2.1rem !important;

    margin-bottom: 0;

}



.widget h2 {

    color: #333;

    font-family: 'DM Sans';

}



span.parent_page a {

    text-decoration: none;

    color: #fff;

    font-weight: 700;

}



.inner__content h1.contact-title {

    color: var(--color1) !important;

}



.form-label-custom {

    display: block;

    color: var(--color3);

    font-weight: 400;

    font-size: 0.85rem;

    margin-bottom: 0px;

    font-family: 'DM Sans';

}



.contact__address address span{

    font-family: 'DM Sans';

}



.contact__address address span i.bi {

    color: var(--color1);

}



.contact__address address span:nth-child(1) {

    font-size: 18px;

}



.contact__address address {

    line-height: 2rem;

}



.contact-form .form-group {

    position: relative;

    background-color: transparent;

    border-radius: 0px;

    padding: 8px 16px 4px 16px;

    border-bottom: 2px solid var(--color3);

}



.article-content-info {

    padding: .5rem;

}



.page__my #menu ul li a.nav-link {

    font-size: 13px;

}

section.about__section h4 {
    font-family: var(--font1);
    color: #000;
    font-size: 30px;
}
section.about__section h1.about-title {
    margin-bottom: 14px;
}

.about__section_content p {
    font-family: 'DM Sans';
}
.about__section_content h3.wp-block-heading {
    font-size: 26px;
    color: #212529;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 30px;
}
.wp-block-columns.why-choose .wp-block-column {
    background: #fff;
    padding: 1em 1.5em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 11px;
}

.wp-block-columns.why-choose .wp-block-column h4.wp-block-heading {
    color: var(--color1);
    font-size: 23px;
    font-family: 'Source Sans 3';
    font-weight: 400;
}
.about__section_content ul{
    list-style-type: none;
}
.about__section_content ul li:before {
    content: '\F26C';
    position: absolute;
}
.about__section_content ul li {
    position: relative;
}

.about__section_content ul li:before {
    content: '\F26C';
    position: absolute;
    left: -22px;
    font-family: 'bootstrap-icons';
    color: var(--color1);
}

.page__my h1.about-title {
    font-family: var(--mm-font);
    font-size: 2.2em !important;
    line-height: 3.1rem;
}

.page__my .about__section_content p {
    font-family: var(--mm-font);
    font-size: 17px;
    line-height: 2rem;
}

.page__my .about__section_content ul li{
    line-height: 2rem;
}

.section_one {
    padding: 0 0 80px;
}

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

.section_one_detail {
    background: #fff;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    padding: 1.5em;
}

.section_two {
    background-image: url(images/cement-bg.png);
    padding: 60px 0;
    background-attachment: fixed;
    overflow-x: hidden;
}

/* .section_one_img img{
     animation: moveHorizontal2 2s linear infinite;
} */

.section_one_content p {
    font-family: 'DM Sans';
}

.section_one_content p strong {
    color: var(--color1);
}

.section_one_content {
    padding: 2rem;
}

.section_two_content h3 {
    color: var(--color1);
}

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

.section_three_content {
    background: #fff;
    padding: 1.5em;
    border-radius: 20px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.section_three_content h3 {
    color: var(--color1);
}

.section_three_content {
    animation: zump 2s linear infinite;
}

.section_four_info h3 {
    color: var(--color1);
    font-weight: 600;
    margin-bottom: 30px;
}

.section_four {
    padding: 50px 0;
}

.pd-tx h3 {
    font-size: 20px;
}
.pd-techo-content {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    height: 550px;
}

.pd-tx {
    padding: 2rem;
}

.section_five_wrap {
    background: #fff;
    padding: 1.5em;
    border-radius: 30px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.section_five {
    padding-bottom: 50px;
}

.page__our-products h1.about-title {
    margin-bottom: 8px;
}

.product-heading h3 {
    font-size: 21px;
    font-weight: 700;
    color: var(--secondary-red);
    margin-bottom: 30px;
}

.product__ft {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 17px;
}

.product__img_wrap {
    margin: 0 auto;
    text-align: center;
}
.product__img_wrap img {
    height: 400px;
    object-fit: cover;
}

.product_deatail_wrap h3 {
    color: #000;
    margin-bottom: 30px;
}

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

.product_deatail_wrap ul li:before {
    position: absolute;
    content: '\F26C';
    left: -25px;
    font-family: 'bootstrap-icons' !important;
    color: #2b3990;
}
.product_deatail_wrap ul li {
    position: relative;
}
.product_deatail_wrap ul {
    list-style-type: none;
}

.product_deatail_wrap {
    background: #fff;
    padding: 2rem 3rem;
    border-radius: 20px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

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

.product__img_wrap img {
    animation: moveHorizontal2 2s linear infinite;
}

.page__my h1.about-title {
    margin-bottom: 3px;
}

.page__my .pd-techo-content {
    height: 600px;
}

.category .page__my h1.about-title {
    margin-bottom: 30px;
}

h3.wp-block-accordion-heading {
    font-size: 19px;
    font-weight: 300;
}

h3.wp-block-accordion-heading button {
    background: #fff;
    padding: .8em 1rem;
}

.career_wrap h4.wp-block-heading {
    font-size: 20px;
    margin-bottom: 30px;
}
.career_wrap h3.wp-block-heading {
    margin-bottom: 30px;
}

.career_wrap h3.wp-block-accordion-heading button:hover, h3.wp-block-accordion-heading button:focus {
    text-decoration: none;
    outline: none;
    color: var(--color1);
}

.career_wrap .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.core-departments-col div.wp-block-column {
    padding: 1rem;
}


@keyframes moveHorizontal {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  50% {

    -webkit-transform: translate3d(15px, 0, 0);

    transform: translate3d(15px, 0, 0);

  }

  100% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes moveHorizontal2 {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  50% {

    -webkit-transform: translate3d(-15px, 0, 0);

    transform: translate3d(-15px, 0, 0);

  }

  100% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@media (max-width:767px){
    .header-section-logo {
        padding: 10px 0;
        margin: 0 auto;
        text-align: center;
    }
    .sm-view .contact_item {
        display: none;
    }
    .sm-view header.header-section {
        position: static;
        background: #212529;
    }
    .sm-view .home-slide {
        position: relative;
        margin-top: 31px;
        z-index: -1;
    }
    div#menu button i.bi {
        color: #fff;
        font-size: 37px;
    }
    div#menu button {
        border-color: transparent;
    }
}

@media (min-width:991.99px) and (max-width:1200.99px){
    .md-view ul.navbar-nav.header_menu {
        margin: 0;
    }
    .md-view #menu ul li a.nav-link {
        font-size: 13px;
    }
    .md-view .contact_item a {
        font-size: 14px;
    }
}

@media (min-width:1200.99px) and (max-width:1400.99px){
    .md-view #menu ul li a.nav-link {
        font-size: 15px;
    }
}

@media (min-width:768px) and (max-width:1550.99px){
    .md-view header.header-section {
        position: static;
        background: #212529;
        padding: 9px 0;
    }
    .md-view .banner__img img {
        clip-path: none !important;
    }

    .md-view section.sub-banner {
        position: static;
    }
    .md-view .banner__img {
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        overflow: hidden;
    }
    img.slide-item {
        clip-path: none !important;
    }

    .home-slide {
        position: static;
    }
}

@media (min-width:1550.99px) and (max-width:1800px){
    .md-view ul.navbar-nav.header_menu {
        background: transparent;
    }
    .md-view .banner__img img {
        clip-path: none !important;
    }

    .md-view section.sub-banner {
        position: static;
    }
    .md-view #menu ul li a.nav-link {
        color: #000;
        font-size: 15px;
    }
    .md-view div#menu {
        margin-top: -21px;
    }
    .md-view .home-slide{
        top:-42px;
    }
    .md-view img.slide-item{
        max-width:98%;
    }
    .md-view .banner__img img {
        max-width: 98% !important;
    }
    .md-view .navbar-nav .nav-link.active, 
    .md-view .navbar-nav .nav-link.show {
        color: var(--secondary-red) !important;
        font-weight: 700 !important;
    }
    
}