:root{
  --primarycolor: #EC1C24;
  --secondarycolor: #FFA200;
  --ateneo-blue: #003668;
  --dodger-blue: #2688FF;
  --christmaswhite: #EDEDED;
  --gray: #3F3F3F;
  --atomic-gray: #555555;
  --darkgray: #4D4D4D;
  --gentle-gray: #DADADA;
  --funky-gray: #787878;
  --rich-gray: #3B3B3B;
  --mineshaft: #313131;
  --black:#000000;
  --black10:rgba(0, 0, 0, 0.10);
  --black50:rgba(0, 0, 0, 0.50);
  --shinyblack: #252525;
  --silvery-white: #E4E4E4;
  --summit: #768D9C;
  --white:#ffffff;

  --primaryFont: "Montserrat", sans-serif;
  --secondaryFont: "Roboto", sans-serif;
}
*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin:0; 
    padding:0;
}
body{
    background-color: var(--white);
    font-family: var(--primaryFont);
    font-size: 17px;
    font-weight: normal;
    margin:0;
    padding: 0;
}
a,
button{
    font-family: var(--primaryFont);
    outline:none !important; 
    text-decoration:none; 
    box-shadow:none; 
    transition:all 0.5s ease-in-out;
}
a:hover,
a:focus,
select:focus,
button:focus,
.btn:focus,
.btn.focus {
    outline:none;
    text-decoration:none;
    box-shadow:none;
}
img {
    display: block;
    object-fit: cover;
    max-width:100%;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style:none;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    outline:none !important;
}
input,
select,
textarea,
button{ 
    outline:none !important;
    box-shadow:none;
}
p{
    padding: 0;
}
.container{
    max-width: 1232px;
    margin: 0 auto;
    padding: 0 16px;
}
.theme-btn{
    background-color: var(--secondarycolor);
    border: 0;
    border-radius: 12px;
    color: var(--white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 18px 36px;
    text-transform: uppercase;
    width: 100%;
}
.theme-btn:hover,
.theme-btn:focus{
    background-color: var(--primarycolor);
}


/* Header CSS Start */

header{
    position: sticky;
    top: 0;
    z-index: 9;
}
.header-wrapper{
    background-color: var(--white);
    position: relative;
    transition: all 0.5s ease-in-out;
    z-index: 9;
}
.header-sticky {
  animation: 0.95s ease 0s normal forwards 1 running headerDown;
  width: 100%;
}
.header-sticky .logo img{
    max-width: 85px;
}
/* @-moz-keyframes headerDown {
  0% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerDown {
  0% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerDown {
  0% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerDown {
  0% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
} */
.header-wrapper .container{
    max-width: 1292px;
}
.header-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.logo{
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    padding: 14px 18px;
    transform: translateY(20px);
    z-index: 9;
}
.logo img{
    display: block;
    max-width: 125px;
    transition: all 0.5s ease-in-out;
    width: 100%;
}
.header-menu > ul{
    display: flex;
    align-items: center;
    gap: 60px;
}
.header-menu > ul > li > a{
    color: var(--black);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 0;
}
.header-menu > ul > li > a:hover{
    color: var(--secondarycolor);
}
.header-menu > ul > li.active > a{
    color: var(--secondarycolor);
}
.header-menu > ul > li.active > a.contact-btn{
    color: var(--white);
    background-color:var(--primarycolor);
}

.header-menu .dropdown{
    position: relative;
}
.header-menu .submenu{
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    min-width: 280px;
    opacity: 0;
    padding: 24px 22px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
}
.header-menu .dropdown:hover .submenu{
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.header-menu .dropdown .submenu li.active > a{
 color: var(--secondarycolor);   
}
.header-menu .dropdown .submenu li.active .submenu-sub li.active > a{
     color:var(--white);
}
.header-menu .submenu li{
    margin: 8px 0;
    position: relative;
}
.header-menu .submenu li a{
    color: var(--black);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 0;
    text-decoration: none;
}
.header-menu .submenu li a:hover{
    color: var(--black);
}
.header-menu .submenu > li:hover > a{
    font-weight: 600;
}
.header-menu .submenu .submenu-sub{
    background-color: var(--secondarycolor);
    border-radius: 8px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    position: absolute;
    top: 100%;
    left: 100%;
    min-width: 280px;
    opacity: 0;
    padding: 16px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
}
.header-menu .submenu .dropdown:hover .submenu-sub{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.header-menu .contact-btn{
    background-color: var(--secondarycolor);
    border-radius: 8px;
    color: var(--white);
    padding: 10px 28px;
}
.header-menu .contact-btn:hover{
    background-color: var(--primarycolor);
    color: var(--white);
}
.toggle-menu-mobile,
.submenu-toggle{
    display: none;
}

/* Hero  CSS Start */

.hero{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 90px 0 116px;
}
.hero-content{
    max-width: 720px;
}
.hero-heading{
    color: var(--white);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 40px;
}
.hero-content p{
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 20px;
    max-width: 685px;
}
.hero-btn-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    padding: 12px 0 0;
}
.hero-btn-group .theme-btn{
    border: 1px solid var(--secondarycolor);
}
.hero-btn-group .theme-btn:hover{
    background-color: transparent;
    border: 1px solid var(--white);
}
.hero-btn{
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 12px;
    color: var(--white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 18px 36px;
    text-transform: uppercase;
    width: 100%;
}
.hero-btn:hover,
.hero-btn:hover{
    background-color: var(--secondarycolor);
    border-color: var(--secondarycolor);
}

/* Fire Training CSS Start */

.fire-training{
    padding: 60px 0 90px;
}
.fire-training-title{
    margin: 0 0 16px;
}
.fire-training-heading{
    color: var(--primarycolor);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
/* .fire-training-list{
    overflow: hidden;
} */
.fire-training-list-inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.training-box{
    margin: 40px 0 0;
    padding: 0 20px;
    width: 25%;
}
.training-box-inner{
    border-radius: 15px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    height: 100%;
    overflow: hidden;
}
.training-img{
    overflow: hidden;
}
.training-img img{
    object-fit: cover;
    max-height: 112px;
    height: 100%;
    transition: all 0.5s ease-in-out;
    width: 100%;
}
.training-box:hover .training-img img{
    transform: scale(1.1);
}
.training-content{
    padding: 18px;
}
.training-box-heading{
    color: var(--shinyblack);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 18px;
}
.training-content p{
    color: var(--shinyblack);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 18px;
}
.training-read-more{
    color: var(--primarycolor);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
}
.training-read-more:hover{
    color: var(--secondarycolor);
}

/* Our Clients CSS Start */

.our-clients{
    background-color: var(--christmaswhite);
    padding: 46px 0 60px;
}
.our-clients-top{
    max-width: 800px;
    margin: 0 auto 50px;
}
.our-clients-heading{
    color: var(--primarycolor);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 58px;
}
.our-clients-copy p{
    color: var(--mineshaft);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 12px;
}
.our-clients-copy p:last-child{
    margin: 0;
}
.clients-list{
    overflow: hidden;
}
.clients-list-inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.clients-box{
    margin: 20px 0 0;
    padding: 0 10px;
    width: 20%;
}
.clients-box-inner{
    background-color: var(--white);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    min-height: 140px;
    padding: 10px;
}
.clients-box-inner img{
    max-height: 120px;
    max-width: 200px;
}
.clients-btn-box{
    padding: 46px 0 0;
}
.clients-btn{
    color: var(--primarycolor);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
}
.clients-btn:hover{
    color: var(--secondarycolor);
}

/* Latest News CSS Start */

.latest-news{
    padding: 68px 0;
}
.latest-news-box{
    background-color: var(--secondarycolor);
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 52px 96px 52px 114px;
}
.latest-news-img img{
    border-radius: 20px;
    max-width: 412px;
    min-height: 360px;
    width: 100%;
}
.latest-news-content{
    width: calc(100% - 472px);
}
.latest-news-subheading{
    color: var(--black);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 12px;
}
.latest-news-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 30px;
}
.latest-news-copy{
    margin: 0 0 18px;
}
.latest-news-copy p{
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 12px;
}
.latest-news-copy p:last-child{
    margin: 0;
}
.latest-news-date{
    color: var(--black);
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 20px;
}
.latest-news-btn{
    color: var(--black);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}
.latest-news-btnbox{
    margin: 14px 0 0;
}
.view-latest-news{
    color: var(--white);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

/* Accreditations CSS Start */

.accreditations{
    padding: 32px 0 78px;
}
.accreditations-title{
    margin: 0 0 42px;
}
.accreditations-heading{
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}
.accreditations-list{
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.accreditations-box{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Footer CSS Start */

.footer-wrapper{
    background-color: var(--gentle-gray);
    padding: 48px 0 44px;
}
.footer-row{
    display: flex;
    gap: 80px;
}
.footer-logo{
    width: 30%;
}
.footer-logo-img{
    display: inline-block;
}
.footer-logo-img img{
    max-width: 165px;
    width: 100%;
}
.footer-location{
    width: 15%;
}
.footer-location p{
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}
.footer-contact{
    width: 30%;
}
.footer-contact ul{
    margin: 0;
    padding: 0;
}
.footer-contact ul li{
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0 0 16px;
}
.footer-contact ul li:last-child{
    margin: 0;
}
.footer-contact ul li a{
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}
.footer-contact ul li a:hover{
    color: var(--secondarycolor);
}
.copyright{
    width: 25%;
}
.copyright a {
    color: inherit;
    text-decoration: underline;
}
.copyright p{
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 10px;
}

/* ==============================
    About Us Page CSS
==============================*/

/* About Us CSS Start */

.about-us{
    background-color: var(--secondarycolor);
    padding: 60px 0 80px;
    position: relative;
    z-index: 1;
}
.about-us::after{
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 80px;
    width: 100%;
    z-index: -1;
}
.about-us-row{
    display: flex;
    align-items: start;
    gap: 30px;
}
.about-us-left{
    padding: 0 0 60px;
    width: 46%;
}
.about-us-title{
    margin: 0 0 40px;
}
.about-us-subheading{
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.about-us-heading{
    color: var(--white);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
}
.about-us-copy{
    margin: 0 0 40px;
}
.about-us-copy p{
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.about-us-copy p:last-child{
    margin: 0;
}
.about-us-btn .theme-btn{
    background-color: var(--white);
    color: var(--primarycolor);
}
.about-us-btn .theme-btn:hover{
    background-color: var(--primarycolor);
    color: var(--white);
}
.about-us-img{
    margin: 0 0 -80px;
    width: 54%;
}
.about-us-img img{
    border-radius: 30px;
    height: 100%;
    min-height: 550px;
    max-height: 550px;
}

/* History and reputation CSS Start */

.history{
    padding: 32px 0 80px;
}
.history-title{
    margin: 0 0 60px;
}
.history-heading{
    color: var(--primarycolor);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.history-list{
    overflow: hidden;
}
.history-list-inner{
    display: flex;
    flex-wrap: wrap;
}
.history-box{
    margin: 20px 0 0;
    width: 25%;
}
.history-box:last-child .history-box-line{
    background-color: var(--white);
}
.history-box-line{
    background-color: var(--primarycolor);
    height: 5px;
    margin: 0 0 35px;
    position: relative;
    width: 100%;
}
.history-box-line::after{
    background-color: var(--white);
    border: 5px solid var(--primarycolor);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    margin: auto 0;
    height: 33px;
    width: 33px;
}
.history-copy{
    padding: 0 50px 0 0;
}
.history-copy p{
    color: var(--gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
.history-btn{
    margin: 64px 0 0;
}

/* Services CSS Start */

.services{
    padding: 0 0 60px;
}
.services-top{
    background-color: var(--primarycolor);
    padding: 72px 0 265px;
}
.services-title{
    margin: 0 0 46px;
}
.services-heading{
    color: var(--white);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.services-info{
    display: flex;
    align-items: center;
    gap: 80px;
}
.services-img{
    width: 42%;
}
.services-img img{
    border-radius: 20px;
    min-height: 420px;
    object-position: bottom right;
}
.services-content{
    width: 58%;
}
.services-content ul{
    margin: 0;
    padding: 0;
}
.services-content ul li{
    background-image: url(../images/true-icon.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 56px auto;
    color: var(--white);
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    list-style: none;
    min-height: 56px;
    margin: 0 0 22px;
    padding: 0 0 0 72px;
}
.services-content ul li:last-child{
    margin: 0;
}
.services-list{
    margin: -140px 0 0;
}
.services-list-row{
    display: flex;
    gap: 58px;
}
.services-box{
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    overflow: hidden;
    width: 50%;
}
.services-box-img img{
    max-height: 220px;
    height: 100%;
    width: 100%;
}
.services-box-copy{
    padding: 25px 27px 40px;
}
.services-box-copy h3{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 30px;
}
.services-box-copy p{
    color: var(--gray);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.services-box-copy ul{
    display: inline-block;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}
.services-box-copy ul li{
    color: var(--gray);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0 0 16px;
    padding: 0 0 0 18px;
    position: relative;
}
.services-box-copy ul li:last-child{
    margin: 0;
}
.services-box-copy ul li::after{
    background-color: var(--gray);
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    height: 3px;
    width: 3px;
}

/* Bromsgrove CSS Start */

.bromsgrove{
    background-color: var(--silvery-white);
    padding: 100px 0;
}
.bromsgrove-row{
    display: flex;
    gap: 60px;
}
.bromsgrove-content{
    width: 42%;
}
.bromsgrove-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 36px;
}
.bromsgrove-copy p{
    color: var(--gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.bromsgrove-copy > *:last-child{
    margin: 0;
}
.bromsgrove-btn{
    margin: 24px 0 0;
}
.bromsgrove-video{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 58%;
}
.videoplay{
    border-radius: 20px;
    display: flex;
    object-fit: cover;
    min-height: 410px;
    width: 100%;
}
.video-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.video-overlay img{
    height: 100%;
    width: 100%;
}
.video-btn{
    background-color: var(--black);
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    padding: 0;
    width: 60px;
}
.video-btn img{
    height: 20px;
    width: 20px;
}

/* ==============================
    Aircraft Fire Training Page CSS
==============================*/

/* Breadcrumb CSS Start */

.breadcrumb{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    padding: 62px 0;
    position: relative;
    z-index: 1;
}
.breadcrumb::after{
    background-color: var(--black50);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}
.breadcrumb-heading{
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 14px;
    text-transform: uppercase;
}
.breadcrumb-subheading{
    color: var(--white);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 42px;
    max-width: 750px;
}
.breadcrumb-btn .theme-btn{
    background-color: var(--white);
    color: var(--black);
}
.breadcrumb-btn .theme-btn:hover{
    background-color: var(--primarycolor);
    color: var(--white);
}

/* Training Clients CSS Start */

.training-clients{
    padding: 50px 0 60px;
}
.training-clients-top{
    margin: 0 auto 42px;
    max-width: 800px;
    width: 100%;
}
.training-clients-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 32px;
}
.training-clients-copy p{
    color: var(--mineshaft);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 12px;
}
.training-clients-btn{
    display: inline-block;
    margin: 44px 0 0;
    width: 100%;
}
.clients-slider{
    padding: 40px 0 0;
}
.clients-slider .slick-track {
    display: flex;
}
.training-clients-box{
    height: auto;
    padding: 20px 30px 20px 10px;
}
.training-clients-box-inner{
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px 20px 40px;
}
.training-clients-logo{
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0 0 26px;
    width: 100%;
}
.training-clients-logo img{
    max-height: 90px;
}
.training-clients-box-copy p{
    color: var(--gray);
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.2;
    margin: 0 0 16px;
}
.auther-name{
    color: var(--gray);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px;
}
.auther-post{
    color: var(--gray);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
.clients-slider .slick-prev{
    background-image: url(../images/arrow-left.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 34px;
    background-color: var(--white);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 50px;
    height: 40px;
    width: 40px;
}
.clients-slider .slick-next{
    background-image: url(../images/arrow-right.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 34px;
    background-color: var(--white);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
}
.clients-slider .slick-disabled{
    opacity: 0.6;
}

/* Internal Simulators CSS Start */

.internal-simulators{
    padding: 0 0 20px;
}
.internal-external{
    background-color: var(--silvery-white);
    padding: 65px 0 125px;
}
.internal-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 50px;
}
.internal-heading span{
    color: var(--primarycolor);
}
.internal{
    margin: 0 0 100px;
}
.internal-row{
    display: flex;
    align-items: center;
    gap: 50px;
}
.internal-video{
    width: 52%;
}
.internal-content{
    width: 48%;
}
.internal-copy p{
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.internal-btn{
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}
.internal-btn a{
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
.simulators{
    margin: -140px 0 0;
}
.simulators-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 45px;
}
.simulators-list{
    display: flex;
    gap: 58px;
}
.simulators-box{
    background-color: var(--white);
    border-radius: 16px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    overflow: hidden;
    width: 50%;
}
.simulators-img img{
    min-height: 240px;
    max-height: 240px;
    height: 100%;
    width: 100%;
}
.simulators-content{
    padding: 28px 28px 56px;
}
.simulators-box-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 30px;
}
.simulators-box-copy p{
    color: var(--gray);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.simulators-box-copy > *:last-child{
    margin: 0;
}
.simulators-box-copy p a,
.simulators-box-copy a{
    color: var(--primarycolor);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

/* ==============================
    Fire Training Single Page CSS
==============================*/

/* Stricken CSS Start */

.stricken{
    padding: 50px 0;
}
.stricken-row{
    max-width: 800px;
    margin: 0 auto;
}
.stricken-copy p{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 40px;
}
.stricken-btn{
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}

/* Structural CSS Start */

.structural{
    background-color: var(--silvery-white);
    padding: 80px 0 50px;
}
.structural-content{
    max-width: 800px;
    margin: 0 auto 25px;
}
.structural-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 40px;
}
.structural-copy p{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px;
}
.structural-copy ul{
    display: inline-block;
    margin: 20px 0 40px;
    width: 100%;
}
.structural-copy ul li{
    color: var(--gray);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 0 18px;
    position: relative;
}
.structural-copy ul li:last-child{
    margin: 0;
}
.structural-copy ul li::after{
    background-color: var(--gray);
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    height: 4px;
    width: 4px;
}
.structural-table{
    max-width: 800px;
    margin: 0 auto;
}
.structural-table h4{
    color: var(--black);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 40px;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
table{
    border: 2px solid var(--funky-gray);
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    display: table;
    width: 100%;
}
table tr td{
    background-color: var(--white);
    border: 2px solid var(--funky-gray);
    padding: 20px;
}
table tr th{
    border: 2px solid var(--funky-gray);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px;
    text-align: left;
}
table thead{
    background-color: var(--secondarycolor);
}

/* General Description CSS Start */

.general-description{
    padding: 40px 0 100px;
}
.general-description-title{
    margin: 0 0 46px;
}
.general-description-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 28px;
}
.general-description-subheading{
    color: var(--rich-gray);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.general-description-info{
    display: flex;
    align-items: center;
    gap: 80px;
}
.general-description-img{
    width: 42%;
}
.general-description-img img{
    border-radius: 20px;
    min-height: 420px;
    object-position: bottom right;
    width: 100%;
}
.general-description-content{
    width: 58%;
}
.general-description-content ul{
    margin: 0;
    padding: 0;
}
.general-description-content ul li{
    background-image: url(../images/true-icon-black.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 56px auto;
    color: var(--rich-gray);
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    list-style: none;
    min-height: 56px;
    margin: 0 0 22px;
    padding: 0 0 0 72px;
}
.general-description-content ul li:last-child{
    margin: 0;
}

/* Fuel System CSS Start */

.fuel-system{
    background-color: var(--primarycolor);
    padding: 70px 0 80px;
}
.fuel-system-title{
    margin: 0 0 80px;
}
.fuel-system-heading{
    color: var(--white);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.fuel-system-list{
    display: flex;
    gap: 100px;
}
.fuel-system-box{
    margin: 0 0 70px;
    width: 50%;
}
.fuel-system-box-heading{
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px;
}
.fuel-system-copy{
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
.fuel-system-copy p{
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.fuel-system-btn .theme-btn{
    background-color: var(--white);
    color: var(--primarycolor);
}
.fuel-system-btn .theme-btn:hover{
    background-color: var(--secondarycolor);
    color: var(--white);
}

/* Safety Controls CSS Start */

.safety-controls{
    padding: 70px 0 40px;
}
.safety-controls-row{
    max-width: 800px;
    margin: 0 auto;
}
.safety-controls-title{
    margin: 0 0 64px;
}
.safety-controls-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 40px;
}
.safety-controls-title p{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
.safety-controls-copy{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}
.safety-controls-copy h3{
    color: var(--black);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 30px;
}
.safety-controls-copy p{
    color: var(--mineshaft);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px;
}
.safety-controls-copy table{
    margin: 0 0 70px;
}
.safety-features-heading{
    color: var(--black);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 40px;
}
.safety-features-copy{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}
.safety-features-copy p{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px;
}
.safety-features-btn a{
    color: var(--mineshaft);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}
.safety-features-btn a:hover{
    color: var(--primarycolor);
}

/* ==============================
    Case Studies Page CSS
==============================*/

/* Page Nav CSS Start */

.page-nav{
    padding: 40px 0 20px;
}
.page-nav-row ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
    gap: 6px;
    margin: 0;
    padding: 0;
}
.page-nav-row ul li{
    color: var(--summit);
    font-family: var(--secondaryFont);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    list-style: none;
}
.page-nav-row ul li a{
    color: var(--summit);
    font-family: var(--secondaryFont);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

/* Case Studies CSS Start */

.case-studies{
    padding: 0 0 80px;
}
.case-studies-list-inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.case-studies-box{
    margin: 50px 0 0;
    padding: 0 25px;
    width: 33.33%;
}
.case-studies-box-inner{
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    overflow: hidden;
    height: 100%;
}
.case-studies-img img{
    min-height: 150px;
    max-height: 150px;
    height: 100%;
    width: 100%;
}
.case-studies-content{
    padding: 28px 24px;
}
.case-studies-box-heading{
    color: var(--shinyblack);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 16px;
}
.case-studies-copy p{
    color: var(--shinyblack);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.case-studies-btn a{
    color: var(--primarycolor);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-decoration: none;
}

/* ==============================
    Case Studies Single Page CSS
==============================*/

/* Case Studies Page Nav CSS Start */

.case-studies-nav{
    padding-top: 100px;
}

/* Company CSS Start */

.company{
    padding: 40px 0 50px;
}
.company-row{
    max-width: 800px;
    margin: 0 auto;
}
.company-info{
    display: flex;
    align-items: center;
    margin: 0 0 70px;
}
.company-content{
    border-right: 1.5px solid var(--ateneo-blue);
    padding: 0 16px 0 0;
    width: 60%;
}
.company-heading{
    color: var(--ateneo-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
}
.company-content p{
    color: var(--atomic-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 20px;
}
.company-content p:last-child{
    margin: 0;
}
.company-logo{
    padding: 28px;
    width: 40%;
}
.company-why-needed h2{
    color: var(--ateneo-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
}
.company-why-needed-copy p{
    color: var(--atomic-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 30px;
}
.company-why-needed-copy p:last-child{
    margin: 0;
}

/* Case Studies Img CSS Start */

.case-studies-single-img{
    padding: 50px 0;
}
.case-studies-single-img-row img{
    max-height: 600px;
    height: 100%;
    width: 100%;
}

/* What We Did Start CSS */

.what-we-did{
    padding: 60px 0 80px;
}
.what-we-did-row{
    max-width: 800px;
    margin: 0 auto;
}
.what-we-did-heading{
    color: var(--ateneo-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px;
}
.what-we-did-copy p{
    color: var(--atomic-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 30px;
}
.what-we-did-copy ul{
    display: inline-block;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}
.what-we-did-copy ul li{
    color: var(--atomic-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0 0 30px;
    padding: 0 0 0 18px;
    position: relative;
}
.what-we-did-copy ul li:last-child{
    margin: 0;
}
.what-we-did-copy ul li::after{
    background-color: var(--atomic-gray);
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    height: 3px;
    width: 3px;
}

/* Review CSS Start */

.review{
    background-color: var(--primarycolor);
    padding: 124px 0 72px;
}
.review-row{
    max-width: 800px;
    margin: 0 auto;
}
.company-review{
    margin: 0 auto;
    width: calc(100% - 100px);
}
.review-copy{
    position: relative;
}
.review-copy::after{
    background-image: url(../images/poly-lines-up.svg);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    position: absolute;
    top: 8px;
    left: -50px;
    content: "";
    height: 38px;
    width: 38px;
}
.review-copy::before{
    background-image: url(../images/poly-lines-down.svg);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    position: absolute;
    bottom: 8px;
    right: -50px;
    content: "";
    height: 38px;
    width: 38px;
}
.review-copy p{
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 40px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 20px;
}
.review-copy > *:last-child{
    margin: 0;
}
.review-info{
    margin: 24px 0 0;
}
.review-info h4{
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 8px;
}
.review-info span{
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

/* Help You CSS Start */

.help-you{
    padding: 80px 0 70px;
}
.help-you-row{
    max-width: 800px;
    margin: 0 auto;
}
.help-you-heading{
    color: var(--ateneo-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px;
}
.help-you-copy p{
    color: var(--atomic-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 30px;
}
.help-you-btn{
    display: inline-block;
    margin: 30px 0 0;
    width: 100%;
}

/* ==============================
    News Page CSS
==============================*/

/* News CSS Start */

.news{
    padding: 0 0 20px;
}
.news-row{
    display: flex;
    gap: 50px;
}
.news-list{
    width: 68%;
}
.news-list-inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.news-box{
    margin: 50px 0 0;
    padding: 0 25px;
    width: 50%;
}
.news-box-inner{
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    overflow: hidden;
    height: 100%;
}
.news-img img{
    min-height: 150px;
    max-height: 150px;
    height: 100%;
    width: 100%;
}
.news-content {
    padding: 28px 24px;
}
.news-box-heading {
    color: var(--shinyblack);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 4px;
}
.news-date{
    color: var(--secondarycolor);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.news-copy p {
    color: var(--shinyblack);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.news-btn a {
    color: var(--primarycolor);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-decoration: none;
}
.news-list-nav{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
    margin: 40px 0 0;
}
.news-list-nav.case-studies-nav {
    justify-content: center;
    margin-top: 0;
    padding-top: 50px;
}
.news-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}
.news-arrow img{
    max-height: 34px;
    width: 18px;
}
.news-disabled{
    opacity: 0.6;
}
.recent-news{
    padding: 50px 0 0;
    width: 32%;
}
.recent-news-inner{
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    padding: 28px 22px 55px;
}
.recent-news-title{
    margin: 0 0 30px;
}
.recent-news-heading{
    color: var(--shinyblack);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.recent-news-boxs{
    margin: 0 0 22px;
}
.recent-news-boxs:last-child{
    margin: 0;
}
.recent-news-boxs-heading{
    color: var(--shinyblack);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 14px;
}
.recent-news-boxs-copy p{
    color: var(--shinyblack);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}
.recent-news-btn a{
    color: var(--primarycolor);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}

/* ==============================
    News Single Page CSS
==============================*/

/* News Single CSS Start */

.news-single{
    padding: 50px 0 20px;
}
.news-single-content{
    padding: 50px 0 0;
    width: 62%;
}
.news-single-title{
    margin: 0 0 36px;
}
.news-single-heading{
    color: var(--shinyblack);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.news-single-date{
    color: var(--secondarycolor);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    width: 100%;
}
.news-single-copy{
    color: var(--shinyblack);
    font-family: var(--primaryFont);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px;
}
.news-single-copy p{
    color: var(--shinyblack);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px;
}
.news-single-copy img{
    border-radius: 20px;
    box-shadow: 0px 0px 8px 4px var(--black10);
    float: right;
    margin: 0 0 0 20px;
    min-height: 310px;
    max-width: 350px;
    width: 100%;
}
.news-single-copy a{
    color: var(--primarycolor);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 20px 0 30px;
}
.news-single-copy h1{
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
}
.news-single-copy h2{
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}
.news-single-copy h3{
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}
.news-single-copy h4{
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}
.news-single-copy h5{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
.news-single-copy h6{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.news-single-copy blockquote{
    margin: 0 0 20px;
}
.backto-news{
    padding: 46px 0 0;
}
.backto-news-btn{
    color: var(--primarycolor);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

/* ==============================
    Contact Us Page CSS
==============================*/

/* Contact Breadcrumb CSS Start */

.contact-breadcrumb{
    background-color: var(--primarycolor);
    min-height: 320px;
    padding: 62px 0 48px;
}
.contact-breadcrumb-row{
    width: 60%;
}
.contact-breadcrumb-heading{
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 14px;
    text-transform: uppercase;
}
.contact-breadcrumb-subheading{
    color: var(--white);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 30px;
    max-width: 652px;
    width: 100%;
}
.contact-breadcrumb-subheading:last-child{
    margin: 0;
}

/* Contact Us CSS Start */

.contact-us{
    padding: 92px 0 70px;
}
.contact-us-row{
    display: flex;
    gap: 80px;
}
.contact-us-left{
    width: 62%;
}
.contact-info{
    display: flex;
    gap: 28px;
    margin: 0 0 50px;
}
.contact-location{
    width: 40%;
}
.contact-location-heading{
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}
.contact-location p{
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
.contact-number ul{
    margin: 0;
    padding: 0;
}
.contact-number ul li{
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0 0 10px;
}
.contact-number ul li:first-child a{
    color: var(--black);
}
.contact-number ul li a{
    color: var(--dodger-blue);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}
.contact-number{
    width: 60%;
}
.contact-form{
    max-width: 600px;
}
.contact-form .form-row{
    display: flex;
    gap: 24px;
}
.contact-form .form-group{
    margin: 0 0 20px;
}
.contact-form .form-row .form-group{
    width: 50%;
}
.contact-form .form-group input{
    background-color: var(--white);
    border: 1px solid var(--black);
    border-radius: 12px;
    color: var(--black);
    font-family: var(--primaryFont);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    height: 50px;
    padding: 18px 30px;
    width: 100%;
}
.contact-form .form-group input::placeholder{
    color: var(--black);
}
.contact-form .form-group textarea{
    background-color: var(--white);
    border: 1px solid var(--black);
    border-radius: 12px;
    color: var(--black);
    font-family: var(--primaryFont);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    height: 120px;
    padding: 18px 30px;
    resize: none;
    width: 100%;
}
.contact-form .form-group textarea::placeholder{
    color: var(--black);
}
.form-group-btn{
    padding: 20px 0 0;
}
.form-group-btn .theme-btn,
.form-group-btn input[type="submit"]{
    background-color: var(--secondarycolor);
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    color: var(--white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 18px 36px;
    text-transform: uppercase;
    width: 100%;
}
.form-group-btn .theme-btn:hover,
.form-group-btn .theme-btn:focus,
.form-group-btn input[type="submit"]:hover,
.form-group-btn input[type="submit"]:focus{
    background-color: var(--primarycolor);
}
.contact-form .form-group-btn {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.contact-form .wpcf7 form.wpcf7-form .wpcf7-response-output {
    margin: 20px 0 10px;
    border: none;
    padding: 0;
}
.contact-form .wpcf7 form.sent .wpcf7-response-output {
    color: #1b6e63;
}
.contact-form .wpcf7 form .wpcf7-not-valid {
    border: 1px solid #e63946;
    background-color: #fff1f2;
}
.contact-form .wpcf7 form .wpcf7-not-valid-tip {
    display:none;
}
.contact-form .wpcf7 form.spam .wpcf7-response-output,
.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-form .wpcf7 form.failed .wpcf7-response-output {
    color: var(--primarycolor);
}
.contact-us-img{
    width: 38%;
}
.contact-us-img img{
    border-radius: 20px;
    margin: -202px 0 0;
    min-height: 406px;
}

/* ===============
    CMS content
=============== */
.cms-content {
    padding: 90px 0;
}
.cms-content .cms-content-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
}
.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 {
    color: var(--black);
}
.cms-content p {
    color: var(--shinyblack);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
.cms-content a{
    color: var(--primarycolor);
    display: inline-block;
    font-weight: 500;
    line-height: 1.2;
}
.cms-content .theme-btn{
    background-color: var(--secondarycolor);
    border: 0;
    border-radius: 12px;
    color: var(--white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 18px 36px;
    text-transform: uppercase;
    width: 100%;
}
.cms-content .theme-btn:hover,
.cms-content .theme-btn:focus {
    background-color: var(--primarycolor);
}
.cms-content ul,
.cms-content ol{
    padding-left: 30px;
    margin-left: 10px;
}
.cms-content ul li,
.cms-content ol li{
    list-style: unset;
    line-height: 1.2;
    font-weight: 400;
    color: var(--shinyblack);
}
/* End CMS content */

/* ==============================
          404 Page CSS
============================== */

.error-404-content {
    min-height: 50vh;
    margin: 90px 0;
}
.error-404-content h1{
    font-size: 72px;
    font-weight: 800;
    line-height: 1.2;
}
.error-404-content p{
    color: var(--mineshaft);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 20px 0 12px;
}
.error-404-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
/* End of 404 Page CSS */

.three-rows-logo .clients-list-inner .clients-box{
    width: 33.33%;
}

.servicedesc{padding: 5px 0 30px 0;}
.latest-news-img{overflow: hidden;border-radius: 20px;}
.latest-news-img img{transition: all 0.6s ease-in-out;}
.latest-news-img img:hover{transform: scale(1.1);border-radius: 20px;;}
h2.latest-news-heading:hover ,.latest-news-btn:hover{color:#fff;}
a.view-latest-news:hover{color: red;}
.accreditations-box img{width: 110px;}
.accreditations-box{width: 120px;}
.header-menu .submenu li a:hover{color: var(--secondarycolor);}
.header-menu .submenu ul.submenu-sub li a:hover{color: #fff;}
.simulators-img{overflow: hidden;}
.simulators-img img{transition: all 0.6s ease-in-out;}
.simulators-img img:hover{transform: scale(1.1);}
a.simulators-box{box-shadow:0px 0px 8px 4px var(--black10);}
.red-txt{color: var(--primarycolor);font-size: 15px;font-weight: 500;line-height: 1.2;margin: 0;text-decoration: none;}
.general-description-heading-h3 {color: var(--black);font-size: 20px;font-weight: 800;line-height: 1;margin: 0 0 28px;}
.structural-copy h2,.safety-controls-copy h2,.training-clients-copy h2{color: var(--black);font-size: 24px;font-weight: 800;line-height: 1.2;margin: 20px 0 22px;}
.structural-copy h3,.safety-controls-copy h3,.training-clients-copy h3{color: var(--black);font-size: 22px;font-weight: 800;line-height: 1.2;margin: 20px 0 22px;}
.structural-copy h4,.safety-controls-copy h4,.training-clients-copy h4{color: var(--black);font-size: 20px;font-weight: 800;line-height: 1.2;margin: 20px 0 20px;}
.structural-copy h5,.safety-controls-copy h5,.training-clients-copy h5{color: var(--black);font-size: 18px;font-weight: 800;line-height: 1.2;margin: 20px 0 20px;}
.safety-controls-copy ul {display: inline-block;margin: 20px 0 40px;width: 100%;}
.safety-controls-copy ul li,.training-clients-copy ul li {color: var(--gray);font-size: 18px;font-weight: 500;line-height: 1.2;list-style: none;margin: 0 0 20px;padding: 0 0 0 18px;position: relative;}
.safety-controls-copy ul li::after,.training-clients-copy ul li::after{background-color: var(--gray);border-radius: 50%;position: absolute;top: 7px;left: 0;content: "";height: 4px;width: 4px;}
.table-responsive p {color: var(--mineshaft);font-size: 18px;font-weight: 500;line-height: 1.2;margin: 0 0 20px;}
.table-responsive h2{color: var(--black);font-size: 24px;font-weight: 800;line-height: 1.2;margin: 0 0 22px;}
.table-responsive h3{color: var(--black);font-size: 22px;font-weight: 800;line-height: 1.2;margin: 0px 0 22px;}
.table-responsive h4{color: var(--black);font-size: 20px;font-weight: 800;line-height: 1.2;margin: 0px 0 20px;}
.table-responsive h5{color: var(--black);font-size: 18px;font-weight: 800;line-height: 1.2;margin: 0 0 20px;}
.table-responsive ul li {color: var(--gray);font-size: 18px;font-weight: 500;line-height: 1.2;list-style: none;margin: 0 0 20px;padding: 0 0 0 18px;position: relative;}
.table-responsive ul li::after {background-color: var(--gray);border-radius: 50%;position: absolute;top: 7px;left: 0;content: "";height: 4px;width: 4px;}
.news-img{overflow: hidden;}
.news-img img{transition: all 0.6s ease-in-out;}
.news-img img:hover{transform: scale(1.1);}
.news-btn a:hover,.recent-news-btn a:hover,.backto-news a:hover,.news-single-copy a:hover {color: var(--secondarycolor);}
.news-content a h3:hover{color: var(--secondarycolor);transition: all 0.5s ease-in-out;}
.recent-news-boxs a h4.recent-news-boxs-heading:hover{color: var(--secondarycolor);transition: all 0.5s ease-in-out;}
.copyright a:hover{color: var(--secondarycolor);transition: all 0.5s ease-in-out;}
.case-studies-img{overflow: hidden;}
.case-studies-img img{transition: all 0.6s ease-in-out;}
.case-studies-img img:hover{transform: scale(1.1);}
.homecallaction-btn {margin: 50px 0 0;}
.bottombox-btn{margin: 50px 0 0;}
.video-overlay{overflow: hidden;}
.video-overlay img{transition: all 0.6s ease-in-out;}
.video-overlay img:hover{transform: scale(1.1);}
.services-box-img{overflow: hidden;}
.services-box-img img{transition: all 0.6s ease-in-out;}
.services-box-img img:hover{transform: scale(1.1);}
.training-clients-copy ul{display: inline-block;margin: 20px 0 40px;width: 100%;}
.training-clients-copy p {font-size: 18px;margin: 0 0 20px;}
.structural-table ul {display: inline-block;margin: 20px 0 20px;width: 100%;}
.simulators-box-copy span.red-txt:hover{color: var(--secondarycolor);}
.internal-btn a:hover{color: var(--secondarycolor);}
.customolpeddding .structural-copy p {margin: 0 0 40px;}
.repeat-services .simulators {margin: 50px 0 0;}
.services-box-copy a:hover h3{color: var(--secondarycolor);}
.services-box-copy a.red-txt:hover{color: var(--secondarycolor);}
.services-box-copy a.findmore{color: var(--primarycolor);font-size: 15px;font-weight: 500;line-height: 1.2;margin: 0;text-decoration: none;}
.services-box-copy a.findmore:hover{color: var(--secondarycolor);}
.contact-number ul li a:hover{color: var(--secondarycolor);}
.simulators-list a:hover h3.simulators-box-heading{color: var(--secondarycolor);}
/* Responsive CSS Start */

@media (max-width:1279px){
    .header-menu > ul{
        gap: 40px;
    }
    .fire-training-list-inner{
        margin: 0 -10px;
    }
    .training-box{
        margin: 20px 0 0;
        padding: 0 10px;
    }
    .clients-box{
        width: 25%;
    }
    .three-rows-logo .clients-list-inner .clients-box{
        width: 33.33%;
    }
    .latest-news-box{
        gap: 40px;
        padding: 50px 56px 60px 64px;
    }
    .accreditations-list{
        gap: 20px;
    }
    .footer-row{
        gap: 40px;
    }

    /* ==============================
        About Us Page CSS
    ==============================*/
    .about-us-left {
        padding: 0 0 40px;
    }
    .about-us-title {
        margin: 0 0 30px;
    }
    .about-us-heading{
        font-size: 28px;
    }
    .services-info {
        gap: 50px;
    }
    .services-list-row {
        gap: 50px;
    }

    /* ==============================
        Fire Training Single Page CSS
    ==============================*/
    .general-description-info{
        gap: 50px;
    }
    .fuel-system-list{
        gap: 60px;
    }

    /* ==============================
        Case Studies Page CSS
    ==============================*/
    .case-studies-list-inner{
        margin: 0 -15px;
    }
    .case-studies-box{
        margin: 30px 0 0;
        padding: 0 15px;
    }

    /* ==============================
        Case Studies Single Page CSS
    ==============================*/
    .case-studies-single-img-row img{
        max-height: 570px;
    }

    /* ==============================
        News Page CSS
    ==============================*/
    .news-row{
        gap: 30px;
    }
    .news-list-inner{
        margin: 0 -15px;
    }
    .news-box{
        margin: 30px 0 0;
        padding: 0 15px;
    }
    .recent-news{
        padding: 30px 0 0;
    }

    /* ==============================
        Contact Us Page CSS
    ==============================*/
    .contact-us {
        padding: 76px 0 70px;
    }
    .contact-us-row{
        gap: 60px;
    }
    .contact-breadcrumb-subheading{
        font-size: 32px;
    }
    .contact-location-heading,
    .contact-location p,
    .contact-number ul li,
    .contact-number ul li a{
        font-size: 16px;
    }
    .contact-us-img img {
        margin: -186px 0 0;
    }
}
@media (min-width:992px){
    .header-menu{
        display: block !important;
    }
}
@media (max-width:991px){
    .toggle-menu{
        background-color: var(--secondarycolor);
        border: 0;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0;
        width: 40px;
    }
    .toggle-menu span{
        background-color: var(--black);
        height: 2px;
        position: relative;
        width: 24px;
    }
    .toggle-menu span::after{
        background-color: var(--black);
        height: 2px;
        position: absolute;
        top: -7px;
        left: 0;
        content: "";
        width: 24px;
    }
    .toggle-menu span::before{
        background-color: var(--black);
        height: 2px;
        position: absolute;
        bottom: -7px;
        left: 0;
        content: "";
        width: 24px;
    }
    .toggle-menu-mobile{
        display: block;
    }
    .header-menu{
        background-color: var(--white);
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        overflow-y: auto;
        max-height: 80vh;
        padding: 40px 20px 20px;
        width: 100%;
        z-index: 8;
    }
    .header-menu ul{
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 0;
    }
    .header-menu ul li{
        width: 100%;
    }
    .header-menu .submenu,
    .header-menu .submenu .submenu-sub{
        box-shadow: none;
        display: none;
        position: unset;
        top: unset;
        opacity: 1;
        padding: 10px 0 10px 16px;
        visibility: visible;
        transition: none;
        width: 100%;
    }
    .header-menu .dropdown{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .header-menu > .submenu{
        padding: 0px 0 10px 16px;
    }
    .header-menu .submenu .submenu-sub{
        margin: 10px 0 0;
    }
    .header-menu > ul > li > a{
        width: 90%;
    }
    .header-menu .submenu li.dropdown > a{
        padding: 6px 0;width: 90%;
    }
    .header-menu .submenu > li:hover > a {
        font-weight: 500;
    }
    .submenu-toggle{
        background-image: url(../images/plus.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        background-color: var(--secondarycolor);
        border: 0;
        border-radius: 6px;
        color: var(--black);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 30px;
    }
    .submenu-toggle{position: relative;}
    .submenu-toggle.active{
        background-image: url(../images/minus.svg);
    }
    .header-menu .contact-btn{
        width: auto;
    }

    .training-box,
    .clients-box{
        width: 33.33%;
    }
    .latest-news-box {
        gap: 30px;
        padding: 40px 30px 40px 30px;
    }
    .latest-news-img img {
        max-width: 300px;
        min-height: 300px;
    }
    .latest-news-content {
        width: calc(100% - 330px);
    }
    .accreditations-list{
        column-gap: 0;
        row-gap: 30px;
        flex-wrap: wrap;
    }
    .accreditations-box{
        width: 25%;
    }
    .footer-row{
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 30px;
    }
    .footer-logo{
        text-align: center;
        width: 100%;
    }
    .footer-location{
        padding: 0 10px 0 0;
        width: 50%;
    }
    .footer-contact{
        padding: 0 0 0 10px;
        width: 50%;
    }
    .copyright{
        width: 100%;
    }

    /* ==============================
        About Us Page CSS
    ==============================*/

    .about-us-heading {
        font-size: 22px;
    }
    .about-us-copy {
        margin: 0 0 30px;
    }
    .about-us-copy p {
        font-size: 14px;
    }
    .about-us-img img {
        min-height: 520px;
        max-height: 520px;
    }
    .history-copy {
        padding: 0 20px 0 0;
    }
    .services-info {
        gap: 30px;
    }
    .services-content ul li{
        font-size: 16px;
    }
    .services-list-row {
        gap: 20px;
    }
    .bromsgrove-row {
        gap: 30px;
    }

    /* ==============================
        Aircraft Fire Training Page CSS
    ==============================*/
    .training-clients-box{
        padding: 20px 20px 20px 10px;
    }
    .internal {
        margin: 0 0 80px;
    }
    .internal-row{
        gap: 30px;
    }
    .simulators-list{
        gap: 40px;
    }

    /* ==============================
        Fire Training Single Page CSS
    ==============================*/
    .general-description-info {
        gap: 30px;
    }
    .general-description-info ul li {
        font-size: 16px;
    }

    /* ==============================
        Case Studies Page CSS
    ==============================*/
    .case-studies-box{
        width: 50%;
    }

    /* ==============================
        Case Studies Single Page CSS
    ==============================*/
    .case-studies-single-img-row img{
        max-height: 440px;
    }
    .review-copy p{
        font-size: 36px;
    }

    /* ==============================
        News Page CSS
    ==============================*/
    .news-row{
        flex-direction: column;
        gap: 0;
    }
    .news-list{
        width: 100%;
    }
    .recent-news{
        width: 100%;
    }

    /* ==============================
        News Single Page CSS
    ==============================*/
    .news-single-content{
        width: 100%;
    }
    /* ==============================
        Contact Us Page CSS
    ==============================*/
    .contact-breadcrumb{
        padding: 62px 0 80px;
    }
    .contact-us-row{
        flex-direction: column-reverse;
    }
    .contact-us-left,
    .contact-us-img,
    .contact-breadcrumb-row{
        width: 100%;
    }
    .contact-us-img img{
        margin: -130px 0 0;
        max-width: 100%;
        width: 100%;
    }
    .contact-form{
        max-width: 100%;
    }
    .contact-info{
        gap: 22px;
    }

    /* 404 Page CSS  */
    .error-404-content h1{
        font-size: 64px;
    }
    /* end 404 */
}
@media (max-width:767px){
    .hero{
        padding: 70px 0 80px;
    }
    .hero-heading{
        font-size: 30px;
        font-weight: 700;
        margin: 0 0 30px;
    }
    .fire-training{
        padding: 60px 0;
    }
    .training-box,
    .clients-box,
    .three-rows-logo .clients-list-inner .clients-box {
        width: 50%;
    }
    .our-clients-heading{
        margin: 0 0 40px;
    }
    .our-clients-top {
        margin: 0 auto 30px;
    }
    .latest-news{
        padding: 50px 0;
    }
    .latest-news-box{
        flex-direction: column;
    }
    .latest-news-img{
        width: 100%;
    }
    .latest-news-img img{
        max-width: 100%;
        width: 100%;
    }
    .latest-news-content{
        width: 100%;
    }
    .accreditations-box {
        width: 33.33%;
    }
    .footer-wrapper{
        padding: 40px 0 20px;
    }
    .footer-location,
    .footer-contact{
        padding: 0;
        width: 100%;
    }

    /* ==============================
        About Us Page CSS
    ==============================*/

    .about-us-row{
        flex-direction: column;
    }
    .about-us-left{
        padding: 0;
        width: 100%;
    }
    .about-us-heading {
        font-size: 28px;
    }
    .about-us-img{
        width: 100%;
    }
    .about-us-img img{
        width: 100%;
    }
    .history-title {
        margin: 0 0 40px;
    }
    .history-box{
        min-height: 60px;
        margin: 0;
        width: 100%;
    }
    .history-box-inner{
        position: relative;
        height: 100%;
    }
    .history-copy{
        padding: 0 0 20px 36px;
    }
    .history-box-line {
        margin: 0;
        position: absolute;
        top: 0;
        left: 12px;
        width: 4px;
        height: 100%;
    }
    .history-box-line::after{
        border: 4px solid var(--primarycolor);
        bottom: auto;
        left: -11px;
        height: 26px;
        margin: 0 auto;
        width: 26px;
    }
    .history-btn {
        margin: 40px 0 0;
    }
    .history {
        padding: 32px 0 60px;
    }
    .services {
        padding: 0 0 60px;
    }
    .services-top {
        padding: 60px 0 200px;
    }
    .services-title {
        margin: 0 0 40px;
    }
    .services-info{
        flex-direction: column;
    }
    .services-img {
        width: 100%;
    }
    .services-img img{
        width: 100%;
    }
    .services-content {
        width: 100%;
    }
    .services-list-row{
        flex-direction: column;
    }
    .services-box{
        width: 100%;
    }
    .services-box-copy {
        padding: 25px;
    }
    .bromsgrove{
        padding: 60px 0;
    }
    .bromsgrove-row{
        flex-direction: column;
    }
    .bromsgrove-content{
        width: 100%;
    }
    .bromsgrove-video{
        width: 100%;
    }

    /* ==============================
        Aircraft Fire Training Page CSS
    ==============================*/
    .internal-row{
        align-items: start;
        flex-direction: column;
    }
    .internal-heading {
        margin: 0 0 30px;
    }
    .internal-video{
        width: 100%;
    }
    .internal-content{
        width: 100%;
    }
    .internal {
        margin: 0 0 60px;
    }
    .external.internal .internal-row{
        flex-direction: column-reverse;
    }
    .simulators-list{
        flex-direction: column;
    }
    .simulators-box{
        width: 100%;
    }

    /* ==============================
        Fire Training Single Page CSS
    ==============================*/
    .structural{
        padding: 60px 0;
    }
    .structural-content {
        margin: 0 auto 30px;
    }
    .general-description{
        padding: 60px 0;
    }
    .general-description-info{
        flex-direction: column;
    }
    .general-description-img {
        width: 100%;
    }
    .general-description-content {
        width: 100%;
    }
    .fuel-system{
        padding: 60px 0;
    }
    .fuel-system-title {
        margin: 0 0 40px;
    }
    .fuel-system-list{
        flex-direction: column;
        gap: 0;
    }
    .fuel-system-box{
        margin: 0 0 40px;
        width: 100%;
    }
    .fuel-system-box-heading,
    .safety-controls-heading,
    .safety-controls-copy h3,
    .safety-features-heading{
        margin: 0 0 20px;
    }
    .safety-controls{
        padding: 60px 0 30px;
    }
    .safety-controls-title {
        margin: 0 0 40px;
    }
    .safety-controls-copy table {
        margin: 0 0 50px;
    }

    /* ==============================
        Case Studies Page CSS
    ==============================*/
    .case-studies {
        padding: 0 0 40px;
    }
    .case-studies-content{
        padding: 20px;
    }

    /* ==============================
        Case Studies Single Page CSS
    ==============================*/
    .case-studies-nav{
        padding-top: 80px;
    }
    .company {
        padding: 40px 0 30px;
    }
    .company-info{
        flex-direction: column-reverse;
        margin: 0 0 40px;
    }
    .company-content{
        border-right: 0;
        border-top: 1.5px solid var(--ateneo-blue);
        padding: 16px 0 0 0;
        width: 100%;
    }
    .company-logo{
        text-align: center;
        width: 100%;
    }
    .company-logo img{
        margin: 0 auto;
    }
    .case-studies-single-img {
        padding: 30px 0;
    }
    .case-studies-single-img-row img{
        max-height: 330px;
    }
    .what-we-did {
        padding: 30px 0 50px;
    }
    .what-we-did-copy p,
    .what-we-did-copy ul li{
        margin: 0 0 20px;
    }
    .review{
        padding: 70px 0 60px;
    }
    .review-copy::before {
        background-size: 22px 22px;
        bottom: 5px;
        right: -32px;
        height: 22px;
        width: 22px;
    }
    .review-copy::after {
        background-size: 22px 22px;
        top: 5px;
        left: -32px;
        height: 22px;
        width: 22px;
    }
    .company-review {
        width: calc(100% - 64px);
    }
    .review-copy p {
        font-size: 28px;
        line-height: 1.2;
    }
    .review-info h4,
    .review-info span{
        font-size: 20px;
    }
    .help-you {
        padding: 60px 0 40px;
    }
    .help-you-heading,
    .help-you-copy p{
        margin: 0 0 20px;
    }
    .help-you-btn{
        margin: 20px 0 0;
    }

    /* ==============================
        News Page CSS
    ==============================*/
    .recent-news {
        padding: 50px 0 0;
    }
    .news-content{
        padding: 20px;
    }

    /* ==============================
        News Single Page CSS
    ==============================*/
    .news-single-content{
        padding: 10px 0 0;
    }
    .news-single-copy img{
        float: none;
        margin: 20px 0;
        max-width: 100%;
    }
    .backto-news{
        padding: 20px 0 0;
    }

    /* cms content */
    .cms-content h1 {
        font-size:30px;
    }
    .cms-content h2{
        font-size:24px;
    }
    .cms-content h3{
        font-size:19px;
    }
    /* End cms content */

    /* 404 page */
    .error-404-content {
        min-height: auto;
        margin: 60px 0;
    }
    .error-404-inner{
        align-items: center;
    }
    .error-404-content p{
        text-align: center;
    }
    /* end 404 */
}
@media (max-width:575px){
    .hero-btn-group{
        gap: 8px;
    }
    .theme-btn,
    .hero-btn{
        padding: 16px 26px;
    }
    .training-box{
        width: 100%;
    }
    .clients-box {
        width: 50%;
    }
    .clients-box-inner img{
        max-width: 100%;
    }
    .training-img img{
        max-height: 150px;
    }
    .our-clients{
        padding: 46px 0;
    }
    .our-clients-heading {
        margin: 0 0 20px;
    }
    .clients-btn-box {
        padding: 30px 0 0;
    }
    .latest-news {
        padding: 50px 0;
    }
    .latest-news-box{
        padding: 12px 12px 20px;
    }
    .accreditations-box {
        padding: 0 10px;
        width: 50%;
    }

    /* ==============================
        About Us Page CSS
    ==============================*/
    .about-us-img img {
        border-radius: 20px;
        min-height: unset;
        max-height: unset;
    }
    .services-img img{
        min-height: 250px;
    }
    .services-content ul li{
        background-position: top left;
        background-size: 36px auto;
        padding: 0 0 0 52px;
        align-items: start;
        min-height: 38px;
    }
    .services-box-copy {
        padding: 18px;
    }
    .videoplay{
        min-height: 300px;
    }

    /* ==============================
        Aircraft Fire Training Page CSS
    ==============================*/
    .breadcrumb-subheading{
        font-size: 28px;
    }
    .training-clients-box-inner{
        padding: 16px 16px 40px;
    }
    .simulators-content {
        padding: 20px 20px 40px;
    }
    .simulators-img img {
        min-height: 200px;
        max-height: 200px;
    }
    .simulators-box-heading {
        font-size: 20px;
        margin: 0 0 20px;
    }

    /* ==============================
        Fire Training Single Page CSS
    ==============================*/
    table tr td,
    table tr th{
        display: block;
        padding: 16px;
    }
    .general-description-img img{
        min-height: 250px;
    }
    .general-description-info ul li {
        background-position: top left;
        background-size: 36px auto;
        padding: 0 0 0 52px;
        align-items: start;
        min-height: 38px;
    }
    .safety-controls-copy table tbody tr td:first-child,
    .structural-table table tbody tr td:first-child{
        font-weight: 600;
    }

    /* ==============================
        Case Studies Page CSS
    ==============================*/
    .case-studies-box{
        width: 100%;
    }

    /* ==============================
        Case Studies Single Page CSS
    ==============================*/
    .company-logo{
        padding: 0 28px 28px;
    }
    .case-studies-single-img-row img{
        max-height: 250px;
    }
    .review-copy p {
        font-size: 24px;
    }
    .review-info h4{
        font-size: 18px;
        margin: 0 0 4px;
    }
    .review-info span {
        font-size: 18px;
    }

    /* ==============================
        News Page CSS
    ==============================*/
    .news-list-nav{
        margin: 30px 0 0;
    }
    .news-box{
        width: 100%;
    }

    /* ==============================
        News Single Page CSS
    ==============================*/
    .news-single-copy,
    .news-single-copy p{
        font-size: 16px;
    }

    /* ==============================
        Contact Us Page CSS
    ==============================*/
    .contact-breadcrumb-subheading {
        font-size: 28px;
    }
    .contact-us {
        padding: 70px 0 30px;
    }
    .contact-us-img img{
        min-height: 300px;
    }
    .contact-info{
        flex-direction: column;
        margin: 0 0 40px;
    }
    .contact-location,
    .contact-number{
        width: 100%;
    }
    .contact-form .form-row{
        flex-direction: column;
        gap: 0;
    }
    .contact-form .form-row .form-group{
        width: 100%;
    }
    .contact-form .form-group{
        margin: 0 0 16px;
    }
    .contact-form .form-group input,
    .contact-form .form-group textarea{
        padding: 12px 18px;
    }
    .form-group-btn {
        padding: 10px 0 0;
    }

    /* 404 Page CSS  */
    .error-404-content h1{
        font-size: 58px;
    }
    /* end 404 */
    .latest-news-img img:hover{transform: scale(1.01);}
}