@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/* @font-face {
  font-family: 'Georgia Regular';
  src: url('./fonts/georgia-regular.ttf');
}
@font-face {
  font-family: 'Georgia Bold';
  src: url('./fonts/georgia-bold.ttf');
} */
:root{
    --color-white: rgba(255,255,255);
    --color-yellow: #fdb813;
    --color-red:#ED1C24;
    --color-green: #1CED54;
    --color-blue: #73a9df;
    --color-black: #000000;

    --text-clr: #2c2c2c;
    --dark-text-clr: rgba(245,245,245);

    --body-bg: rgb(255, 255, 255);

    --btn-padding: 1em 1.5em;
    --btn-lg-fontsize: 1.3rem;
    --btn-sm-fontsize: .85rem;

    --btn-border-radius: .5rem;
    --btn-border-radius: .7em;
    --btn-alt-border-width: .1em;

    --open-sans: 'Open Sans', sans-serif;
    /* --georgia-reg: 'Georgia Regular', sans-serif;
    --georgia-bold: 'Georgia Bold', sans-serif; */
    --light:300;
    --reg:400;
    --med:500;
    --semi:600;
    --bold:700;

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

html, body{max-width: 100%; overflow-x: hidden; min-height: 100vh;display: flex; flex-direction: column; background-color: var(--body-bg); font-family: var(--open-sans); scroll-behavior: smooth;padding-right: 0 !important;}
:is(.building_img,.discover_steel_main,.element_img,.slide_inner,.storage_heater_list,.solution_industry .accordion-body,.discover_steel_quality,.main_projects_img,.quality_img,.future_presence) figure{overflow:hidden;}
.building_img img,.discover_steel_main img,.element_img img,.slide_inner img,.storage_heater_list img,.solution_industry .accordion-body img,.discover_steel_quality img,.main_projects_img img,.quality_img img,.future_presence img{transition: all 0.5s;transform: scale(1);}
.building_img img:hover,.discover_steel_main img:hover,.element_img img:hover,.slide_inner img:hover,.storage_heater_list img:hover,.solution_industry .accordion-body img:hover,.discover_steel_quality img:hover,.main_projects_img img:hover,.quality_img img:hover,.future_presence img:hover{transform: scale(1.1);}

@media (min-width: 1600px){html,body{font-size: 18px;}}
@media (max-width: 768px){html,body{font-size: 14px;}}


/* Typography */

:is(h1, h2, h3, h4, h5, h6):is(.text-lg) span{font-size: 1.6em;line-height: 1;}
p{line-height:26px;font-size:16px;letter-spacing: 0px;color: #333333; font-weight: 500;}
a, a:hover, .btn-link{text-decoration: none;transition:0.5s ease all;}
a{color: #2c2c2c}

/* .text-lg span{font-size: 1.3em;} */
.accordion-button:focus{box-shadow: none;}
/* container */
.style_h3{font-size:1.9rem;letter-spacing: 0px;color: #333333;font-weight:600; line-height: 1.2;}

@media (min-width:1200px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1162px}
}
@media (min-width:1600px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1400px}

  :is(h1, h2, h3, h4, h5, h6):is(.text-lg) span{font-size: 1.4em;line-height: 1;}
}

.max-content-lg{padding: 0;}


/* swiper */
.swiper-initialized{max-width: 100%;}
.swiper-button-prev, .swiper-button-next{position: relative;z-index: 10;}
.swiper-button-next{right: 0}
.swiper .swiper-button-bottom{left: 50%;}
.swiper .swiper-button-prev.swiper-button-bottom{transform: translateX(-70%);}
.swiper .swiper-button-next.swiper-button-bottom{transform: translateX(70%);}



@media (min-width: 575px){

}

@media (min-width: 768px){
  .section-heading .heading-top{font-size: 1.4rem;}
  .nav-tabs .nav-item a{font-size: 1.3rem; padding-bottom: 1rem;}
}
@media (min-width: 992px){
  .section-title{font-size: 3rem;}
  .nav-tabs .nav-item a{padding-bottom: 1.3rem;}
  .tab-accordian .collapse:not(.show){display: block;}
  .tab-accordian .panel-heading{display:none;}
  .container-lg-fluid{max-width: 100%;}
  .tab-accordian-tabs{display: flex;}
  .stats.stats-lg{padding-right: 2rem;}
  .mobile-only{display: none;}

}
@media (min-width:1200px){.full-width{max-width: 1920px;}}
@media (min-width:1400px){
  .section-title{font-size: 3.2rem;}
  .section-heading .heading-top{font-size: 1.7rem;}
}
@media (min-width:1600px){
  .section-title{font-size: 3.7rem;}
}
@media (max-width: 991.98px){
  .tab-accordian.tab-content .panel-collapse.collapse:not(.show){display: none;}
}