@import url('https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


 /* common-css-start */
 :root {
     --color-black: #000000;
     --color-white: #ffffff;
     --color-darkblue: #091242;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0;
 }

 body {
     overflow-x: hidden;
     font-family: "Krub", sans-serif;
     font-family: "Rubik", sans-serif;
 }

 section {
     position: relative;
 }

 html.myClass {
     overflow: hidden;
 }

 ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 a {
     text-decoration: none;
     display: inline-block;
 }

 .section-heading {
     position: relative;
     z-index: 1;
 }
.p-90 {
    padding: 0 80px;
}
@media (min-width: 1400px) {
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
     max-width: 1100px;
 }
}
 .btn-all {
     display: inline-block;
     position: relative;
     overflow: hidden;
     transition: color 0.5s;
     z-index: 1;
     padding: 20px 40px;
     width: max-content;
     background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    font-family: "Krub", sans-serif; 
     font-weight: 600;
     font-size: 14px;
     line-height: 135%;
     text-transform: capitalize;
     text-align: center;
     color: #fff;
 }
 .sub-heading {
    font-family: 'Rubik';
    font-weight: 600;
    font-size: 32px;
    color: #1c1f35;
}

.btn-all:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--color-darkblue);
    height: 150px;
    width: 200px;
    border-radius: 50%;
}

 .btn-all:hover {
     color: #fff;
 }

.btn-all:before {
    top: 45%;
    left: 75%;
    transition: all 0.7s;
}

.btn-all:hover:before {
    top: -47px;
    left: -30px;
}

 .btn-all:active:before {
     background:  var(--color-darkblue);
     transition: background 0s;
 }

 
.section-span {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    background: rgba(4, 28, 55, 0.5);
    padding: 2px 6px 2px 15px;
    width: max-content;
    position: relative;
    margin-bottom: 10px;
}

.section-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(127deg, #ffb629 0%, #ffda56 50.72%, #ffd7a6 100%);
    height: 100%;
    width: 3px;
}

.main-heading {
    font-family: 'Rubik';
    font-weight: 700;
    font-size: 56px;
    color: #fff;
    margin-bottom: 10px;
}

p {
    font-family: 'Krub';
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    color: #fff;
}

 /* common-css-end */



 /*header-css-start*/

.header-bxx {
    width: 100%;
    z-index: 99;
    position: relative;
    transition: all 0.5s ;
}
 .sticky-header {
     position: fixed;
     width: 100%;
     box-shadow: 0px 0px 30px -5px #9698a6;
     animation: goDown 0.5s ease-in-out forwards;
     top: 0;
 }

 @keyframes goDown {
     0% {
         top: -60px;
     }

     100% {
         transform: translateY(0px);
     }
 }

 .th-bxx {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .top-header {
     background: var(--color-darkblue);
     padding: 15px 0;
 }

 .th-br-inner ul li a .th-svg {
     border-radius: 100%;
     background: #111c55;
     border: 1px solid #273270;
     width: 47px;
     height: 47px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .th-br-inner ul li a {
     display: flex;
     align-items: center;
     gap: 10px;
     font-weight: 600;
     font-size: 14px;
     line-height: 135%;
     color: var(--color-white);
     font-family: "Krub", sans-serif;
 }

 .header-bttm .navbar {
     padding: 0;
 }

.header-bttm .navbar .navbar-nav .nav-item .nav-link {
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 135%;
    color: #fff;
    font-family: "Krub", sans-serif;
    position: relative;
}

 .header-bttm {
     background: rgba(9, 18, 66, 0.4);
 }

 .header-bttm .navbar .navbar-nav .nav-item:last-child  {
     border: none;
 }

 .sicons-searchbxx {
     display: flex;
     align-items: center;
     gap: 38px;
 }

 .sicons-searchbxx ul {
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .sicons-searchbxx ul li a i {
     font-size: 18px;
     color: var(--color-white);
 }
 

.searchbtn .btn-all:before {
    top: 100%;
    left: 100%;
}
.header-bxx .container , .our-blog-section .container, .footer-bxx .container{
    padding: 0 60px;
}

.header-bttm .navbar .navbar-nav .nav-item:first-child   {
    padding-left: 0;
}
 

.searchbtn .btn-all:hover:before {
    top: -47px;
    left: -30px;
}

 .searchbtn button {
     border: none;
     display: flex;
     align-items: center;
     gap: 12px;
 }
.header-bttm .navbar .navbar-nav .nav-item .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 0;
    height: 2px;
    background: var(--color-white);
    transition: all 0.5s;
}
.header-bttm .navbar .navbar-nav .nav-item:hover a:after {
    width: 100%;
}
.header-bttm .navbar .navbar-nav .nav-item .nav-link.active:after {
    width: 100%;
}

.header-bttm .navbar .navbar-nav .nav-item{
    padding: 0 20px;
    border-right: 0.75px solid rgba(255, 255, 255, 0.2);
}
 /*header-css-end*/
 /* ==============banner-section================================= */
 
.banner-section {
    margin-top: -61px;
}
.banner-content .container {
    padding: 0 60px;
}
.banner-card {
    background-position: center;
    height: 655px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.banner-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(286.79deg, rgba(5, 11, 45, 0) 7.15%, rgba(5, 11, 45, 0) 34.31%, rgba(5, 11, 45, 0.377) 46.3%, rgba(9, 18, 66, 0.4408) 68.56%); */ 
    background: linear-gradient(286.79deg, rgba(5, 11, 45, 0) 7.15%, rgba(5, 11, 45, 0.341262) 34.31%, rgba(5, 11, 45, 0.62) 46.3%, rgba(5, 11, 45, 0.68) 68.56%);
}
.banner-content p {
    line-height: 187%;
}
 .banner-section   .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.banner-content .container {
    padding: 0 60px;
}
 .banner-section  button.owl-dot span {
    width: 22px;
    height: 3px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
}

 .banner-section  button.owl-dot.active span {
    background: var(--color-white);
}
 /* ==============banner-section================================= */
 /* ==============Excellence-section================================= */



.Excellence-section .section-heading p {
    font-weight: 500;
    line-height: 186%;
    color: #666c89;
}

.Excellence-section .section-heading ul li .iconspan {
    border-radius: 100%;
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Excellence-section .section-heading ul {
    list-style: disc;
    padding-left: 25px;
    margin-top: 20px;
}
/* .Excellence-section .section-heading ul li {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 16px;
    color: #1c1f35;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
} */
.Excellence-section .section-heading ul li {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 18px;
    line-height: 190%;
    color: #666c89;
}

.Excellence-section .section-heading ul li:last-child {
    margin: 0;
}

.Excellence-section .sub-heading {
    margin: 10px 0;
}

.Excellence-section .section-heading p {
    margin: 10px 0 15px;
}
.excenllence-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}
.excellence-image {
    width: 100%; 
}

.excellence-image img {
    width: 100%;
    object-fit: cover;
}

.Excellence-section .section-span {
    background: rgba(232, 232, 232, 0.5);
    color: #1c1f35;
}

.Excellence-section {
    padding: 110px 0 25px;
}

.counterup-bxx {
    margin-top: 85px;
}

.cb-flx {
    display: grid;
    grid-template-columns: repeat(2  , 1fr);
    border-top: 0.92px solid #d4d4d4;
    border-bottom: 0.92px solid #d4d4d4;
}

.cb-inner p {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
}

.cb-inner p .conuter-heading {
    font-family: 'Rubik';
    font-weight: 600;
    font-size: 44px;
    color: #1c1f35;
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}

.cb-inner p .conuter-heading:after {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    display: inline-block;
}

.conuter-content {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 18px;
    color: #1c1f35;
}

 

.cb-inner {
    padding: 40px;
    border-right: 0.92px solid #d4d4d4;
}

.cb-inner:last-child {
    border: none;
}
 /* ==============Excellence-section--end================================= */
 /* ==============Inspection-section================================= */
.is-top .section-heading p {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 16px;
    line-height: 186%;
    text-align: center;
    color: #666c89;
    padding-bottom: 110px;
}

.Inspection-section {
    padding: 25px 0  105px;
}
 .Inspection-minimg {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    gap: 4px;
}

.Inspection-minimg .im-bxx {
    width: 100%;
}

.Inspection-minimg .im-bxx img {
    width: 100%;
    object-fit: cover;
}

.is-btm .section-heading ul li, .onSite-content .section-heading ul li  , .NDT-content .section-heading ul li   {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 18px;
    line-height: 190%;
    color: #666c89;
}
.onSite-content .section-heading p {
    font-weight: 500;
    font-size: 18px;
    line-height: 190%;
    color: #666c89;
    margin: 10px 0;
}
.is-btm p, .wwr-litem  p {
    font-weight: 500;
    font-size: 16px;
    line-height: 186%;
    color: #666c89;
    margin-bottom: 15px;
}
.is-btm {
    padding: 20px;
}
.is-btm .section-heading ul , .onSite-content .section-heading ul  , .NDT-content .section-heading ul  {
    list-style: disc;
    padding-left: 25px;
    margin-top: 20px;
}
.wwr-litem {
    margin-top: 40px;
}

.wwr-litem .sub-heading {
    margin-bottom: 15px;
}

.wwr-litem p {margin: 0;}
 /* ==============Inspection-section================================= */
 /* ==============onSite-section================================= */



.onSite-section {
    padding: 105px 0;
    background: #f3f5f9;
    position: relative;
}

.onSite-section:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    background: var(--color-darkblue);
    z-index: 1;
}

.onSite-main {
    position: relative;
    z-index: 2;
}
.onSite-image {
    width: 100%;
}

.onSite-image img {
    width: 100%;
    object-fit: cover;
}
 /* ==============onSite-section================================= */
 /* ==============NDT-section================================= */
.NDT-image {
    width: 100%;
}

.NDT-image img {
    width: 100%;
    object-fit: cover;
}

.NDT-section {
    padding: 105px 0 52px;
}

.NDT-content {
    padding: 0 0 0 20px;
}
 /* ==============NDT-section================================= */
 /* ==============Industries-section================================= */


 .Industries-section {
    padding:  54px 0 50px;
}

.Industries-section .section-heading {
    padding-bottom: 40px;
    text-align: center;
}

.Industries-section  .Industries-grid-bx {
    display: grid;
    grid-template-columns: repeat(5 , 1fr);
    gap: 13px;
    margin-bottom: 30px;
}

.gitem a {
    display: block;
    position: relative;
}

.Industries-img {
    width: 100%; 
}
.Industries-img a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
 
.Industries-img img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
 
.Industries-img a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0, #091242 0%, rgba(60, 60, 60, 0) 70%);
    z-index: 0;
}

.Industries-content {
    position: absolute;
    bottom: 0;
    padding: 13px 18px;
    width: 100%;
}

.gitem {
    position: relative;
    width: 100%;
    transition: all 0.5s;
}
.gitem:hover {
    transform: translateY(-20px);
}

.Industries-content a {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 15px;
    line-height: 152%;
    color: #ffb629;
}

.Industries-content h4 {
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin: 5px 0;
}
.Industries-main {
    width: 100%;
}

.Industries-btns {
    text-align: center;
    margin-top: 30px;
}
.Industries-btns .btn-all:hover {
    color: var(--color-darkblue);
}
.Industries-btns  .btn-all:before {
    background: var(--color-white);
}
.Industries-section:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(127deg, #0d224a 0%, #06366e 50.72%, #014b92 100%);
}
 /* ==============Industries-section================================= */
 /* ==============testimonail-section ================================= */



.testimonail-section {
    padding: 105px 0 52px;
}

.deals-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dealsbleft , .dealsbright {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dealsbleft i , .dealsbright i {
    color: var(--color-white);
}
 

.deals-btns  .dealsbleft {
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
}

.deals-btns .dealsbright {
    background: var(--color-darkblue);
}

.deals-btns {
    display: flex;
    align-items: center;
    gap: 10px; 
}
 

.testimonail-main {
    margin-top: 30px;
}

.testimonail-card {
    padding: 56px 66px;
    width: 100%;
    height: 380px;
    background: #f3f5f9;
}

.tt-imge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt-imge {
    width: 83px;
    height: 83px;
    border-radius: 50%;
}

.t-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.t-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.svg-icon {
    border-radius: 100%;
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    width: 65px;
    height: 65px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.t-middle {
    margin: 20px 0 28px;
}

.t-middle p {
    font-family: 'Krub';
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 152%;
    color: #666c89;
}
 
.testimonail-card.darkblue {
    background: var(--color-darkblue);
}

.testimonail-card.darkblue .tt-content h5 {
    color: var(--color-white);
}

.tt-content h5 {
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 18px;
    color: #091242;
}

.tt-content span {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 14px;
    line-height: 152%;
    color: #091242;
}

.testimonail-card.darkblue .tt-content span {
    color: var(--color-white);
}
.testimonail-card.darkblue .t-middle p { 
    color: var(--color-white);
}
 /* ==============testimonail-section ================================= */
 /* ==============client-section-start ================================= */
 .client-section {
    padding: 50px 0;
}
.client-section .section-heading {
    margin-bottom: 35px;
}

.client-section .client-card {
    text-align: center;
    padding: 20px 22px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(176, 176, 176, 0.1), 0 11px 11px 0 rgba(176, 176, 176, 0.09), 0 25px 15px 0 rgba(176, 176, 176, 0.05), 0 45px 18px 0 rgba(176, 176, 176, 0.01), 0 70px 20px 0 rgba(176, 176, 176, 0);
    height: 100%;
    background: #f6f6f6;
    border: 0.92px solid #e9ecef;
}

.client-image  a {
    display: block;
    width: 50%;
    margin: 0 auto;
}

.client-image a img {
    width: 100%;
    object-fit: cover;
}

.client-content h5 a {
    font-family: 'Krub';
    font-weight: 600;
    font-size: 20px;
    color: #1c1f35;
    margin-top: 20px;
    display: none;
}
 /* ==============client-section-end ================================= */
 /* ==============our-world-section ================================= */

 .our-world-section {
    padding: 52px 0;
}

.our-world-section .section-heading {
    margin-bottom: 30px;
}

.our-world-image {
    width: 100%;
}

.our-world-image img ,  .our-world-image svg {
    width: 100%;
    object-fit: cover;
}
.our-world-image svg path {
    transition: all 0.5s;
}

.our-world-image svg path:hover {
    fill: #3A6DAF;
}
.our-world-image svg circle:hover {
    stroke: #3A6DAF;
    fill-opacity: 1;
}

.our-world-image svg circle {
    transition: all 0.5s;
}
 /* ==============our-world-section ================================= */
 /* ==============our-world-section ================================= */

.our-blog-section {
    padding: 52px 0 100px;
}
 
.our-blog-section .section-heading .section-span {
    margin: 0 auto 20px;
}


.our-blog-main { 
    margin: 35px 0 0 0;
}

.our-blogcard {
    padding: 30px 0;
    display: flex;
    gap: 18px;
    border-top: 0.95px solid #d6d6d6; 
}

.our-blogcard .our-blogcard-image {
    flex: 0 0 50%;
    width: 100%;
    position: relative;
    transition: all 0.5s;
}

.our-blogcard .our-blogcard-image img {
    width: 100%;
}
 

.our-blogcard .our-blogcard-image a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%) scale(0);
    width: 100%;
    height: 100%;
    background-color: rgba(28, 31, 53, 0.82);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Krub';
    font-weight: 600;
    font-size: 15px;
    line-height: 135%;
    color: #fff;
    transition: all 0.5s;
}

.our-blogcard:hover  .our-blogcard-image a {
    transform: translate(-50% , -50%) scale(1);
}
.our-blogcard:hover .our-right h5 a {
    color: #F9A02E;
}

.om-heading h1 {
    font-family: 'Rubik';
    font-weight: 600;
    font-size: 37px;
    text-align: center;
    color: #1c1f35;
}

.om-month p {
    font-weight: 500;
    font-size: 15px;
    line-height: 152%;
    text-align: center;
    color: #666c89;
    font-family: "Krub", sans-serif;
}

.our-right {
    border-left: 0.95px solid #d6d6d6;
    padding-left: 25px;
}

.our-right h5 a {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 23px;
    color: #1c1f35;
    transition: all 0.5s;
}

.our-right p {
    font-weight: 500;
    font-size: 15px;
    line-height: 152%;
    color: #666c89;
    margin: 15px 0;
    width: 90%;
}

.our-right ul li {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 15px;
    line-height: 167%;
    color: #1c1f35;
}

.our-right ul {
    list-style: disc;
    padding-left: 25px;
}

.ourblog-btns .btn-all:before {
    background:var(--color-darkblue);
}
.ourblog-btns  .btn-all:hover {
    color: #fff;
}
 /* ==============our-world-section ================================= */
 /* ==============morgan-section================================= */
 

.morgan-section {
    padding: 60px 0;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.morgan-main {
    padding: 40px;
    background: rgba(9, 18, 66, 0.84);
}

.morgan-card h6, .morgan-card a {
    font-family: 'Krub';
    font-weight: 500;
    font-size: 16px;
    line-height: 212%;
    color: #e8e8e8 !important;
    display: block;
}

.morgan-card p {
    font-weight: 700;
}
 /* ==============morgan-section================================= */

 footer.footer-bxx { 
    background: var(--color-darkblue);
    position: relative;
}

footer.footer-bxx:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background: rgba(255, 255, 255, 0.08);
    z-index: 0;
}
.footer-logo {
    padding: 20px;
    background: #091242;
}
.footer-bxx-inner > p {
    margin-top: 30px;
    padding: 0 20px;
}
.f-menus , .foter-serach {
    padding-top: 30px;
}

 

.f-menus  li {
    margin: 0 0 10px;
}

ul.f-menus li a {
    font-family: "Krub", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    color: var(--color-white);
}

 .footer-heading {
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin: 20px 0;
    height: 50px;
    display: flex;
    align-items: center;
}
.footer-main {
    position: relative;
    z-index: 5;
    width: 100%;
    margin: 0 auto;
}
 
.foter-serach form input.input-group {
    font-family: "krub";
    font-weight: 400;
    font-size: 15px;
    color: #999;
    width: 100%;
    height: 45px;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 0;
}
.footer-btn {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}
 
.foter-serach button {
    border: none;
    padding: 15px 15px;
    font-size: 13px;
}

.social-mediaicons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.social-mediaicons li a {
    color: #fff;
}

 
.foter-serach form {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.foter-serach button.btn-all::before {
    background: var(--color-white);
        top: 25%;
}
.foter-serach button.btn-all:hover:before { 
    top: -47px;
}
.foter-serach button.btn-all:hover {
    color: var(--color-darkblue);
}

 
.footer-bxx-inner .f-info-ul {
    padding:0 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}
.footer-bxx-inner .f-info-ul  li a .th-svg {
     border-radius: 100%;
     background: #111c55;
     border: 1px solid #273270;
     width: 47px;
     height: 47px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
.footer-bxx-inner .f-info-ul  li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 135%;
    color: var(--color-white);
    font-family: "Krub", sans-serif;
}
 .footer-last {
    margin-top: 30px;
    text-align: center;
    padding: 20px 0 25px;
    border-top: 0.75px solid #313859;
}

.footer-last p {
    font-weight: 500;
    font-size: 14px;
    line-height: 250%;
}

/* ====================================contact-us-page-css-start================================= */
.extra-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -61px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0 50px;
}

.extra-banner:after {
    background: rgba(5, 11, 45, 0.75);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

 

 .sci-main .morgan-main {
    padding: 0;
    background: transparent;
}
.extra-content-inner {
    margin-top: 10px;
}

.sci-card p {
    font-weight: 700;
}



.contact-us-section {
    padding: 70px 0 90px;
}

.contact-us-section .sub-heading {
    margin-bottom: 35px;
}

.contact-us-section .contact-us-main  label {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

.contact-us-section .contact-us-main  input.form-control {
    background: #f4f4f4;
    width: 100%;
    height: 52px;
    border-radius: 0;
    padding: 0 15px;
}

.contact-us-section .contact-us-main  .form-group {
    margin-bottom: 22px;
}

.contact-us-section .contact-us-main  textarea#message {
    width: 100%;
    height: 107px;
    background: #f4f4f4;
    border-radius: 0;
    padding: 15px;
}

.contact-us-section .contact-us-main  #submit-btn {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 15px 50px;
    margin-top: 10px;
}
.contact-us-section .contact-us-main .error-message {
    display: none;
}
 
/* ====================================contact-us-page-css-end================================= */
/* ====================================about-us-page-css-start================================= */ 
.about-banner {
    padding: 100px 0 80px;
    background-position: bottom;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -61px;
    height: 100vh;
}
.about-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(326deg, rgba(5, 11, 45, 0) 0%, rgba(5, 11, 45, 0.34) 44.23%, rgba(5, 11, 45, 0.62) 63.76%, rgba(5, 11, 45, 0.68) 100%);
}
.extrabanner-content p {
    line-height: 187%;
}
.wwr-section .wwr-grid-img {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    gap: 5px;
}

.wwr-section .wwr-g-item:last-child {
    display: grid;
    grid-template-rows: repeat(2 , 1fr);
    gap: 5px;
}

.wwr-section .im-bxx {
    width: 100%;
    height: 100%;

}

.wwr-section .im-bxx img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.wwr-section {
    padding: 105px 0 80px;
}

.wwr-section .wwr-main .section-heading p {
    font-weight: 500;
    line-height: 186%;
    color: #666c89;
    margin-top: 10px;
}
.wwr-main .wwr-minimg, .wwr-main .is-btm {
    margin-bottom: 50px;
    padding: 20px 22px;
    transition: all 0.5s 
ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(176, 176, 176, 0.1), 0 11px 11px 0 rgba(176, 176, 176, 0.09), 0 25px 15px 0 rgba(176, 176, 176, 0.05), 0 45px 18px 0 rgba(176, 176, 176, 0.01), 0 70px 20px 0 rgba(176, 176, 176, 0);
    background: #f6f6f6;
    height: 100%;
}
.wwr-main .is-btm .sub-heading {
    margin-bottom: 15px;
}

section.wwr-section .section-heading p {
    font-weight: 500;
    line-height: 186%;
    text-align: center;
    color: #666c89;
    margin: 20px 0 0;
}

section.wwr-section .section-heading {
    margin-bottom: 40px;
}

.core-value-section {
    padding: 45px 0 40px;
}

.core-value-section .sub-heading {
    margin-bottom: 40px;
}
.value-card {
    padding: 20px 22px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(176, 176, 176, 0.1), 0 11px 11px 0 rgba(176, 176, 176, 0.09), 0 25px 15px 0 rgba(176, 176, 176, 0.05), 0 45px 18px 0 rgba(176, 176, 176, 0.01), 0 70px 20px 0 rgba(176, 176, 176, 0);
    background: #f6f6f6;
    height: 100%;
}
.value-title {
    font-family: 'Rubik';
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #1c1f35;
    transition: color 0.5s ease;
    margin: 10px 0 15px;
}
.value-description {
    transition: color 0.5s ease;
    font-weight: 500;
    font-size: 15px;
    line-height: 173%;
    color: #666c89;
}
.value-card:hover {
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    box-shadow: none;
}

.value-card:hover .value-title {
    color: var(--color-white);
}

.value-card:hover .value-description {
    color: var(--color-white);
}
.cv-b-imge {
    width: 100%;
}

.cv-b-imge img {
    width: 100%;
    object-fit: cover;
}

.core-value-btm {
    margin-top: 90px;
}
/* ====================================about-us-page-css-end================================= */
.amusement-section .sub-heading {
    margin: 0 auto 50px;
    width: 50%;
}

.amusement-section {
    padding: 40px 0 6px;
}

/* ====================================about-us-page-css-end================================= */

/* ====================================oil-and-gas-page-start================================= */

.rope-section {
    padding: 80px 0;
}

.rope-section .section-heading p {
    color: #666c89;
    width: 50%;
    margin: 0 auto;
    line-height: 170%;
}

.rope-section .section-heading .sub-heading {
    margin-bottom: 10px;
}

.rope-section .section-heading {
    margin-bottom: 40px;
}

.rope-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;

}

.rope-image a img {
    object-fit: cover;
    width: 100%;
    transition: all 0.5s;
}
.rope-image a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(286.79deg, rgba(5, 11, 45, 0) 7.15%, rgba(5, 11, 45, 0) 34.31%, rgba(5, 11, 45, 0.377) 46.3%, rgba(9, 18, 66, 0.4408) 68.56%);
    z-index: 1;
}
.rope-card:hover img {
    transform: scale(1.1);
}
.rope-content {
    padding: 20px 15px;
}

.rope-content h4 a {
    font-family: "Krub", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: var(--color-black);
}
.rope-content p {
    color: #666c89;
    width: 100%;
    margin: 5px 0 0 0;
    line-height: 175%;
}

.rope-card {
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(176, 176, 176, 0.1), 0 11px 11px 0 rgba(176, 176, 176, 0.09), 0 25px 15px 0 rgba(176, 176, 176, 0.05), 0 45px 18px 0 rgba(176, 176, 176, 0.01), 0 70px 20px 0 rgba(176, 176, 176, 0);
    background: var(--color-white);
    height: 100%;
}

.oilgas-service-section {
    padding: 108px 0 54px;
}

.ogs-imagegrid {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    gap: 5px;
}

.ogs-img-item {
    width: 100%;
    overflow: hidden;
    height: 100%;

}

.ogs-img-item img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
    height: 100%;
}
.ogs-img-item:hover img {
    transform: scale(1.1);
}

.ogs-content ul li h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 186%;
    color: #1c1f35;
}

.ogs-content ul li {
    font-family: 'Krub';
    margin-bottom: 20px;
}

.ogs-content ul li p {
    font-size: 16px;
    color: #666c89;
    font-weight: 500;
    line-height: 186%;
}

.ogs-content ul li:last-child {
    margin: 0;
}
section.oilgas-service-section .section-heading p {
    font-weight: 500;
    font-size: 16px;
    line-height: 186%;
    text-align: center;
    color: #666c89;
    width: 68%;
    margin: 0 auto;
}

section.oilgas-service-section .sub-heading {
    margin-bottom: 15px;
}

.oilgas-service-section .section-heading {
    margin-bottom: 50px;
}
.o_excellence-section {
    padding: 54px 0 108px;
}

.o_excellence-section .o_excellence-image {
    width: 100%;
    overflow: hidden;
}

.o_excellence-section .o_excellence-image img {
    transition: all 0.5s;
    width: 100%;
    object-fit: cover;
}

.o_excellence-section .o_excellence-image:hover img {
    transform: scale(1.1);
}

.o_excellence-content .section-heading p {
    font-weight: 500;
    line-height: 186%;
    color: #666c89;
    margin: 10px 0 30px;
}
 
.o_excellence_btns .btn-all::before {
    background: var(--color-white);
}

.o_excellence_btns .btn-all:hover {
    color: var(--color-black);
}

.wcu-section {
    padding: 115px 0;
}

.wcu-section .wcu-img-item {
    width: 100%;
}

.wcu-section .wcu-img-item img {
    width: 100%;
}

 

.wcu-content  ul li h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 186%;
    color: #1c1f35;
}

.wcu-content  ul li {
    font-family: 'Krub';
    margin-bottom: 20px;
}

.wcu-content  ul li p {
    font-size: 16px;
    color: #666c89;
    font-weight: 500;
    line-height: 186%;
}

.wcu-content  ul li:last-child {
    margin: 0;
}

.wcu-content .sub-heading {
    margin-bottom: 20px;
}
/* ====================================oil-and-gas-page-end================================= */
/* ====================================amusement-park-page-css-start================================= */
.AInspection-section {
    padding: 85px 0  108px;
}

.AInspection-main .is-top .section-heading p {
    padding-bottom: 80px;
}
/* ====================================amusement-park-page-css-end================================= */
/* ====================================service-page-css-start================================= */
     .service-card {
        transition: all 0.5s ease;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 0 3px 6px 0 rgba(176, 176, 176, 0.1), 0 11px 11px 0 rgba(176, 176, 176, 0.09), 0 25px 15px 0 rgba(176, 176, 176, 0.05), 0 45px 18px 0 rgba(176, 176, 176, 0.01), 0 70px 20px 0 rgba(176, 176, 176, 0);
        background: var(--color-white);
        height: 100%;
    }

    .service-section {
        padding: 100px 0;
    }

      .service-section   .service-content {
        padding: 20px 15px;
    }

    .service-content h4 a {
        font-family: "Krub", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: normal;
        color: var(--color-black);
    }



    .service-image a {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .service-image a img {
        width: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }

    .service-image:hover img {
        transform: scale(1.1);
    }

    .service-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px;
    }

    .service-iconbxx span i {
        color: var(--color-white);
        transition: all 0.3s;
        transform: rotate(-30deg);
        font-family: 'bootstrap-icons';
        font-size: 24px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-section .section-heading {
        margin-bottom: 35px;
    }
.ser-heading h5 {
    font-family: "Krub", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: var(--color-black);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#exampleModal  .ser-heading h5 {  
    display: block;
    -webkit-line-clamp: unset; 
    
}
.ser-heading p {
    color: #666c89;
    width: 100%;
    margin: 5px 0 0 0;
}

    .service-iconbxx span {
        height: 45px;
        width: 45px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
        cursor: pointer;
    }



#btn-close {
    height: 35px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: linear-gradient(127deg, #e05e00 0%, #f9a02e 50.72%, #f9a02e 100%);
    cursor: pointer;
    opacity: 1;
    color: #fff;
    appearance: none;
    right: 0;
    position: absolute;
    top: 0;
    box-shadow: none;
    transition: all 0.5s;
    z-index: 1;
    border: navajowhite;
}
.modal .modal-content {
    border-radius: 0 !important;
}

.modal .service-contentmodal .service-content ul { 
    margin: 5px 0 0 0; 
}

.modal .service-contentmodal .service-content {
    padding: 0;
}
.modal .modal-body {
    padding: 30px;
}
.modal .service-image  { 
    height: 100%;
}
.modal .service-image a {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.modal .service-image a img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
    height: 100%;
}

#exampleModal  .service-content p {
    color: #666c89;
    width: 100%;
    margin: 5px 0 0 0;
    line-height: 175%;
    font-size: 14px;
    font-weight: 500;
}

    .service-card:hover .service-iconbxx span i {
        transform: rotate(0);
    }

.modal .service-content p {
    color: #666c89;
    width: 100%;
    margin: 10px 0;
    line-height: 150%;
    font-size: 14px;
    font-weight: 500;
    text-align: justify;
}
  .modal  .service-content ul li {
        color: #666c89;
        width: 100%;
        margin: 5px 0;
        line-height: 175%;
        font-size: 15px;
    }

   .modal  .service-content ul {
        list-style: disc;
        padding-left: 20px;
        margin-top: 20px;
    }
/* ====================================service-page-css-end================================= */
   
    .ps-header {
        background: #0d1b3f;
        padding: 100px 0;
        text-align: center;
    }

    .page-main {
        background: #fff;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
        margin-top: -40px;
        margin-bottom: 50px;
    }

    .pm-contentbxx h2 {
        color: #0d1b3f;
        margin-top: 30px;
        font-size: 26px;
        font-weight: 600;
        font-family: 'Rubik';
    }

    .page-section {
        padding: 70px 0;
    }

    .page-section .page-main-content>p {
        color: var(--color-black);
        font-size: 18px;
        font-weight: 500;
        line-height: 180%;
    }

    .page-section .pm-contentbxx p {
        color: var(--color-black);
        font-weight: 500;
        font-size: 17px;
        margin: 10px 0;
        line-height: 160%;
    }

    .pm-contentbxx ul {
        list-style: disc;
        padding-left: 25px;
        margin: 20px 0;
    }

    .pm-contentbxx ul li,
    .pm-contentbxx ol li {
        color: var(--color-black);
        font-weight: 400;
        font-size: 18px;
        margin: 5px 0;
    }

    .pm-contentbxx {
        margin-top: 40px;
    }

    .pm-contentbxx ol {
        list-style: none;
        padding: 0;
    }

    .pm-contentbxx ol li {
        font-weight: 600;
    }

    .pm-contentbxx ol li a {
        font-weight: 500;
        margin-left: 10px;
    }

    .pm-contentbxx p a, .pm-contentbxx ul li a, .pm-contentbxx ol li a {
    color: var(--color-darkblue);
    text-decoration: underline;
    font-weight: 500;
    font-family: 'Krub';
}

.page-main-content p a {
    color: var(--color-darkblue);
    text-decoration: underline;
}
 

.Powering-section {
    padding: 50px 0;
}
.Powering-section .psbxx p {
    color: #666c89;
    line-height: 180%;
    width: 80%;
    margin: 0 auto;
}
.Powering-section .Powering-minimg .im-bxx {
    width: 100%;
}

.Powering-section .Powering-minimg .im-bxx img {
    width: 100%;
    object-fit: cover;
}











    .single-blog-section {
        padding: 100px 0;
    }

    /*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
    .blog-details {
        padding-bottom: 30px;
    }

    .blog-details .article {
        background-color: var(--color-white);
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

    .blog-details .post-img {
        overflow: hidden;
        width: 100%;
    }

    .blog-details .post-img img {
        width: 100%;
        object-fit: cover;
    }

    .blog-details .title {
        color: var(--color-darkblue);
        font-size: 28px;
        font-weight: 700;
        padding: 0;
        margin: 30px 0;
    }

    .blog-details .content {
        margin-top: 20px;
    }

    .blog-details .content p {
        font-weight: 500;
        font-size: 16px;
        line-height: 190%;
        color: #666c89;
        margin: 10px 0;
    }

    .blog-details .content h3 {
        font-size: 22px;
        margin-top: 30px;
        font-weight: bold;
    }

    .blog-details .content blockquote {
        overflow: hidden;
        background-color: color-mix(in srgb, var(--default-color), transparent 95%);
        padding: 60px;
        position: relative;
        text-align: center;
        margin: 20px 0;
    }

    .blog-details .content blockquote p {
        color: var(--default-color);
        line-height: 1.6;
        margin-bottom: 0;
        font-style: italic;
        font-weight: 500;
        font-size: 22px;
    }

    .blog-details .content blockquote:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: var(--color-black);
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blog-details .meta-top {
        margin-top: 20px;
        color: color-mix(in srgb, var(--default-color), transparent 40%);
    }

    .blog-details .meta-top ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .blog-details .meta-top ul li+li {
        padding-left: 20px;
    }

    .blog-details .meta-top i {
        font-size: 16px;
        margin-right: 8px;
        line-height: 0;
        color: color-mix(in srgb, var(--default-color), transparent 40%);
    }

    .blog-details .meta-top a {
        color: var(--color-black);
        font-size: 14px;
        display: inline-block;
        line-height: 1;
    }

    .blog-details .meta-bottom {
        padding-top: 10px;
        border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    }

    .blog-details .meta-bottom i {
        color: color-mix(in srgb, var(--default-color), transparent 40%);
        display: inline;
    }

    .blog-details .meta-bottom a {
        color: var(--color-black);
        transition: 0.3s;
    }

    .blog-details .meta-bottom a:hover {
        color: var(--color-black);
    }

    .blog-details .meta-bottom .cats {
        list-style: none;
        display: inline;
        padding: 0 20px 0 0;
        font-size: 14px;
    }

    .blog-details .meta-bottom .cats li {
        display: inline-block;
    }

    .blog-details .meta-bottom .tags {
        list-style: none;
        display: inline;
        padding: 0;
        font-size: 14px;
    }

    .blog-details .meta-bottom .tags li {
        display: inline-block;
    }

    .blog-details .meta-bottom .tags li+li::before {
        padding-right: 6px;
        color: var(--default-color);
        content: ",";
    }

    .blog-details .meta-bottom .share {
        font-size: 16px;
    }

    .blog-details .meta-bottom .share i {
        padding-left: 5px;
    }

    /*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
    .widgets-container {
        background-color: var(--surface-color);
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

 .widget-title {
    color: var(--color-darkblue);
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px 0;
}

    .widget-item {
        margin-bottom: 40px;
    }

    .widget-item:last-child {
        margin-bottom: 0;
    }

    .search-widget form {
        border: 1px solid color-mix(in srgb, var(--color-black), transparent 70%);
        padding: 3px 10px;
        position: relative;
        transition: 0.3s;
    }

    .search-widget form input[type=text] {
        border: 0;
        padding: 4px;
        border-radius: 4px;
        width: calc(100% - 40px);
        color: var(--color-black);
    }

    .search-widget form input[type=text]:focus {
        outline: none;
    }

    .search-widget form button {
        background: var(--color-darkblue);
        color: var(--contrast-color);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        font-size: 16px;
        padding: 0 15px;
        margin: -1px;
        transition: 0.3s;
        border-radius: 0 4px 4px 0;
        line-height: 0;
    }

    .search-widget form button i {
        line-height: 0;
        color: var(--color-white);


    }

    .search-widget form button:hover {
        background: color-mix(in srgb, var(--color-black), transparent 20%);
    }

    .search-widget form:is(:focus-within) {
        border-color: var(--color-black);
    }

    .categories-widget ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .categories-widget ul li {
        padding-bottom: 10px;
    }

    .categories-widget ul li:last-child {
        padding-bottom: 0;
    }

    .categories-widget ul a {
        color: var(--color-black);
        transition: 0.3s;
    }

    .categories-widget ul a:hover {
        color: var(--color-black);
    }

    .categories-widget ul a span {
        padding-left: 5px;
        color: var(--color-black);
        font-size: 14px;
    }

    .recent-posts-widget .post-item {
        display: flex;
        margin-bottom: 15px;
    }

    .recent-posts-widget .post-item:last-child {
        margin-bottom: 0;
    }

    .recent-posts-widget .post-item img {
        margin-right: 15px;
        width: 80px;
        height: 60px;
    }

    .recent-posts-widget .post-item h4 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .recent-posts-widget .post-item h4 a {
        color: var(--default-color);
        transition: 0.3s;
    }

    .recent-posts-widget .post-item h4 a:hover {
        color: var(--color-black);
    }

    .recent-posts-widget .post-item time {
        display: block;
        font-style: italic;
        font-size: 14px;
        color: var(--color-black);
    }

    .tags-widget {
        margin-bottom: -10px;
    }

    .tags-widget ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tags-widget ul li {
        display: inline-block;
    }

.tags-widget ul a {
    color: var(--color-darkblue);
    font-size: 14px;
    margin: 5px;
    display: inline-block;
    transition: 0.3s;
}
    .tags-widget ul a:hover {
        background: var(--color-black);
        color: var(--contrast-color);
        border: 1px solid var(--color-black);
    }

    .tags-widget ul a span {
        padding-left: 5px;
        color: color-mix(in srgb, var(--default-color), transparent 60%);
        font-size: 14px;
    }

    .page-id-13 .Excellence-section {
    padding: 100px 0;
    background: #f3f5f9;
}