@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'), url('../fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'), url('../fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'), url('../fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'), url('../fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold.woff2') format('woff2'), url('../fonts/Oswald-Bold.woff') format('woff'), url('../fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.eot');
    src: url('../fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-ExtraLight.woff2') format('woff2'), url('../fonts/Oswald-ExtraLight.woff') format('woff'), url('../fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Heavy.eot');
    src: url('../fonts/Oswald-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Heavy.woff2') format('woff2'), url('../fonts/Oswald-Heavy.woff') format('woff'), url('../fonts/Oswald-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-DemiBold.eot');
    src: url('../fonts/Oswald-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-DemiBold.woff2') format('woff2'), url('../fonts/Oswald-DemiBold.woff') format('woff'), url('../fonts/Oswald-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light.woff2') format('woff2'), url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Demi-BoldItalic.eot');
    src: url('../fonts/Oswald-Demi-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Demi-BoldItalic.woff2') format('woff2'), url('../fonts/Oswald-Demi-BoldItalic.woff') format('woff'), url('../fonts/Oswald-Demi-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-RegularItalic.eot');
    src: url('../fonts/Oswald-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-RegularItalic.woff2') format('woff2'), url('../fonts/Oswald-RegularItalic.woff') format('woff'), url('../fonts/Oswald-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Medium.woff2') format('woff2'), url('../fonts/Oswald-Medium.woff') format('woff'), url('../fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Back to Black Demo';
    src: url('../fonts/BacktoBlackDemo.eot');
    src: url('../fonts/BacktoBlackDemo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BacktoBlackDemo.woff2') format('woff2'),
        url('../fonts/BacktoBlackDemo.woff') format('woff'),
        url('../fonts/BacktoBlackDemo.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.BacktoBlackDemo{font-family: 'Back to Black Demo';}

.Poppins_ft {
    font-family: 'Poppins';
}

.Oswald_ft {
    font-family: 'Oswald';
}


/*-----------------------------------------------
       reset css here
-----------------------------------------------*/

* {
    margin: 0;
    outline: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-family: 'Poppins';
    position: relative;
    outline: none;
    outline: none;
    -ms-overflow-style: scrollbar;
}

.bgred {
    background: #e31e25;
}

a {
    text-decoration: none;
    transition: all .5s ease;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #000;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none;
}

a:active,
a:focus,
a:visited {
    text-decoration: none;
}

p {
    padding: 0;
    line-height: 1.4em;
    text-align: left;
}

p.nom {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: '';
    display: block;
}

ul li {
    list-style: none;
}

ul {
    margin-bottom: 0;
}

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


/*-------------------------------------------------
       Heading css
-------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
}

button {
    outline: none !important;
}

:root {
    --lightgray: #FAFDFF;
    --white: #ffffff;
    --darkblue: #08345C;
    --black: #303031;
    --gray: #F8F9FA;
    --orange: #FB9D10;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

.img-res {
    max-width: 100%;
    max-height: 100%;
}


/*-------------------------------------------------
       Header css
-------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white);
    z-index: 99999;
    display: none;
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/Loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.scrollToTop {
    z-index: 999;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    border: 1px solid #f3be07;
    background: #f3be07;
    border-radius: 50%;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    color: #fff;
    line-height: 28px;
    display: none;
}

nav>ul>li>.btnnav {
    background: var(--orange);
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

nav>ul>li>.btnnav:hover {
    background: #064e8f;
    color: #fff;
}

.scrollToTop:hover {
    text-decoration: none;
    color: #fff;
    background: var(--green);
    border: 1px solid var(--green);
}

.scrollToTop:focus {
    color: #fff;
}

header {
    transition: all .5s ease-in-out;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky header {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 9;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) !important;
}

.sticky .logo>a {
    position: relative;
}

.sticky .logo,
.sticky .bg_header,
.sticky .logo>a {
    height: 80px;
}

.bg_header {
    background: var(--darkblue);
    height: 90px;
    z-index: 9;
}

.logo {
    height: 90px;
}

.logo>a {
    display: block;
    position: absolute;
    top: 0;
}

nav>ul {
    column-gap: 30px;
}

nav>ul>li {
    position: relative;
}

nav>ul>li>a {
    padding: 0px;
    color: var(--white);
    font-weight: 400;
    font-size: 17px;
    display: block;
    transition: all .5s ease-in-out;
}

.none_cls {
    display: none;
}

nav>ul>li>a:hover {
    color: var(--orange);
}

nav>ul>li>.activetop {
    color: var(--orange);
}

.getbox>a {
    background: var(--white);
    padding: 10px 10px;
    color: var(--orange);
    border-radius: 5px;
}

.getbox>a:hover {
    background: #705cfe;
    color: var(--white);
}

#barclick {
    display: none;
}

.nav_box {
    column-gap: 20px;
}

nav>ul .dropdown-toggle::after {
    margin-left: 11px;
    position: relative;
    top: 2px;
}

nav>ul>li>.dropdown-menu {
    border: 1px solid #ddd;
}

nav>ul>li>.dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 7px 10px;
}

nav>ul>li>.dropdown-menu .dropdown-item:hover {
    background: var(--orange);
    color: var(--white);
}

.mt_all {
    margin: 50px 0px;
}

.main_heading>h1,
.main_heading>h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.black_txt>h1,
.black_txt>p {
    color: var(--black);
}

.main_heading>h1>span {
    color: var(--orange);
}

.main_heading>p {
    font-size: 15px;
    line-height: 25px;
}


/*service*/

.bg_blue {
    background: var(--darkblue);
}

.bg_txt {
    background: url(../images/banner_txt.jpg)no-repeat;
    padding: 50px 0px;
    background-size: cover;
}

.banner_box {
    z-index: 1;
    position: relative;
}

.white_txt>h2,
.white_txt>p {
    color: var(--white);
}

.pdg_right {
    width: 45%;
}

.white_txt>p {
    text-align: left;
}

.box_card {
    column-gap: 15px;
}

.service_card {
    width: 49%;
    background: var(--white);
    border-radius: 10px;
}

.box_card {
    padding: 50px 0 0 0px;
}

.img_service {
    width: 170px;
    height: 170px;
    background: #08345c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -40px;
    margin-left: -28px;
}

.img_service>img {
    width: 63px;
    position: relative;
    top: 16px;
    left: 5px;
}

.service_txt {
    padding: 20px;
}

.service_txt>h4 {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.service_txt>p {
    text-align: left;
    font-size: 13px;
    line-height: 23px;
}

.service_card {
    margin-bottom: 60px;
}

.service_card>a {
    display: block;
}

.service_card,
.service_card>a {
    transition: all .5s ease-in-out;
}

.service_card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


/*service end*/


/*brand*/

.brand_wimg {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px;
    text-align: center;
	display: flex; justify-content: center;
}


/*brand end*/

.Industries_bg {
    background: url(../images/Industries_bg.jpg)no-repeat;
    padding: 50px 0px;
    background-size: cover;
}

.indus_box {
    margin-top: 50px;
    text-align: center;
}
.indus_box,.indus_box>span,.indus_box>span>img{transition: all .5s ease-in-out;}
.indus_box:hover span img{transform: rotate(360deg);}
.indus_box:hover span{transform: scale(1.1);}

.indus_box>span {
    display: block;
    width: 130px;
    margin: auto;
}

.indus_box>h5 {
    margin-top: 10px;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.main_heading>span {
    font-size: 20px;
}

.tes_card {
    margin: 80px 10px 10px 10px;
    text-align: center;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 18px;
    border: 1px solid #eee;
    border-radius: 30px;
}

.tes_card>span {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: -75px auto 20px auto;
    background: #fff;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tes_card>p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 13px;
}

.tes_card>h5 {
    margin-bottom: 10px;
    font-weight: 600;
    color: #705cfe;
    text-transform: uppercase;
    font-size: 15px;
}

.tes_card>h5>span {
    display: block;
    color: #828282;
    font-size: 13px;
    margin-top: 5px;
}

.light_blue {
    background: #FAFDFF;
    padding: 50px 0px;
}

.list_num {
    margin-top: 40px;
}

.list_num>ul>li {
    width: 20%;
    text-align: center;
    border-right: 1px solid #ddd;
}

.list_num>ul>li:last-child {
    border: none;
}

.list_num>ul>li>h5 {
    font-weight: 600;
    color: #705cfe;
    font-size: 22px;
}

.list_num>ul>li>span {
    font-size: 12px;
    display: block;
}

.brand_btm .main_heading {
    width: 30%;
}

.brand_logo {
    width: 70%;
}

.brand_logo {
    column-gap: 20px;
}

.brand_logo>span {
    width: 31%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
}


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

footer {
    background: var(--darkblue);
    padding: 40px 0 0 0px;
}

.address_box>span {
    display: block;
}

.social_box {
    margin: 20px 0px;
    column-gap: 20px;
}

.social_box>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: var(--white);
    border-radius: 50px;
    color: var(--darkblue);
    transition: all .5s ease-in-out;
}

.social_box>a:hover {
    transform: scale(1.1);
}

.address_cnt {
    padding: 0 30px;
}

.address_cnt>span {
    display: block;
    font-size: 12px;
    color: var(--white);
    margin-bottom: 20px;
}

.border_b {
    border-bottom: 1px solid #184d7d;
    padding-bottom: 20px;
}

.address_cnt>span>h5 {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.border_r {
    border-right: 1px solid #436d94;
}

.f_txt>h4 {
    font-weight: 600;
    font-size: 20px;
    color: var(--white);
    margin-bottom: 10px;
}

.f_txt>ul>li {
    position: relative;
}

.f_txt>ul>li::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 1px;
    background: var(--white);
    content: '';
}

.f_txt>ul>li>a {
    font-size: 12px;
    color: var(--white);
    padding-left: 20px;
    padding-bottom: 10px;
    display: block;
    transition: all .5s ease-in-out;
}

.f_txt>ul>li>a:hover {
    color: var(--orange);
}

.btm_rs {
    background: #022748;
    text-align: center;
    padding: 15px 0px;
}

.btm_rs>span {
    display: block;
    font-size: 12px;
    color: var(--white);
}

.video-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bfrbx::before {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    content: '';
    bottom: 0;
    top: 0;
    z-index: 1;
}
.img_box_colla{text-align: center; margin-bottom: 10px;}
.img_box_colla>img{padding: 10px;}
.videobx{margin-top: -91px; position: relative; display: flex; align-items: center;}
.videobx:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); content: '';}
.videobx>video{width: 100%; height: auto;}

.text_video{position: absolute;
    left: 0;
    right: 0;
   
    z-index: 1;
    color: #fff;
    width: 80%;
    margin: auto;}
.text_video>h4{    font-size: 40px;
    font-weight: bold;}
.text_video>p{font-size: 15px;}

/*======about us======*/

.inner-banner {
    position: relative;
    z-index: 0;
}

.about_tg{ padding: 10px 10px 10px 10px;}
.about_tg>h5{font-weight: 600;
    position: relative;
	padding-left: 15px; margin-bottom: 10px;
   }
.about_tg>h5>i{     font-weight: bold;   position: absolute;
    left: 0;
    font-size: 20px;}

.about_tg>p{ text-align: left;    color: var(--black);   font-size: 15px;
    line-height: 25px;}

.list_ul_number>li{    list-style: devanagari;}
.all_list >li>strong{font-size: 14px; font-weight: 600;}
.about_tg>p>strong{font-weight: 600;}


.graybx {
    background: var(--gray);
    padding: 20px 0px;
}

.about_top {
    background: url(../images/about_top.jpg) no-repeat center;
    background-size: cover;
}

.cs_top {
    background: url(../images/Coal_top.jpg) no-repeat center;
    background-size: cover;
}

.policy_top {
    background: url(../images/privacy_policy.jpg) no-repeat center;
    background-size: cover;    margin-top: -92px; height: 600px;
}

.smlate {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.inner-banner:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
}

.breadcrumb {
    padding: 80px 0;
}

.inner-title {
    display: block;
    width: 100%;
}

.inner-title>h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}

.shape {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 15px;
    left: 0;
}

.shape>svg {
    transform: scale(2);
    width: 100%;
    height: auto;
    transform-origin: top center;
    color: #f8f9fa;
}

.shp_top {
    margin-top: -18px;
}

.allpd {
    padding: 60px 0px;
}


/*contact us*/

.form_contact {
    width: 60%;
    margin: auto;
}

.form_contact>h2,
.form_contact>p {
    text-align: center;
}

.form_contact>h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 5px;
}

.form_contact>p {
    font-size: 15px;
}

.frm_input {
    margin-top: 20px;
}

.frm_input>input,
.frm_input>textarea {
    background: var(--white);
    border: 1px solid transparent;
    box-shadow: rgba(1, 1, 1, 0.05) 1px 1px 5px 0px;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 20px;
    font-weight: 500;
    width: 100%;
    border-radius: 0.25rem;
}

.btn_s {
    background: var(--green);
    color: var(--white);
    margin-top: 20px;
    font-size: 20px;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 6px;
}

.btn_s>i {
    margin-right: 8px;
}

.cng_contact .cn_txt>h6,
.cng_contact .cn_txt>a,
.cng_contact .cn_txt>p {
    color: var(--black);
}

.cng_contact .cnt_f>span {
    display: block;
    width: 22px;
    margin-right: 10px;
    margin-top: -3px;
}

.cng_contact>iframe {
    width: 100%;
    height: 300px;
    padding: 15px;
    background: var(--gray);
    margin-bottom: 20px;
}

.btn_s {
    background: var(--orange);
    color: var(--black);
    margin-top: 20px;
    font-size: 20px;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 6px;
    border: none;
}

.btn_s>i {
    margin-right: 8px;
}

.nav_f>ul>li {
    position: relative;
}

.b_cnt_r>li {
    margin-bottom: 10px;
}

.cng_contact .cnt_f>span {
    display: block;
    width: 22px;
    margin-right: 10px;
}

.cn_txt {
    width: 90%;
}

.cn_txt>h6,
.cn_txt>a {
    font-weight: 600;
    font-size: 16px;
    transition: all .5s ease-in-out;
}

.cn_txt>p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
}

.cng_contact .cn_txt>h6,
.cng_contact .cn_txt>a,
.cng_contact .cn_txt>p {
    color: var(--black);
}


/*contact us end*/

.all_list {
    padding-left: 20px;
}

.all_list>li {
    padding-bottom: 10px;
}

.nbr_list>li {
    list-style: decimal;
}

.ciclelist>li {
    list-style: disc;
}

.fntcng {
    margin-bottom: 30px;
}

.fntcng>h2 {
    font-size: 30px;
    text-transform: initial;
}

.fntcng>p>a {
    color: var(--orange);
}

.main_heading .hrds{    font-size: 17px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
    color: #383838;}
    
    .main_heading>h3{   
        font-weight: 600;
        margin-bottom: 10px;}


 .allison-regular {
  font-family: "Allison", cursive;
  font-weight: 400;
  font-style: normal;
}
    .indus_box,.indus_box>span,.indus_box>span>img{transition: all .5s ease-in-out;}
.indus_box:hover span img{transform: rotate(360deg);}
.indus_box:hover span{transform: scale(1.1);}
.main_heading>span {
    font-size: 18px;
    text-align: justify;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}
.dbng>p {
    text-align: justify;
}
.slide .slide__content--headings .title {
    white-space: nowrap;
}
.service_card{position: relative; overflow: hidden;}
.service_card,.hoverbox{transition: all .5s ease-in-out;}
.hoverbox{position: absolute;
    left: 0;
    right: 0;
    top: 100%;
   height: 100%;
   background: rgb(16 29 94 / 90%);
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    padding: 20px; display: flex; align-items: center; justify-content: center;}
    .hoverbox>p{    text-align: center;
    font-size: 14px;}
    .service_card:hover .hoverbox{top: 0;}

 .fw-md{font-weight: 600;}




.aset_box {

            margin-bottom: 40px;

        }



        .aset_box>h3 {

            font-weight: bold;

            margin-bottom: 10px;

            font-size: 22px;

            text-transform: initial;

        }



        .aset_box>p {

            font-size: 15px;

            line-height: 25px;

            color: var(--black);

        }



        .gallery_box {

            height: 260px;

            display: block;

            overflow: hidden;

            border: 7px solid #fff;

            border-radius: 15px;

            box-shadow: 2px 2px 2px #ddd;

			margin-bottom: 20px;

        }



        .gallery_box>a img {

            width: 100%;

            height: 100%;

        }


 .Marine_top {
    background: url(/images/Marine-Energy-spot.jpg) no-repeat center;
    background-size: cover;
}
.img_me{display: flex; align-items: center; column-gap: 10px; border: 1px solid #ddd; overflow: hidden; border-radius: 10px;}
.img_me>span{    width: 190px;}
.img_me>h4{    width: 90%;
    font-size: 14px;
    font-weight: 500;
    color: #08345c;}


 .aset_box{margin-bottom: 40px;}
    .aset_box>h3{    font-weight: bold; margin-bottom: 10px; font-size: 22px; text-transform: initial;}
    .aset_box>p{font-size: 15px; line-height: 25px; color: var(--black);}





.main_heading>h4{font-size: 18px; font-weight: 600; margin-bottom: 10px;    color: #08345c;}

   .signbx>h3{    font-weight: 600;

    color: #08345c;

    font-size: 20px;

    font-style: italic;}

   .signbx>span{    color: orange;

    font-weight: 500;

    font-style: italic;}

    .boxvm{    border: 1px solid #ddd;

    text-align: center;

    padding: 20px;

    background: #fff;

    border-radius: 5px;}

    .boxvm>h2{     font-size: 25px;

   color: #08345c;

    font-weight: bold;

    margin-bottom: 10px; }

    .boxvm>p{  font-size: 15px;

    line-height: 25px;    color: var(--black);}

    .chief_img>span{   

    display: block;}

    .chief_txt>h3,.chief_txt>span{text-transform: uppercase;     position: relative;

    z-index: 1;}

    .chief_txt>h3{font-size: 25px;

    font-weight: bold; color: #08345c;}

    .chief_txt>span{color: #fb9d10; font-size: 20px; font-weight: 500;}

    .chief_txt>p{     position: relative;

    z-index: 1;   font-size: 15px;

    line-height: 25px;}

   .chief_txt>a{      position: relative;

    z-index: 1;   background: #0077b5;

   

    display: flex;

    border-radius: 50px;

    color: #fff;

    align-items: center;

    column-gap: 10px;

    width: 35px; height: 35px;    justify-content: center;}

    .chief_txt>a>i{ 

   

    color: #fff;}

    .chief_txt{position: relative;}

    .chief_txt::after{content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    -webkit-mask-image: url(../images/arrow-bg.svg);

    mask-image: url(../images/arrow-bg.svg);

    -webkit-mask-size: auto;

    mask-size: auto;

    -webkit-mask-position: left center;

    mask-position: left center;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    background-color: #fbecda;

    z-index: 0;}
		  .main_heading>h4{      font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;}
  .black_txt>p>strong{font-weight: 600;}
.main_heading>h3>strong{font-weight: 700;}

    @media screen and (min-width: 640px) {

        .chief_txt {    width: 58%;

    padding-right: 20px;}



    }