.navbar-nav li:last-child a /*------------------------------------------------------------------
IMPORT FONTS
font-family: 'Heebo', sans-serif;
font-family: 'Questrial', sans-serif;
font-family: 'Yantramanav', sans-serif;
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Questrial:wght@100;300;400&family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
/*------------------------------------------------------------------
SKELETON
-------------------------------------------------------------------*/

.inner_detail img {
    width: 100%;
}

.widget_1 {
    padding: 25px;
    margin-top: 60px;
}

.widget_1 h2 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.widget_1 p {
    color: #fff;
    line-height: 40px;
}

.widget_1 a {
    color: #fff;
    font-size: 17px;
    background: #df1e25;
    padding: 8px;
    border-radius: 7px;
}






body {
font-size: 20px!important;
font-family: 'Heebo', sans-serif!important;
line-height: 40px!important;
color: #030301!important;
font-weight: 300!important;
}
p{
font-size: 18px;
line-height: 40px;
color: #030301;
font-weight: 300;
font-family: 'Heebo', sans-serif;
margin-bottom: 0rem;
}
a {
color: #292728;
transition: all .5s ease-out 0s;
text-decoration: none !important;
}
a:hover {
color: #ce180d!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Yantramanav', sans-serif;
color: #030301;
margin-bottom: 0;
}
h1 {
font-size: 125px;
line-height: 124px;
font-weight: 900;
position: relative;
z-index: 1;
}
h2 {
font-size: 90px;
line-height: 90px;
font-weight: 900;
}
h3 {
font-size: 70px;
font-weight: 800;
}
h4 {
font-size: 65px;
font-weight: 800;
}
h5 {
font-size: 60px;
font-weight: 600;
}
h6 {
font-size: 25px!important;
font-weight: 600;
}
.fontw300{
font-weight: 300!important;
}
.fontw400{
font-weight: 400!important;
}
.fontw500{
font-weight: 500!important;
}
.fontw600{
font-weight: 600!important;
}
.fontw700{
font-weight: 700!important;
}
.fontw800{
font-weight: 800!important;
}
.fontw900{
font-weight: 900!important;
}
.colorw{
color: #ffffff!important;
}
.colorb{
color: #414042!important;
}
.color-black{
    color: #030301!important;
}
.color-red{
color: #92140c!important;
}
.color-red2{
color: #df1e26!important;
}
.color-yellow{
color: #e59500!important;
}
/*------------------------------------------------------------------
PADDING/MARGIN CSS
-------------------------------------------------------------------*/
.padtop05{
padding-top: 05px;
}
.padtop10{
padding-top: 10px;
}
.padtop15{
padding-top: 15px;
}
.padtop20{
padding-top: 20px;
}
.padtop25{
padding-top: 25px;
}
.padtop30{
padding-top: 30px;
}
.padtop40{
padding-top: 40px;
}
.padtop50{
padding-top: 50px;
}
.padtop60{
padding-top: 60px;
}
.padtop70{
padding-top: 70px;
}
.padtop80{
padding-top: 80px;
}
.padtop100{
padding-top: 100px;
}
.padtop120{
padding-top: 120px;
}
.padtop140{
padding-top: 140px;
}
.padtop150{
padding-top: 150px;
}
.padtop80h{
padding-top: 65px;
}
.padtop190{
padding-top: 194px;
}
.padtop220{
padding-top: 220px;
}
.padtop275{
padding-top: 275px;
}
.padtop310{
padding-top: 370px;
}
.padtop375{
padding-top: 375px;
}
.marginm467 {
    margin-top: -467px;
}
.padbot20{
padding-bottom: 20px;
}
.padbot30{
padding-bottom: 30px;
}
.padbot40{
padding-bottom: 40px;
}
.padbot60{
padding-bottom: 60px;
}
.padbot70{
padding-bottom: 70px;
}
.padbot80{
padding-bottom: 80px;
}
.padbot100{
padding-bottom: 100px;
}
.padbot120{
padding-bottom: 120px;
}
.padbot130{
padding-bottom: 130px;
}
.padbot150{
padding-bottom: 150px;
}
.padleft10{
padding-left: 20px;
}
.padleft30{
padding-left: 30px;
}
.padleft30n{
padding-left: 40px;
}
.padleft25{
padding-left: 25px;
}
.padleft35{
padding-left: 34px;
}
.padleft40{
padding-left: 40px;
}
.padleft50{
padding-left: 50px;
}
.padleft60{
padding-left: 60px;
}
.padleft70{
padding-left: 70px;
}
.padleft81{
padding-left: 80px;
}
.padleft88{
padding-left: 96px;
}
.padleft96{
padding-left: 96px;
}
.padleft200{
padding-left: 200px;
}
.padright25{
padding-right: 25px;
}
.padright30{
padding-right: 30px;
}
.padright35{
padding-right: 34px;
}
.padright70{
padding-right: 70px;
}
.padleft80 {
padding-left: 57px;
}
.padleft55 {
padding-left: 55px;
}
.padleft65 {
padding-left: 65px;
}
.padleft8f{
padding-left: 8px;
}
.padleft10f{
padding-left: 5px;
}
.padright10f{
padding-right: 5px;
}
.padlr70{
padding-right: 70px;
padding-left:70px;
}
.mrtop3{
margin-top: 3px;
}
.mrtopm15{
margin-top: -15px;
}
.mrtopm31{
margin-top: -31px;
}
.mrtopm25 {
margin-top: -25px;
}
.mrtopm50 {
margin-top: -50px;
}
.mrtop35 {
margin-top: 35px;
}
.mrtopm63{
    margin-top: -63px;
}
.mrleftm15 {
margin-left: -15px;
}
.mrleftm35 {
margin-left: -35px;
} 
.mrleftm45{
margin-left: -87px;
}
.mrleftm80 {
    margin-left: -80px;
}
.mrright17{
    margin-right: 17px;
}
.mrrightm36 {
    margin-right: -36px;
}
.mrleft17{
    margin-left: 17px;
}
.mrtopm100 {
    margin-top: -100px;
}
.mrbtm40 {
    margin-bottom: -40px;
}

.mrtopm55 {
    margin-top: -55px;
}
.mrtop30{
    margin-top: 30px;
}
.mrbot30{
    margin-bottom: 30px;
}
/* product details */

#background-section{
 background-image: url(../images/bg_diamond.jpg);
    padding: 100px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#background-section::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000cc;
    top: 0;
    left: 0;
}
  .banner_text{
    position: relative;
    z-index: 1;
    top:-50px;
  }
.banner_text h2 {
  color:#fff;
  font-size: 2rem;
  padding-bottom: 10px;
}
.banner_text p {
  color: #fff;
  line-height: 30px;
}  
 /* button landing */

    button.navbar-toggler {
   background: #3a312c !important;
    border: none !important;
    padding: 10px 6px !important;
    outline: none !important;
}
.btn-diamond {
    background: #ffffff;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    border: solid 1px #ce180d;
    color: #ce180d;
}
.btn-diamond:hover{
    background: #ce180d !important;
    color: #ffffff!important;
}
/*------------------------------------------------------------------
HEADER
-------------------------------------------------------------------*/
.header_style_01{
position: absolute;
top: 0px;
width: 100%;
background-repeat: no-repeat;
background-position: 8em 0em;
z-index: 3;
background: #fffef9;
height: 85px;
padding: 16px 0px;
        box-shadow: 0px 0px 20px 0px #1e2b3f5e;
/*border-bottom: solid 1px #1a2631;*/
}
.header_style_01 .header-nav{
padding: 0;
}
.header-nav .navbar-toggler span {
background: #ffffff;
}
.header-nav .navbar-brand {
color: #111111;
font-weight: 800;
position: relative;
font-size: 23px;
}
.header-nav .navbar-brand span {
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
bottom: 12px;
right: -9px;
float: left;
}
.right-btn a{
display: inline-block;
padding: 5px 20px;
font-size: 18px;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #ff521b;
line-height: 25px;
float: right;
font-weight: 500;
}
.right-btn a:hover{
background-color: #ff521b;
color: #ffffff;
border: 1px solid #ff521b;
}
/*Navbar Toogle*/
.navbar-toggler {
background: #3a312c;
border: none;
padding: 10px 6px;
outline: none !important;
}
.navbar-toggler span {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.navbar-toggler span + span {
margin-top: 4px;
}
/**/
.navbar-expand-lg .navbar-nav .nav-link{
padding: 12px 0px 12px 0px;
margin: 0px 5px;
font-size: 20px;
line-height: 25px;
font-family: 'Yantramanav', sans-serif;
font-weight: 500;
color: #030301;
margin-left: 25px;
margin-right: 25px;
/*margin-top: 20px;*/
text-transform: uppercase;
transition: all .5s ease-out 0s;
/*border-bottom: 3px solid #ffffff;*/
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
background: none;
color: #ce180d;
border-radius: 0px;
transition: all .5s ease-out 0s;
/*border-bottom: 3px solid #ff521b;*/
}
.navbar-expand-lg .navbar-nav .nav-link span.active{
background: none;
    color: #df1e26;
border-radius: 0px;
}
span.active::after{
    content: '';
    display: block;
    position: relative;
    top: 18px;
    border-bottom: 3px solid #df1e26;
}
.fixed-menu span.active::after{
    content: '';
    display: block;
    position: relative;
    top: 2px;
    border-bottom: 3px solid #df1e26;
}
.fixed-menu .dropdown span.active::after{
        border-bottom: none;
    top: 0px;
}

.dropdown-toggle::after {display: none !important;}

.header_style_01 .navbar-brand {
padding: 0px 0px 0px 0px;
height: auto;
}
.header_style_01.fixed-menu .navbar-brand{
margin-top: 0px !important;
}
.header_style_01 .navbar-brand img {
width: auto;
/*margin-top: -18px;*/
}
.header_style_01 .navbar-default .navbar-nav > li > a {
border-radius: 0;
color: #222222;
font-size: 18px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
background-color: transparent;
}
.header_style_01 .navbar-default .navbar-nav > li a {
background-color: transparent !important;
}
.header_style_01 .navbar-default .navbar-nav > li:hover a,
.header_style_01 .navbar-default .navbar-nav > li:focus a {
color: #ff521b;
}
.header_style_01 .navbar-right > li {
margin-top: 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header_style_01 .navbar-right > li > a {
padding-bottom: 10px;
padding-top: 10px;
}
li.social-links {
margin: 0 8px;
display: inline-block;
font-size: 20px;
}
li.social-links a {
padding: 0px 0 !important;
color: #ffffff;
display: inline-block;
}
li.social-links a:hover {
    
color: #ff521b;
}
.header_style_01.fixed-menu .navbar{
padding: 0rem 1rem;
}
.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{
margin-top: 0px !important;
padding: 10px 0px 0px 0px ;
/* 0px 15px 0 0  */
}
.header_style_01.fixed-menu .linegreytop {
margin-top: -2px;
}
.header_style_01.fixed-menu{
position: fixed;
visibility: hidden;
left: 0px;
top: 0px;
height: 80px;
width: 100%;
z-index: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.header_style_01.fixed-menu{
padding: 20px 0px 0px 0px;
border-bottom: 0;
box-shadow: 0px 0px 20px 0px #1e2b3f5e;
}
.navbar-nav li {
    display:flex !important;
    align-items:center;
position: relative;
}
.header_style_01.fixed-menu .navbar-brand img {
width: auto;
/*margin-top: 1px;*/
}
body.app_version .header_style_01.fixed-menu{
top: 0px;
}
.toptitlefont {
font-family: 'Yantramanav', serif;
font-size: 16px;
line-height: 25px;
color: #404040;
z-index: 4;
font-weight: 400;
position: relative;
float: right;
padding-top: 15px;
padding-right: 0px;
}
.linegreytop{
margin-top: 30px;
font-size: 16px;
color:#000000;
}
.navbar-nav li:last-child a{
padding-right: 0px ;
margin-right: 0px ;
}
.line-height100{
    line-height: 100px;
}
.line-height80{
    line-height: 80px;
}
/*------------------------------------------------------------------
intro section
-------------------------------------------------------------------*/
.headerbg{
background: url(../images/header-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
}

.top-font17{
font-size: 17px;
line-height: 25px;
font-family: 'Playfair Display', serif;
}
.title-font45{
font-size: 45px;
font-family: 'Playfair Display', serif;
font-weight: bold;
}
.mrtl-header {
margin-left: -117px;
}
.font22{
font-size: 22px;
line-height: 40px;
z-index: 1;
position: relative;
}
.font22-title{
    font-size: 22px;
}
.story-submit {
color:#fff;
padding:10px 20px;
border-radius:10px;
background: #ffffff;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #000000;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 0px 20px 0px #48484829;
}
.story-submit:hover {
color: #FFF;
border-radius:10px;
border: none;
background: #df1e26;
transition:ease 0.5s;
}
.story-submit i{
    color: #000000;
    transition:ease 0.5s;
}
.story-submit:hover i{
    color: #ffffff;
    transition:ease 0.5s;
}
.story-submit2 {
    color: #fff;
    padding: 10px 20px !important;
    border-radius: 10px;
    background: linear-gradient(135deg, #df1e26,#ed1c24);
    border: none;
    transition: ease 0.5s;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.story-submit2:hover {
    color: #FFF !important;
    border-radius: 10px;
    border: none;
    background: #00768d ;
    transition: ease 0.5s;
}

.story-submit2:hover::before {
    opacity: 1;
}

.story-submit2::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 10px;
    /* border: 2px solid #00768d ; */
    opacity: 0;
    transition: opacity 0.5s ease;
}
/* .story-submit2 i{
    color: #000000;
    transition:ease 0.5s;
} */
.story-submit2.bg-buy-option2 i{
    color: #ffffff;
    transition:ease 0.5s;
}
.portalbtn {
padding:4px 15px;
border-radius:5px;
background-color:#0d3f4b;
border: 2px solid #4c7580;
transition:ease 0.5s;
color: #fff;
cursor: pointer;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 16px;
line-height: 30px;
text-transform: none;
font-weight: 400;
box-shadow: 0px 0px 20px 0px #48484829;
margin-right:30px;
}
.portalbtn:hover {
color: #FFF;
border-radius:5px;
border: none;
background: #4c7580;
transition:ease 0.5s;
border: 2px solid #4c7580;
}


.kit-submit {
color:#fff;
padding:18px 30px;
border-radius:10px;
background: #00768d;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}
.kit-submit:hover {
color: #FFF;
border-radius: 5px;
border: none;
background: #ce180d;
transition:ease 0.5s;
}
/*---------------------------------
generation section
----------------------------------*/
.line-height45{
line-height: 45px;   
}
.bg-lite-grey{
background: #effbfb url(../images/pattern-lite.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
.bg-lite-grey2{
    background: #f0f2f2;
     background-image: linear-gradient(#f0f2f2, #e9f7fa);
}
.bg-lite-blue{
background: #00768d url(../images/pattern-dark.webp);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.font28{
    font-size: 28px;
}
/*---------------------------------
product section
----------------------------------*/
.img_sec img {
    width: 100%;
    margin-top: 15px;
}

hr.divide {
   background: -moz-linear-gradient(left,  #a2e08a 31%, #a2e08a 31%, #66d9e4 32%, #66d9e4 69%, #db9991 69%, #db9991 69%, #db9991 100%);
    background: -webkit-linear-gradient(left,  #a2e08a 31%,#a2e08a 31%,#66d9e4 32%,#66d9e4  69%,#db9991 69%,#db9991 69%,#db9991 100%);
    background: linear-gradient(to right,  #a2e08a 31%,#a2e08a 31%,#66d9e4  32%,#66d9e4  69%,#db9991 69%,#db9991 69%,#db9991 100%);
    height: 2px;
    border: none;
    width: 50%;
}

.details_inn {
    text-align: center;
    padding: 60px 0px !important;
}
.bg_main {
    background: url(../images//bg_thumb.jpg);
    width: 100% !important;
    float: left;
    padding: 55px 0px;
    min-height: 545px;
    background-position: center;
    margin-top: 80px;
    background-size: cover;
}
section.madera_block {
    background: #f1f1f1;
    padding: 60px 0px;
}
section.choose_block {
    padding: 60px 0px;
}
.right-sky{
    background: url(../images/right-icon-sky.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px; /* Adjust padding as needed */
}
.font30{
font-family: 'Heebo', sans-serif;
font-size: 30px;
color: #ffffff;
    font-weight: 600;
}
.font-pos{
margin-top: -127px;
margin-left: 45px;
}
.font30-heebo{
font-size: 30px;
line-height: 30px;
}
.font17{
font-family: 'Heebo', sans-serif;
font-size: 17px; 
    font-weight: 400;
}
.font17-grey{
font-size: 17px;
    color: #6d6e71;
}
.br-right::after {
content: '';
display: block;
border-right: solid 1px #e8e8e8;
width: 1px;
height: 74px;
float: right;
position: relative;
top: -71px;
right: 24px;
}
.bg-whtbox{
    background: #ffffff;
    padding: 44px 54px;
    border-radius: 5px;
}
/*---------------------------------
limelight section
----------------------------------*/
.border-all{
box-shadow: 0px 0px 20px 0px #ececec;
padding: 38px 33px;
    margin: 20px;
}
.font23{
font-size: 23px;
    line-height: 33px;
font-weight: 400;
}
.text-border::after {
content: '';
display: block;
border-bottom: solid 1px #77b8c4;
width: 85px;
float: right;
position: relative;
right: -89px;
top: -25px;
}
.text-border2::after {
content: '';
display: block;
border-bottom: solid 1px #78b9c4;
width: 122px;
float: right;
position: relative;
right: -45px;
top: -21px;
}
.br-b{
border-bottom: solid 1px #115566;
}
.circle-arrow-b {
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: #414042;
border-radius: 43px;
padding: 2px 5px 1px 5px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;
}
.circle-arrow {
font-size: 16px;
font-weight: 600;
color: #927454;
background: #ffffff;
border-radius: 43px;
padding: 2px 6px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;
}
.border-hover:hover .circle-arrow{
background: #df1e26;
    color: #ffffff;
transition: all .5s ease-out 0s;
}
.border-hover:hover p{
   color: #df1e26; 
transition: all .5s ease-out 0s;
}
.circle-arrow2 {
font-size: 23px;
font-weight: 600;
color: #df1e26;
vertical-align:middle;

/*
background: #df1e26;
border-radius: 43px;
    padding: 5px 7px 3px 7px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;*/
}
/*------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/
.footerbg{
background: linear-gradient(to right, #0d3f4b 66%, #072026 34%);
}
.bordertopf{
border-top: solid 1px #2b2b2b;
}
.footerbg2{
background: #102329;
}
.footertb50{
padding-top: 50px;
padding-bottom: 20px;
}
.footerfont20{
font-size: 20px;
font-weight: 400;
color: #ffffff;
font-family: 'Barlow', sans-serif;
}
.footerfont18{
font-size: 17px;
line-height: 25px;
color: #ffffff;
font-family: 'Barlow', sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.footerfont15{
font-size: 15px;
line-height: 31px;
color: #a2a2a2;
font-family: 'Roboto', sans-serif;
}
.padtb10{
padding-top: 10px;
padding-bottom: 10px;
}
.footerfont13{
font-size: 13px;
line-height: 35px;
color: #4c7580;
}
.footerbg a{
color: #a3c4cc;
}
.footerbg a:hover{
color: #ffffff;
}
.footerbg2 a{
color: #4c7580;
}
.footerbg2 a:hover{
color: #ffffff;
}
.footerbg3 a{
color: #4c7580;
}
.footerbg2 a:hover{
color: #ffffff;
}
.dmtop {
background-color: #ce180d;
z-index: 100;
width: 40px;
height: 40px;
line-height: 37px;
position: fixed;
bottom: -100px;
border-radius: 3px;
border:none;
right: 20px;
text-align: center;
font-size: 28px;
color: #ffffff !important;
cursor: pointer;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.font15{
font-size: 15px;
line-height: 25px;
color: #a3c4cc;
}
.font15-pera{
font-size: 15px;
line-height: 23px;
}

.socialicon{
font-size: 12px;
background: #00294d;
padding: 6px 8px;
border-radius: 26px;
color: #457f98;
font-weight: bold;
transition: all .5s ease-out 0s;
}
.socialicon:hover{
background: #ffffff;
cursor: pointer;
transition: all .5s ease-out 0s;
}

/* Hover effect */
.icon-effect .icon {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.icon-effect .icon:after {
  top: -5px;
  left: -5px;
  padding: 5px;
  box-shadow: 0 0 0 1px #f1f1f1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.icon-effect-1a .icon:hover {
  background-color: #f1f1f1;
  color: #2f6080;
}
.icon-effect-1a .icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Ul styles */
ul {
  list-style: none;
    padding: 0;
        margin-bottom: 0;
}
ul > li {
  display: inline;
}
.icon {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  font-size: 14px;
  color: #0d3f4b!important;
  line-height: 29px;
  text-align: center;
  background-color: #4c7580;
}
.icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.icon2 {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  font-size: 13px;
  color: #ffffff!important;
  line-height: 29px;
  text-align: center;
  background-color: #00768d;
}
.icon2:hover{
    color:#00768d; 
  background-color: #df1e26;
}
.icon2:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.owl-carousel .owl-item img{
    width: auto!important;
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 45%;
  font-size: 23px;
    font-weight: bold;
  color: #fff;
  background: #df1e26;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: 0px;
    transform: rotate(182deg);
}

.owl-carousel .owl-next {
  right: 0px;
}

/*------------------------------------------------------------------
about page
-------------------------------------------------------------------*/

.font80{
    font-size: 80px;
    line-height: 90px;
}
.font35{
    font-size: 35px;
    color: #df1e26;
}
.font35-title{
    font-size: 35px;
}
.font25{
    font-size: 25px;
}
.font40{
    font-size: 40px;
}
.font45{
    font-size: 45px;
    color: #00768d;
    font-weight: 600;
}
.font45-title{
    font-size: 45px;
}
.font50{
    font-size: 50px;
}
.font55{
    font-size: 55px;
}
.font75{
    font-size: 75px;
}
.border-number{
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;
    color: #f0f2f2;
}
.border-number2{
    text-shadow: -1px -1px 0 #df1e26, 1px -1px 0 #df1e26, -1px 1px 0 #df1e26, 1px 1px 0 #df1e26;
    color: #ffffff;
}
.border-number3{
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;
    color: #e9f7fa;
}
.line-height35{
    line-height: 35px;
}
.line-height30{
    line-height: 30px;
}
.wht-bg {
    background: #ffffff;
    padding: 80px 125px 0px 125px;
    margin-top: -90px;
}
.border-top1{
    border-top: solid 1px #545454;
}
.border-top2{
    border-top: solid 1px #fff;
	opacity: 0.4;
}/*
.border-top3{
    border-top: solid 1px #ddd;
}*/
.sky-line{
    padding-left: 85px;
    margin-bottom: -66px;
}
.legacy-bg{
background: url(../images/legacy-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
}
.legacyw90pr{
	width:90%;
	margin:0 auto;
}
/*------------------------------------------------------------------
leadership page
-------------------------------------------------------------------*/
.leadershipmainpic {
    width: 100%;
    height: 700px;
}
.bg-experience{
    background: #00768d url(../images/experience-bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-leader{
    background: #00768d url(../images/leadership-bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.box-leadership img{
       padding: 1rem;
       height: 320px;
       border-radius: 20% 20% 15% 30%;
}
.box-leadership2{
  padding: 0 18px 18px 18px;
    background: #ffffff;
    text-align: center;
}

.leadership-profile-card {
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.leadership-profile-card:hover {
    transform: translateY(-2px);
}

.leadership-profile-card .leadership-card-more {
    color: inherit;
}
.box-leadership3{
  padding: 30px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.border-img{
        border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.font30-title{
    font-size: 30px;
    color: #313131;
}
.font26-title{
    font-size: 26px;
    color: #313131;
}
.font26{
    font-size: 26px;
}
.font18-title{
    font-size: 18px;
    font-weight: 400;
    color: #313131;
}
.font16-title{
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
        font-family: 'Yantramanav', sans-serif;
}
.font16-title a{
    color: #7f7f7f;
}
.font16-title a:hover{
    color: #df1e26;
}
.bg-grey{
    background: #f6f6f6;
}
/*------------------------------------------------------------------
leadership profile page
-------------------------------------------------------------------*/
.bg-profile{
      background: #00768d url(../images/profile-bg-common.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.bg-profile-akc{
      background: #00768d url(../images/akhilesh-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.bg-profile-abc{
      background: #00768d url(../images/abhishek-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.left-line{
    border-left: solid 2px #8a8a8a;
    margin-left: 90px;
}
.sm-box{
        box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    padding: 6px 19px;
    margin-top: 13px;
    border-radius: 5px;
}
.font18{
    font-size: 18px;
}    
.breadcrumbs-sm a{
    color: #ffffff;
}
.breadcrumbs-sm a:hover{
    color: #df1e26;
}

/*------------------------------------------------------------------
Partners page
-------------------------------------------------------------------*/
.bg-partners{
      background: #00768d url(../images/partners-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.red-line{
    border-left: solid 5px #df1e26;
    padding-left: 40px;
}
.test-box{
    padding: 23px 60px 50px 60px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}
.test-box2{
    padding: 23px 60px 65px 60px;
    background: #00768d;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    
}
.test-box3{
    padding: 1rem 1.5rem;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #2d2d2d2e;
    border-radius: 8px;
    
}
.border-rt{
   border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mrbtml44 {
    margin-bottom: -44px;
    margin-left: -14px;
}
.bg-lite-sky{
    background: #effbfb;
}
.color-grey{
    color: #414042;
}
.test-font20{
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #545454;
}
.test-font16{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #545454;
}
.opportunity-box{
    padding: 50px 35px 50px 35px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}
/*------------------------------------------------------------------
partner page
-------------------------------------------------------------------*/
.bg-prime-partner{
   background: #00768d url(../images/prime-partner.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover; 
}
.prime-box{
  background: #ffffff;
  border-radius: 8px;
  padding: 70px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.prime-box2{
  background: #ffffff;
  border-radius: 8px;
  padding: 0px 70px 60px 0px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.kit-pos-tl {
    margin-top: 100px;
    margin-left: -80px;
}
.font20{
  font-size: 20px;
}
.font21{
  font-size: 21px;
}

.font-box{
  background: #ffffff;
  border-radius: 8px;
  padding: 5px 20px;  
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
      position: relative;
    z-index: 1;
    top: 43px;
}
.font-box2{
  background: #ffffff;
  border-radius: 8px;
  padding: 5px 20px;  
  box-shadow: 0px 0px 20px 0px #2c2c2c1c;
      position: relative;
    z-index: 1;
    top: -20px;
    display: inline-block;
}
.arrow-pos {
    z-index: 1;
    position: relative;
    top: 43px;
    left: 43px;
    float: left;
}
.arrow-pos2 {
    z-index: 1;
    position: relative;
    top: -20px;
    left: 43px;
    float: left;
}
.form-box{
  background: #ffffff;
  border-radius: 5px;
  padding: 0px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.mrbotm50{
  margin-bottom: -35px;

}

.form-select-text{
 border: solid 1px #c6c6c6;
    color: #183242 !important;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    width: 100%;
    border-radius: 0px;
    padding: 5px 18px 5px 18px;
    border-radius: 5px;
}
input::placeholder {
color: #183242;
}
textarea::placeholder {
color: #183242;  
}

.form-group {
    margin-bottom: 0rem;
}
.errorfont{
    position: absolute;
    color: #df1e26;
    font-size: 15px;
    text-align: left;
}
.funding-submit {
color:#fff;
padding:17px 20px 17px 20px;
border-radius:8px;
background: #00768d;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-weight: 600;
    width: 100%;
}
.funding-submit:hover {
color: #FFF;
border-radius: 5px;
border: none;
background: #800d11;
transition:ease 0.5s;
}
/*redio*/

.rdio {
  position: relative;
}
.rdio input[type="radio"] {
  opacity: 0;
}
.rdio label {
  padding-left: 10px;
  cursor: pointer;
    font-size: 13px;
    font-weight: 400;
  margin-bottom: 2px !important;
}
.rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 11px;
  left: 16px;
  content: '';
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #5a3e3a;
  background: #fff;
}
.rdio input[type="radio"] {
  margin: 0px;
}
.rdio input[type="radio"]:disabled + label {
  color: #999;
}
.rdio input[type="radio"]:disabled + label:before {
  background-color: #5a3e3a;
}
.rdio input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  top: 15px;
  left: 20px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #5a3e3a;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
  border-color: #5a3e3a;
}

.rdio-primary input[type="radio"]:checked + label:before {
  border-color: #5a3e3a;
}
.rdio-primary input[type="radio"]:checked + label::after {
  background-color: #5a3e3a;
}
/*------------------------------------------------------------------
architech page
-------------------------------------------------------------------*/
.bg-architech{
      background: #00768d url(../images/architech-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
  .bg-veneers{
         background: #df1e26 url(../images/veneers-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
  .color-sky{
    color: #00768d;
  }
  .ar-kit-bg{
    background: url(../images/kit-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .discuss-box{
    padding: 50px 55px 0px 55px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}

/*---------------------------------
product range page
----------------------------------*/
.bg-product-range{
    background: url(https://duroply.in/images/durocover.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
  }
  .duromarine-product .bg-product-range {
    background: url(https://duroply.in/images/durocover.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.border-all2{
    border: solid 1px #dadada;
    border-radius: 5px;
    background: #ffffff;
}
.padlr50{
    padding: 25px 50px 40px 50px;
    background: #ffffff;
       border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.padlr50-2 {
    padding: 50px 50px 40px 50px;
    background: #ffffff;
       border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.padlr50-3 {
    padding: 40px 50px 60px 50px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.font14{
  font-size: 14px;
    color: #95b9c4;
}
.bg-half-blue{
background: linear-gradient(to left, #006a80 50%, #00768d 50%);
}
.test-box4{
    padding: 0px 50px 0px 30px;
    
}
.test-box5{
    padding: 0px 10px 0px 30px;
    
}
.font24{
    font-family: 'Georgia', serif;
    font-size: 24px;
    line-height: 34px;
}
.test-font30{
     font-family: 'Yantramanav', serif;
    color: #00768d;
    font-size: 30px;
    font-weight: 600;
}

.test-font17{
    font-size: 17px;
    color: #66bbcc;
    font-weight: 600;
}

.test-font15{
    font-size: 15px;
    color: #66bbcc;
    font-weight: 400;
}
.test-font16{
    font-size: 16px;
}
.bg-sky{
    background: #00768d;
}
.boxshadow{
  box-shadow: 0px 0px 20px 0px #ababab40;
}
.calalog-box{
    padding: 40px 80px;
}
.calalog-box2{
    padding: 50px 80px;
    background: #effbfb;
}
.line-height61{
    line-height: 61px;
}
.bg-buy-option{
    background: url(../images/product-range/buying-option.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bg-buy-option2{
    background: url(../images/veneers/buy-option.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bg-buy-option3{
    background: url(../images/doors/buying-option.png) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bg-wht-box{
    background: #ffffff;
    border-radius: 5px;
  box-shadow: 0px 0px 20px 0px #ababab40;
        margin-top: -58px;
}
.bg-pad-buying{
    padding: 70px 35px 65px 80px;
}
.bg-pad-buying2{
    padding: 70px 45px 65px 50px;
}

/*---------------------------------
career page
----------------------------------*/
.bg-career-range{
      background: #00768d url(../images/career-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
.bg-contact{
      background: #00768d url(../images/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: ;
  }
.box-wht-shadow{
    padding: 40px 26px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
}
.bg-lite-blue2{
    background: #effbfb;
  box-shadow: 0px 0px 20px 0px #ababab40; 
    padding: 70px 70px;
}
.icon-effect {white-space: nowrap;}

/*---------------------------------
veeneers page
----------------------------------*/

.bg-veeneer-range{
      background: #00768d url(../images/veeneers-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }

/*---------------------------------
experience section
----------------------------------*/
.location-box{
    padding: 0px 90px 90px 90px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
        margin-top: -150px;
    background: #ffffff;
}
/*------------------------------------------------------------------
contact page
-------------------------------------------------------------------*/
.bg-black{
    background: #df1e26;
    padding: 40px 60px;
    border-radius: 5px 0px 0px 5px;
}
.bg-contact-map{
    background: url(../images/google-map.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.border_r{
    border-radius: 0px 5px 5px 0px;
}
.contact-link a{
    color: #ffffff;
}
.padall50{
    padding: 40px 40px 40px 40px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
}
.bg-black2{
   background: #3b3b3b url(../images/bg-contact-form.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*---------------------------------
doors page
----------------------------------*/
.bg-doors-top{
      background: #00768d url(../images/doors/door-header.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }

@media (min-width:991px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
     transition: all .8s;
  }

  }
.dropdown-toggle::after {
    display: none;
}
.dropdown span::after{
        display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: .255em;
    content: "";   
    float: right;
    top: -2px;
        margin-top: 10px;
		color: #999;
border-top: .3em solid;
border-right: .20em solid transparent;
border-bottom: 0;
border-left: .20em solid transparent;
}
.dropdown-menu{
    left: 28px;
      transition: all .8s;
	top:60px;
	border-radius:0px 0px 5px 5px;
	padding-top:0px;
padding-bottom:0px;
}
.dropdown-item{
    /*border-bottom: solid 1px #efefef;*/
	text-transform: uppercase;
    font-size: 16px;
	padding: 7px 30px 7px 30px;
    font-weight: 500;
	border-bottom: 1px solid #ddd;
	
}
.dropdown-item:last-child{
    border-bottom: none;
}

.dropdown:hover{
        transition: all .8s;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
	background:#fff;
	color:#df1e26;
}
.dropdown-menu .dropdown-item:last:child{
	border-radius:0px 0px 5px 5px;
}

.header_style_01.fixed-menu .dropdown-menu{
	top:45px;
}


.accordion {
  margin-top: 40px;
}
.accordion .card {
  border: none;
  margin-bottom: 0px;
}
.accordion .card h2 {
  background: url(../images/minus-icon.png) no-repeat calc(100% - 10px) center;
  cursor: pointer;
 font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}
.accordion .card h2.collapsed {
  background-image: url(../images/plus-icon.png);
}
.accordion .card-body {
  padding-left: 0px;
  padding-right: 0;
    padding-bottom: 40px;
    background: #effbfb;
}
.card-head{
    background: #effbfb;
    border-bottom: solid 1px #e9e9e9;
}
.card:last-child .card-head{
    border-bottom: solid 1px #e9e9e9;
}

.body-box{
    background: #ffffff;
    padding: 35px 35px;
    border-radius: 5px;
}
.accordion .card .card-body p{
	font-size:17px;
	font-weight:300;
	line-height: 28px;
}



#accordionExample2.accordion {
  /*margin-top: 40px;*/margin-top: 0px;
}
#accordionExample2.accordion .card {
  border: none;
  margin-bottom: 0px;
}
#accordionExample2.accordion .card h2 {
  background: url(../images/minus-icon2.png) no-repeat calc(100% - 10px) center;
  cursor: pointer;
 font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff!important;
}
#accordionExample2.accordion .card h2.collapsed {
  background-image: url(../images/plus-icon2.png);
}
#accordionExample2.accordion .card-body {
  padding-left: 0px;
  padding-right: 0;
    padding-bottom: 40px;
    background: #00768d;
}
#accordionExample2 .card-head{
    background: #00768d;
    border-bottom: solid 1px #05859e;
}
#accordionExample2 .card:last-child .card-head{
    border-bottom: solid 1px #05859e;
}

#accordionExample2 .body-box{
    background: #00768d;
    padding: 35px 35px;
    border-radius: 5px;
}
#accordionExample2.accordion .card .card-body p{
	font-size:17px;
	font-weight:300;
	line-height: 28px;
}


.btn-download{
 background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ce180d;
    color: #ce180d;
}
.btn-download:hover{
    background: #ce180d;
    color: #ffffff!important;
}
.btn-download2{
 background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ffffff;
    color: #ffffff;
}
.btn-download2:hover{
    background: #ce180d;
    border: solid 1px #ce180d;
    color: #ffffff!important;
}
.btn-mediakit {
    font-size: 22px;
    border-radius: 8px;
    background-color: #156;
    color: #fff;
    border: solid 1px #115566;
}
.btn-mediakit:hover{
    background: transparent;
    color: #156 !important;
}
.bg-lite-sky2{
    background: #effbfb url(../images/financial-result.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.bg-sky2{
    background: #00768d url(../images/announcement.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.bg-investor-top{
      background: #00768d url(../images/investor-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
.dpdf i{
  font-size: 25px;
    position: relative;
    top: 8px;
}
.icon-red{
    color: #df1e26;
}
.border-all2 img {
    border-radius: 5px 5px 0px 0px;
}
.border-all2 .noborder{
border:0px!important;
}

.font19{
    font-size: 19px;
}

.pressrelease-box .press-rel-col {
    display: none;
}
.ldmr-box {
    text-align: center;
}
.ldmr-btn{
    padding: 7px 25px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #4c7580;
    transition: ease 0.5s;
    color: #0d3f4b;
    cursor: pointer;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    text-transform: none;
    font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}
  
.ldmr-btn:hover{
    color: #FFF !important;
    border-radius: 5px;
    border: none;
    background: #4c7580;
    transition: ease 0.5s;
    border: 2px solid #4c7580;
}
.school-row .school-col{
    display: none;
}

.tiranga-rw .tiranga-col{
    display: none;
}

.architect-col{
    display: none;
}

.ply-col{
    display: none;
}
.dpr-col{
    display: none;
}
.fsc-col{
    display: none;
}
.pesh-col {
    display: none;
}
.hm-col {
    display: none;
}

/*------------------------------------------------------------------
Video section
-------------------------------------------------------------------*/
.video_wrapper1 {
width: 880px;
height: 502px;
margin: 0 auto;
position: relative;
background-color: #000;
}
.video_wrapper_full1 {
padding-top: 315px;
}
.videoIframe1 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
}/*
.videoPoster1 {
position: absolute;
top: 0px;
left: 0px;
width: 880px;
height: 502px;
background-image:url(../images/experience-center-videoimg.jpg);
background-size: cover;
border: none
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
border: 0;
}
.videoPoster1:hover {
cursor: pointer;
}
.videoPoster1:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 85px;
height: 85px;
margin: -40px 0 0 -40px;
border: 8px solid #fe4a0b;
border-radius: 100%;
background: #fe4a0b;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster1:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
border-radius: 3px;
height: 0;
margin: -16px 0 0 -10px;
border-left: 35px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster1:hover:before,  .videoPoster1:focus:before {
border-color: #f00;
background: #f00;
}
.videoPoster1:hover:after, .videoPoster1:focus:after {
border-left-color: #ffffff;
}
.videoWrapper1Active .videoPoster1 {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}*/
.video_wrapper {
width: 530px;
height: 500px;
margin: 0 auto;
position: relative;
background-color: #000;
}
.video_wrapper_full {
padding-top: 315px;
}
.videoIframe {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
}
.videoPoster {
position: absolute;
top: 0px;
left: 0px;
width: 530px;
height: 500px;
background-image:url(../images/experience-center-videoimg.jpg);
background-size: cover;
border: none;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
border: 0;
}
.videoPoster:hover {
cursor: pointer;
}
.videoPoster:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 85px;
height: 85px;
margin: -39px 0 0 -43px;
border: 4px solid #fff;
border-radius: 100%;
background:trasparant;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster:after {
content: '';
position: absolute;
top: 51%;
left: 50%;
width: 0;
border-radius: 3px;
height: 0;
margin: -16px 0 0 -10px;
border-left: 25px solid #fff;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster:hover:before,  .videoPoster:focus:before {
border-color: #f00;
background: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
border-left-color: #ffffff;
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.mrleft38{
    margin-bottom: -38px;
    margin-left: -5px;
    margin-top: -15px;

}
.min-h1{
    height: 412px;
}
.min-h2{
    height: 405px;
}
.min-h3{
    height: 373px;
}
.min-h4{
    height: 445px;
}
.min-h5{
    height: 362px;
}
.min-h6{
    height: 260px;
}
.seopara p{
    font-size: 16px;
    line-height: 28px;
}
select{
     padding: 13px 18px 11px 18px!important;
}
.custom-file-label {
    background: #ffffff !important;
    font-size: 16px;
    color: #183242 !important;
    font-weight: 400;
}
.custom-file-label, .custom-file-label::after {
    height: 50px;
    padding-top: 12px;
    background: #ed1c24;
    color: #ffffff;
}
.career-box{
  background: #effbfb;
  border-radius: 5px;
  padding: 10px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
/*========================================================*/


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
/*div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}*/
.list-group-item{
    vertical-align: top!important;
    font-size: 18px!important;
    padding: 30px 20px!important;
}
div.bhoechie-tab-menu div.list-group>a.active:hover{
    color: #fff!important;
}
div.bhoechie-tab-menu div.list-group>a:hover{
    color: 000000!important;
    opacity: 1!important;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #ed1c24;
  background-image: #5A55A3;
  border-color: #ed1c24;
  color: #ffffff;

}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #ed1c24;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 50px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
table {
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #ddd;
    overflow: hidden;
    margin: auto;
}
table th{
    text-align: left !important;
}
table td{
    font-size: 18px;
}
/*========================================================*/
/* Start Gallery CSS */
.thumb {
    margin-bottom: 15px;
}
.thumb:last-child {
    margin-bottom: 0;
}
/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
/* .thumb figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.thumb figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
} */

.medianame{
    font-size: 13px;
    font-family: 'Heebo', sans-serif!important;
    text-transform: uppercase;
}

/*
.tz-gallery .lightbox img {
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}*/
#infinite-list {
    /* We need to limit the height and show a scrollbar */
    width: 100%;
    height: 300px;
    overflow: auto;
  
  }
  h5.subhed-acc{
    font-size: 25px!important;
    font-weight: 400!important;
    cursor: pointer!important;
  }
  .card-header {
    background: azure!important;
        cursor: pointer;
  }


.mediakit-col .btn-mediakit {
  width: 100%;
display: inline-block;
text-align: center;
}
#catalogues-container{
    margin: 2rem 0 1rem;
}
.nav-pills .nav-link{
    border-radius: .75rem !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color:#00768d !important;
    outline: none !important;
}
.modal-header{
    padding: .5rem 1rem !important;
}
.card{
    background-color: #fcfcfc;
}
.card-text{
    padding: .5rem .8rem;
    display: flex;
    justify-content: space-between;
    background-color: #fcfcfc;
    color: #000;
    text-align: center;
}
.card-text p{
    font-weight: 600    ;
    color: #000;
    font-size: 1rem;
}
.card-text span i {
    font-size: 1.2rem;
}
/* .duro-catalogue-img{
    height: 320px;
    width: 200px;
} */
table{
    line-height: 40px !important;
}

/* Duro spec tables: consistent column widths + mobile readability */
table#tableOne.door-lites {
    table-layout: fixed;
    width: 100%;
}

table#tableOne.door-lites th:nth-child(1),
table#tableOne.door-lites td:nth-child(1) {
    width: 10%;
}

table#tableOne.door-lites th:nth-child(2),
table#tableOne.door-lites td:nth-child(2) {
    width: 40%;
}

table#tableOne.door-lites th:nth-child(3),
table#tableOne.door-lites td:nth-child(3),
table#tableOne.door-lites th:nth-child(4),
table#tableOne.door-lites td:nth-child(4) {
    width: 25%;
}

@media (max-width: 767.98px) {
    table#tableOne.door-lites {
        display: block;
        min-width: 760px;
        overflow-x: auto;
    }
}


    .leadership-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-areas:
            "card1 card1 card1 card2 card2"
            "card3 card3 card4 card4 card4";
        gap: 20px;
    }

    .leadership-grid-item:nth-child(1) {
        grid-area: card1;
    }

    .leadership-grid-item:nth-child(2) {
        grid-area: card2;
    }

    .leadership-grid-item:nth-child(3) {
        grid-area: card3;
    }

    .leadership-grid-item:nth-child(4) {
        grid-area: card4;
    }

    .leadership-grid-item {
        display: block;
        text-decoration: none;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(45, 45, 45, 0.14);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .leadership-grid-item:hover,
    .leadership-grid-item:focus {
        transform: translateY(-6px);
        box-shadow: 0 14px 32px rgba(45, 45, 45, 0.22);
        outline: none;
    }

    .leadership-grid-item-media {
        position: relative;
        min-height: 300px;
    }

    .leadership-grid-item-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.32;
        filter: grayscale(15%);
        transition: opacity 0.3s ease, transform 0.35s ease;
    }

    .leadership-grid-item:hover .leadership-grid-item-img,
    .leadership-grid-item:focus .leadership-grid-item-img {
        opacity: 0.45;
        transform: scale(1.04);
    }

    .leadership-grid-item-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
                rgba(0, 118, 141, 0.15) 0%,
                rgba(0, 0, 0, 0.55) 55%,
                rgba(0, 0, 0, 0.82) 100%);
        z-index: 1;
    }

    .leadership-grid-item-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: 1.25rem 1rem 1.35rem;
        text-align: left;
    }

    .leadership-grid-item-content .font30-title,
    .leadership-grid-item-content .font18-title {
        color: #ffffff !important;
        margin: 0;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    }

    .leadership-grid-item-content .font18-title {
        font-size: 16px;
        color: #f9f9f9;
        line-height: 1.4;
    }

    /* Read more text link (theme red) */
    .leadership-grid-item-content .read-more-link {
        display: inline-block;
        margin-top: 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        color: #df1e26 !important;
        text-decoration: underline;
        text-decoration-color: rgba(223, 30, 38, 0.7);
        text-underline-offset: 3px;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
        transition: color 0.2s ease, text-decoration-color 0.2s ease;
    }

    .leadership-grid-item:hover .read-more-link,
    .leadership-grid-item:focus .read-more-link {
        color: #ff8a8f !important;
        text-decoration-color: #ff8a8f;
    }
    @media (max-width: 991.98px) {
        .leadership-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-areas:
                "card1 card1"
                "card2 card3"
                "card4 card4";
            gap: 16px;
        }

        .leadership-grid-item-media {
            min-height: 260px;
        }
    }

    @media (max-width: 575.98px) {
        .leadership-grid {
            grid-template-columns: 1fr;
            grid-template-areas:
                "card1"
                "card2"
                "card3"
                "card4";
        }

        .leadership-grid-item-media {
            min-height: 240px;
        }
    }   

    /* Modal for Leadership Profile (Tata-style clean layout) */

.leadership-profile-modal .modal-dialog {
    max-width: 1080px;
}

.leadership-profile-modal .modal-content {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(45, 45, 45, 0.18);
    overflow: hidden;
}

.leadership-profile-modal .leadership-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #8a8a8a;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.leadership-profile-modal .leadership-modal-close:hover,
.leadership-profile-modal .leadership-modal-close:focus {
    color: #2d2d2d;
    outline: none;
}

.leadership-profile-modal .leadership-modal-close span {
    display: block;
    margin-top: -2px;
}

.leadership-profile-modal .modal-body {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding: 2.5rem 2.75rem 2.5rem;
}

.leadership-profile-modal .leadership-modal-head {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-right: 2.5rem;
}

.leadership-profile-modal .leadership-modal-accent {
    flex-shrink: 0;
    width: 3px;
    min-height: 52px;
    background: #d8d8d8;
    border-radius: 2px;
}

.leadership-profile-modal .leadership-modal-name {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #df1e26;
}

.leadership-profile-modal .leadership-modal-role {
    margin: 0.35rem 0 0;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a;
}

.leadership-profile-modal .leadership-modal-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    gap: 2.5rem;
    align-items: start;
}

.leadership-profile-modal .leadership-modal-body-row {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}

.leadership-profile-modal .leadership-modal-toolbar {
    flex-shrink: 0;
    padding-top: 0.15rem;
}

.leadership-profile-modal .leadership-modal-social-toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.leadership-profile-modal .leadership-modal-social-toolbar li {
    margin: 0;
    padding: 0;
}

.leadership-profile-modal .leadership-modal-social-link {
    width: 36px;
    height: 36px;
    color: #9a9a9a;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, transform 0.2s ease;
}

.leadership-profile-modal .leadership-modal-social-link:hover,
.leadership-profile-modal .leadership-modal-social-link:focus {
    color: #00768d;
    transform: translateY(-1px);
    outline: none;
}

.leadership-profile-modal .leadership-modal-x-icon {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.leadership-profile-modal .leadership-modal-bio {
    flex: 1;
    min-width: 0;
    color: #4a4a4a;
    font-size: 1rem;
    line-height: 1.75;
    text-align: justify;
}

.leadership-profile-modal .leadership-modal-bio p {
    margin: 0 0 1rem;
}

.leadership-profile-modal .leadership-modal-bio p:last-child {
    margin-bottom: 0;
}

.leadership-profile-modal .leadership-modal-extra {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid #e8e8e8;
}

.leadership-profile-modal .leadership-modal-extra section {
    padding-top: 0;
    padding-bottom: 0;
}

.leadership-profile-modal .leadership-modal-extra .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.leadership-profile-modal .leadership-modal-extra .leadership-content p {
    margin-bottom: 0;
    line-height: 1.75;
    text-align: justify;
}

.leadership-profile-modal .leadership-modal-extra .leadership-content .col-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Also Read — modal */
.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section {
    margin-top: 0.5rem;
    padding: 1.75rem;
    background: #f7f8f9;
    border-radius: 6px;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section.padbot80 {
    padding-bottom: 1.75rem !important;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .row {
    margin-left: 0;
    margin-right: 0;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .col-12 {
    padding-left: 0;
    padding-right: 0;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .padbot40 {
    padding-bottom: 0 !important;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section h5 {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 0 0 1.5rem;
    padding: 0 0 0 1rem;
    border-left: 3px solid #df1e26;
    font-size: 1.65rem;
    font-weight: 800;
    color: #df1e26;
    line-height: 1.2;
    text-transform: none;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid {
    gap: 16px;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item {
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(45, 45, 45, 0.12);
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item:hover,
.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item:focus {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(45, 45, 45, 0.18);
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-media {
    min-height: 210px;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-content {
    padding: 1rem 0.9rem 1.1rem;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-content .font30-title {
    font-size: 1.05rem !important;
    line-height: 1.35;
    font-weight: 700;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-content .font18-title {
    font-size: 0.875rem !important;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .read-more-link {
    font-size: 0.875rem;
    margin-top: 0.65rem;
}

@media (max-width: 991.98px) {
    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section {
        padding: 1.5rem;
    }

    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section h5 {
        font-size: 1.45rem;
        margin-bottom: 1.25rem;
    }

    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-media {
        min-height: 200px;
    }
}

@media (max-width: 575.98px) {
    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section {
        padding: 1.25rem;
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }

    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section h5 {
        font-size: 1.3rem;
    }

    .leadership-profile-modal .leadership-modal-extra .leadership-also-read-section .leadership-grid-item-media {
        min-height: 185px;
    }
}

.leadership-profile-modal .leadership-modal-aside {
    display: flex;
    justify-content: center;
}

.leadership-profile-modal .leadership-modal-photo {
    position: relative;
    width: 100%;
    max-width: 340px;
}

.leadership-profile-modal .leadership-modal-photo-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
    object-position: center top;
}

.leadership-profile-modal .leadership-modal-photo-download {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: #ffffff;
    color: #8a8a8a;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    transition: color 0.2s ease, background 0.2s ease;
}

.leadership-profile-modal .leadership-modal-photo-download:hover,
.leadership-profile-modal .leadership-modal-photo-download:focus {
    color: #00768d;
    background: #ffffff;
    outline: none;
}

@media (max-width: 991.98px) {
    .leadership-profile-modal .modal-body {
        padding: 2rem 1.75rem;
    }

    .leadership-profile-modal .leadership-modal-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .leadership-profile-modal .leadership-modal-aside {
        order: -1;
    }

    .leadership-profile-modal .leadership-modal-photo {
        max-width: 280px;
        margin: 0 auto;
    }

    .leadership-profile-modal .leadership-modal-head {
        padding-right: 2rem;
    }

    .leadership-profile-modal .leadership-modal-name {
        font-size: 1.65rem;
    }
}

@media (max-width: 575.98px) {
    .leadership-profile-modal .modal-body {
        padding: 1.5rem 1.25rem;
    }

    .leadership-profile-modal .leadership-modal-close {
        top: 12px;
        right: 12px;
    }

    .leadership-profile-modal .leadership-modal-head {
        margin-bottom: 1.5rem;
        padding-right: 1.75rem;
    }

    .leadership-profile-modal .leadership-modal-body-row {
        flex-direction: column;
        gap: 1rem;
    }

    .leadership-profile-modal .leadership-modal-social-toolbar {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .leadership-profile-modal .leadership-modal-bio {
        text-align: left;
    }
}

/* Leader profile image (page + modal) */
.leader-profile-media {
    width: 100%;
    display: flex;
    justify-content: center;
}

.leader-profile-image-wrap {
    position: relative;
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.leader-profile-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
    object-fit: cover;
    object-position: center top;
    box-shadow: 0 8px 28px rgba(45, 45, 45, 0.15);
}

/* Leadership profile bio social links */
.leadership-social-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
}

.leadership-social-links li {
    margin: 0;
    padding: 0;
}

.leadership-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #00768d;
    color: #ffffff !important;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 118, 141, 0.22);
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.leadership-social-link:hover,
.leadership-social-link:focus {
    background: #df1e26;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(223, 30, 38, 0.3);
    outline: none;
}

/* Leader profile page layout */
.leader-profile-section .leader-profile-col-image {
    margin-top: 0;
}

@media (min-width: 992px) {
    .leader-profile-section .leader-profile-col-image {
        margin-top: -100px;
    }
}

.leader-profile-section .leader-profile-media {
    padding-bottom: 60px;
}

.leader-profile-section .leader-profile-col-bio {
    padding-top: 0;
}

@media (max-width: 991.98px) {
    .leader-profile-section .leader-profile-media {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 40px;
    }

    .leader-profile-section .leader-profile-col-bio {
        padding-top: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .leader-profile-image-wrap {
        max-width: 320px;
    }

    .leader-profile-img {
        max-height: none;
    }

    .leadership-social-link {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .leader-profile-section .leader-profile-media {
        max-width: 300px;
        padding-bottom: 32px;
    }

    .leader-profile-section .leader-profile-col-bio {
        padding-top: 1.25rem;
    }
}

@media (max-width: 575.98px) {
    .leader-profile-image-wrap {
        max-width: 280px;
    }

    .leadership-social-link {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .leadership-social-links {
        gap: 10px;
        margin-bottom: 1.25rem;
    }

    .leader-profile-section .leader-profile-media {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 28px;
    }
}

.leadership-modal-error {
    color: #c0392b;
}

.leadership-modal-error a {
    color: #00768d;
    text-decoration: underline;
}

button:focus{
    outline: none !important;
    box-shadow: none !important;
}