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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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





img{max-width:100%;height: auto;}
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.input-checkbox {
    outline:0;
}
h1,h2,h3,h4,h5,h6,p{margin:0px;}
input:focus{outline:0;}
textarea:focus{outline:0;}
button:focus{outline:0;}
a{cursor: pointer;text-decoration:none;transition:all 0.5s ease;}
a:focus, a:hover{text-decoration:none;outline:0;}
.TC{text-align:center;}
.TL{text-align:left;}
.TR{text-align:right;}
.margin_auto{margin:auto;float:none;}
.padding{padding:0;}
.al{width:100%;height:100%;display:table;}
.alm{width:100%;height:100%;display:table-cell;vertical-align:middle;}
abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}
body
{
    font-family: 'PublicSans-Regular';
    background-color: #fff;
}
strong, b 
{
    font-family: 'Nunito-Bold';
}
.container
{
    max-width:1380px;
    margin:0 auto;
    width: 100%;
}
.main{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;  
}
header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.header-start {
    padding: 15px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.header-left {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header-left img {
    width: 120px;
}
.header-right {
    width: 81%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 2px solid #E4E4E4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.header-menu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.header-menu ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    justify-content: flex-end;
}

.header-menu ul {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    justify-content: flex-end;
}
.header-right li.menu-item-has-children ul.sub-menu ul.sub-menu {display: none;position: absolute;left: -140px;}
.header-right li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu {display: block ;}

.header-top a i {
    font-size: 17px;
    color: #0063B0;
    background-color: #cae8ff;
    /* padding: 10px; */
    border-radius: 50px;
    width: 36px;
    height: 36px;
    display: flex;
    margin-right: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header-top a:first-child{margin-right: 15px;}
.header-top a:nth-child(2){margin-right: 15px;}
.header-top a {
    font-family: 'Nunito-bold';
    font-size: 16px;
    color: #343434;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 0;
    justify-content: center;
}

i.fas.fa-phone-volume {
    rotate: -40deg;
}

.header-top a:last-child{
    margin-right: 0px;
}
.header-menu ul li a {
    font-family: 'Nunito-Bold';
    font-size: 15px;
    color: #000;
    padding: 7px 15px;
    border-radius: 7px;
    line-height: normal;
}
.header-menu ul li{
    margin-right: 3px;
    width: auto;
}
.header-menu ul li:last-child{
    margin-right: 0px;
}
.header-menu ul li a.active {
color: #fff;
background-color: #0063B0;
}

.header-menu ul li a:hover{
    color: #0063B0;
    background-color: transparent;
}
.header-menu ul li a.head-buton {
    color: white;
    background-color: #C6111D;
}
.footer {
    width: 100%;
    background-color: #fff;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding: 50px 0px 0px;
}

.logo {
    width: 270px;
    height: auto;
    margin-bottom: 15px;
    display: flex;
}
.logo img {
    width: 100%;
}
.footer-heading p {
    width: 85%;
    font-family: 'Outfit-Regular';
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.icon-footer {
    display: flex;
    margin: 8px 0px 0px;
}
.icon-footer ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.icon-footer ul li {
    list-style-type: none;
    padding-right: 10px;
}
.icon-footer a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    background-color: rgb(255 255 255 / 20%);
}

.footer ul li a {
    font-size: 16px;
    color: #fff;
}
.footer-middle {
    width: 100%;
    color: #fff;
    
    display: flex;
    flex-wrap: wrap;
}
.footer-tab {
    width: 100%;
}
.footer-tab h5 {
    font-family: 'Outfit-Medium';
    font-size: 20px;
    line-height: 32px;
    color: black;
}
footer-middle ul {
    width: 50%;
}
.footer-middle ul {
    margin: 0px;
    padding-left: 15px;
    line-height: 32px;
    margin-top: 15px;
}
.footer .footer-middle ul li {
    position: relative;
    padding-left: 1px;
    list-style: disc;
}
.footer-middle ul li {
    list-style-type: none;
}
.footer ul li a {
    font-size: 14px;
    font-family: 'Outfit-Regular';
    color: #000;
}
.footer-get {
    color: #000;
}
.footer-get ul {
    padding: 0px;
    margin: 32px 0px 0px 0px;
    line-height: 32px;
}
.footer-get ul li {
    list-style-type: none;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Outfit-Regular';
    padding-bottom: 8px;
    display: flex;
    align-items: center;
}
.footer-get ul li img {
    margin-right: 8px;
    height:35px;
}
.footer-wave {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}
.footer .footer-middle ul li i {
    font-size: 10px;
    margin-right: 9px;
}


.footer-get h5{
    font-family: 'Outfit-SemiBold';
    font-size: 20px;
    line-height: 32px;
}



.select-box {
    position: relative;
    display: block;
    width: 100%;
    z-index: 9;
    margin: 0 auto;
    font-family: "Open Sans", "Helvetica Neue", "Segoe UI", "Calibri", "Arial", sans-serif;
    font-size: 18px;
    color: #60666d;
  }
  @media (min-width: 768px) {
    .select-box {
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .select-box {
      width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .select-box {
      width: 100%;
    }
  }
  .select-box__current {
    position: relative;
    border: 2px solid #efefef;
    border-radius: 15px;
    cursor: pointer;
    outline: none;
  }
  .select-box__current:focus + .select-box__list {
    opacity: 1;
    animation-name: none;
  }
  .select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
  }
  .select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg);
  }
  .select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.3;
    transition: 0.2s ease;
  }
  .select-box__value {
    display: flex;
    
  }
  .select-box__input {
    display: none;
  }
  .select-box__input:checked + .select-box__input-text {
    display: block;
  }
  .select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    border-radius: 15px;
    height: 55px;
    line-height: 55px;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    padding-left: 25px;
    background-color: #fff;
  }
  .select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    background: white;
    list-style: none;
    opacity: 0;
    animation-name: HideList;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  }
  .select-box__option {
    display: block;
    padding: 15px;
    background-color: #fff;
  }
  .select-box__option:hover, .select-box__option:focus {
    color: #546c84;
    background-color: #fbfbfb;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
  }
  
  @keyframes HideList {
    from {
      transform: scaleY(1);
    }
    to {
      transform: scaleY(0);
    }
  }

.Claim-60{
    width: 100%;
    display: flex;
    background-color: #F8FAFF;
    padding: 60px 0 0px 0px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.Claim-sub{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.Claim-sub h3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 'Outfit-Bold';
    color: black;
    font-size: 22px;
    padding-bottom: 30px;
    justify-content: center;
}
.Claim-form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 70%;
    margin: 0 auto;
    justify-content: center;
}

.Claim-feild{
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Claim-feild input[type=text]{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 2px solid #efefef;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    height: 55px;
    padding-left: 25px;
    border-radius: 15px;
}

.Claim-feild input[type=email]{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 2px solid #efefef;
    height: 55px;
    padding-left: 25px;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    border-radius: 15px;
}
.Claim-feild input[type=number]{
    width: 100%;
    display: flex;
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 2px solid #efefef;
    height: 55px;
    padding-left: 25px;
    border-radius: 15px;
}
.Claim-feild input::-ms-input-placeholder { /* Edge 12-18 */
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
  }
  
.Claim-feild input::placeholder {
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
  }

  .Claim-feild input[type=submit] {
    background-color: #71BF44;
    height: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-family: 'Outfit-Regular';
    color: white;
    border: 0;
    width: 290px;
    border-radius: 15px;
    font-size: 20px;
}

.copy {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 2px solid #ededed;
}

.copy p{
    font-family: 'Outfit-Regular';
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.banner-start {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 400px; */
        object-fit: cover !important;
        background-size: cover;
}

.banner-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding:60px 0;
}


.banner-text {
    width:75%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.banner-text h2{
    font-family: 'Outfit-Regular';
    font-size: 50px;   
    width: 100%;
    color: white;
}
.banner-text p{
    font-family: 'Outfit-Regular';
    font-size: 17px;
    width: 100%;
    color: white;
    padding: 15px 0;
}
.banner-start img {
    width: 100%;
}
.banner-text h2 span {
    font-family: 'Outfit-Bold';
    width: 100%;
    display: flex;
    padding-bottom: 10px
}
.banner-text a {
    width: 150px;
    background: #C6111D;
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: white;
    border-radius: 50px;
    line-height: 40px;
    font-family: 'Outfit-Regular';
}

.Experience{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0px;
    justify-content: flex-start;   
    width: 100%;
}

.Experience-sub{
    display: flex;
    flex-wrap: wrap;
  
    align-items: flex-start;
    justify-content: flex-start;   
    width: 100%;
    background-color: #04284A;
}
.Experience-subb {
    display: flex;
    border-right: 2px solid black;
    width: 100%;
    padding: 44px 20px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.Experience-sub h3{
    display: flex;
    width: 100%;
    padding-bottom: 13px;
    font-size: 20px;
    font-family: 'Outfit-Bold';   
    flex-wrap: wrap;
    color: #fff;
    align-items: center;
    justify-content: flex-start;
}

.Experience-sub p{
    display: flex;
    width: 100%;
    font-size: 16px;
    font-family: 'Outfit-Regular';
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.Experience-sub .col-lg-4:last-child .Experience-subb{
    border: 0;
}

.INDUSTRIAL{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;   
}

.INDUSTRIAL-STAET{
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;   
    display: flex;
}


.INDUSTRIAL-SUB h6{
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;   
    display: flex;
    font-size: 18px;
    color: black;
    text-transform: uppercase;
    font-family: 'Outfit-Medium';   

}
.INDUSTRIAL-SUB h2{
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;   
    display: flex;
    font-size: 24px;
    padding: 8px 0;
    color: black;
    text-transform: uppercase;
    font-family: 'Outfit-Bold';   

}

.INDUSTRIAL-SUB p{
    color: #515151;
    font-family: 'Outfit-Regular';
    font-size: 16px;
    padding-top: 15px;
}

.INDUSTRIAL-SUB a{
    color: #515151;
    font-family: 'Outfit-Regular';
    font-size: 14px;
    background-color: #C6111D;
    width: 130px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    line-height: 23px;
    height: 35px;
    margin-top: 35px;
    border-radius: 50px;
    color: #fff;
}

.INDUSTRIAL-SUBb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
}
.INDUSTRIAL-SUBb::after {
    position: absolute;
    content: '';
    background-color: #C6111D;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    top: 40px;
    right: -30px;
    Z-INDEX: -9;
}
.INDUSTRIAL-SUBb img {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}
.service-slider{
    padding-top: 30px !important;
    display: flex;
    width: 100%;
}
.Services-sub {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    width: 100%;
}
.Services {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 60px 0;
}

.Services-sub h6{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 15px;
    font-family: 'Outfit-Medium';
    color: black;
    text-transform: uppercase;
    
}

.Services-sub h4{
    display: flex;
    padding: 5px 0;
    flex-wrap: wrap;
    width: 100%;
    font-size: 24px;
    font-family: 'Outfit-Medium';
    color: black;
    text-transform: uppercase;
}
.sreive-one {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.sreive-one img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        height: 350px;
        object-fit: cover;
    
    justify-content: flex-start;
}
.service-title{
    width: 100%;
    display: flex;
    z-index: 9;
    left:0px !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;   
    position: absolute;
    bottom: 30px;
    padding:0 15px;
}

.service-title h2{
color:white;
font-size: 16px;
font-family: 'Outfit-SemiBold';
}

.sreive-one::after{
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    left: 0;
}

.service-slider .slick-prev {
    left: unset;
    background: url(../images/Group-37358.svg);
    top: -55px;
    width: 80px;
    background-repeat: no-repeat;
    height: 50px;
    right: 110px;
}
.service-slider .slick-next {
    left: unset;
    background: url(../images/Group-37357.svg);
    top: -55px;
    width: 90px;
    background-repeat: no-repeat;
    height: 50px;
    right: 10px;
}

.We-Serving{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;      
}

.we-service-start{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;      
}

.we-service-start h6{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 15px;
    font-family: 'Outfit-Medium';
    color: black;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.we-service-start h4{
    display: flex;
    padding: 5px 0;
    flex-wrap: wrap;
    width: 100%;
    font-size: 24px;
    font-family: 'Outfit-Medium';
    color: black;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.service-one{
    width: 100%;
    display: flex;
    padding-top: 55px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;      
}
.service-start p{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;         
}
.service-start{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;         
}
.img-sub {
    width: 120px;
    height: 120px;
    background: #0063B0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.img-sub img{
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.service-start h6 {
    font-family: 'Outfit-Medium';
    text-transform: capitalize;
    font-size: 17px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 80%;
    padding-top: 15px;
}

.benefits{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 50px;
    align-items: center;
    justify-content: center;
}
.benefits::after {
    position: absolute;
    content: '';
    background-color: #C6111D;
    width: 425px;
    height: 100%;
    left: 0;
    z-index: -9;
    top: 70px;
}
.benefits-stat{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; 
}

.benefits-left{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    
    align-items: center;
    justify-content: flex-start; 
}

.benefits-left img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; 
}
.benefits-right{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; 
}

.benefits-contnet{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 40px;
    align-items: center;
    justify-content: flex-start; 
}
.benefits-contnet h3{
    width: 100%;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    align-items: center;
    justify-content: flex-start; 
    font-family: 'Outfit-Bold';
    font-size: 22px;

}


.benefits-contnet p{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    align-items: center;
    color: #515151;
    justify-content: flex-start; 
    font-family: 'Outfit-Regular';
    font-size: 15px;

}

.benefits-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.benefits-img img{
    width: 100%;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.benefits-form{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
}
.benefits-form h2 {
    width: 100%;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Outfit-Bold';
    font-size: 22px;
}
.form-start {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: unset;
}
.form-start input {
    height: 55px;
    background: #F8F8F8;
    border: 2px solid #DBDBDB;
    border-radius: 10px;
    padding-left: 20px;
    width: 320px;
    margin-right: 20px;
}

.form-start input::-ms-input-placeholder { /* Edge 12-18 */
    color: #000;
    font-family: 'Outfit-Regular';
    font-size: 15px;
  }
  
.form-start input::placeholder {
    color: #000;
    font-family: 'Outfit-Regular';
    font-size: 15px;
  }

.arrow-form {
    width: 110px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #0063B0;
    border-radius: 10px;
}

.Testimonialss{
    width: 100%;
    padding: 50px 0px;
    display: flex !important;
    background-color: #04284A;
    flex-wrap: wrap;
    align-items: center;
    
    justify-content: center;   
}

.Testimonialss-start{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;    
}
.testi-item {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.testi-item img {
    width: 200px;
    /* border-radius: 50%; */
    height: 150px;
    object-fit: cover;
}
.testi-item p {
    color: white;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 190px;
    font-size: 18px;
    font-family: 'Outfit-Regular';
}

.testi-item h6 {
    color: white;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    font-size: 24px;
    font-family: 'Outfit-Bold';
}
.testi-item h5 {
    color: white;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    font-size: 16px;
    font-family: 'Outfit-Regular';
}



.Testimonialss-start .slick-prev {
    left: unset;
    background: url(../images/Group-37358.svg);
    bottom: 0px;
    width: 80px;
    background-repeat: no-repeat;
    height: 50px;
    right: 110px;
    left: 0;
}
.Testimonialss-start .slick-next {
    left: unset;
    background: url(../images/Group-37357.svg);
    bottom: 0px;
    width: 90px;
    background-repeat: no-repeat;
    height: 50px;
    right: 10px;
}
.footer .footer-middle ul li::marker {
    color: black;
}

.banners-sub {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.about-banner img{
    height: 230px;
    object-fit: cover;
}
.offshor-one img{
    height: 230px;
    object-fit: cover;
}

.banners-sub img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.banner-sub-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
}

.banner-sub-title h2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
    font-family: 'Outfit-Bold';
}

.banners-sub::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,99,176,0.5);
}

.who-we-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.who-we-img img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Who-We-Are {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}




.service-start p {
    font-family: 'Outfit-Regular';
    font-size: 16px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 80%;
    color:#515151;
    padding-top: 15px;
}
.service-one .col-lg-4 {
    padding-bottom: 40px;
}

.we-service-startss h4 {
    display: flex;
    padding: 5px 0;
    flex-wrap: wrap;
    width: 100%;
    font-size: 24px;
    font-family: 'Outfit-Medium';
    color: black;
    text-transform: capitalize;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.we-service-startss {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.We-Servinggg {
    width: 100%;
    display: flex;
    padding: 50px 0 50px 0px;
    background-color: #EFF8FF;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.service-onee {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
.service-onee p {
    font-family: 'Outfit-Regular';
    font-size: 16px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 65%;
    color: #515151;
    
}
.aboutone{
    width: 100%;
    display: flex;
    padding: 50px 0 30px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.aboutone-on{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
}

.aboutone-on .sreive-one img {
    height: 260px;
    object-fit: cover;
}
.aboutone-on .col-lg-4 {
    padding:0 10px 10px 0 
}

.aboutone-on .service-title h2 {
    color: white;
    font-size: 18px;
    font-family: 'Outfit-SemiBold';
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    text-transform: uppercase;
    justify-content: flex-start;
    width: 80%;
}

.Experience-sub-ab {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    background-color: #0063B0;
}
.Experience-sub-ab h3 {
    display: flex;
    width: 100%;
    padding-bottom: 13px;
    font-size: 20px;
    font-family: 'Outfit-Bold';
    flex-wrap: wrap;
    color: #fff;
    align-items: center;
    justify-content: flex-start;
}
.Experience-sub-ab p {
    display: flex;
    width: 100%;
    font-size: 16px;
    font-family: 'Outfit-Regular';
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.Experience-sub-ab .col-lg-4:last-child .Experience-subb {
    border: 0;
}
.PROCESSING-about{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;   
}
.PROCESSING-about img{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;   
}

.PROCESSING-about-start{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%; 
}
.PROCESSING-about-sub{
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 50%; 
    background: rgba(0,0,0,0.5);
    padding: 45px;
}
.PROCESSING-about-sub h3 {
    font-family: 'Outfit-Bold';
    font-size: 21px;
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 70%;
    justify-content: flex-start;
    padding-bottom: 16px;
}
.PROCESSING-about-sub p{
    font-family: 'Outfit-Regular';
    font-size: 16px;   
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    justify-content: flex-start;
}

.industrial-start{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%; 
    padding: 60px 0;
}

.industrial-start p{
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-items: center;
    justify-content: left;
    width: 100%; 
    max-width: 100%;
    margin: 0 auto;
    color: #515151;
    font-family: 'Outfit-semibold';
    font-size: 16px;
}

.servicess-des {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0;
    justify-content: center;
}
.about-des-starttt {
    display: flex;
    background: #0063B0;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.about-des-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.servicess-des .about-des-box img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.about-des-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 80px;
}
.about-des-cont h2 {
    font-family: 'Outfit-Bold';
    font-size: 22px;
    width: 100%;
color: #fff;
    text-align: left;
    padding-bottom: 15px;
}
.about-des-cont p {
    font-family: 'Outfit-Medium';
    font-size: 15px;
    color: white;
    padding-bottom: 15px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
    letter-spacing: 0em;
    text-align: left;
    
}

.about-des-starttt:nth-child(even) .col-lg-6:first-child {
    order: 1;
}

.about-des-starttt .col-lg-6{
    padding: 0;
}


.about-des-starttt:nth-of-type(odd) {
    background-color:#0063B0;
}
        
.about-des-starttt:nth-of-type(even) {
    background-color:#fff;
}
.about-des-starttt:nth-of-type(even) .about-des-cont h2 {
    color:#000;
}
.about-des-starttt:nth-of-type(even) .about-des-cont p {
    color:#000;
}

.industrial-start h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    justify-content: center;
    font-family: 'Outfit-Bold';
    font-size: 22px;
}
.why-msv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


.why-msv-start {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
}

.why-msv-start:nth-child(even) .col-lg-6:first-child {
    order: 1;
}

.msv-des-cont{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 50px;

    align-items: center;
    justify-content: flex-start;
}
.msv-des-cont h2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Outfit-Bold';
    font-size: 22px;
    padding-bottom: 10px;
}
.msv-des-cont p{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Outfit-Regular';
    font-size: 16px;
    padding-bottom: 10px;
}
.msv-des-cont ul {
    width: 100%;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}
.msv-des-cont ul li{
    width: 100%;
    padding-bottom: 5px;
    font-family: 'Outfit-Bold';
    font-size: 17px;
   
}


.why-msv-start .col-lg-6 {
    padding: 0 30px;
}

.why-msv-start:nth-of-type(even) .msv-des-cont ul {
    padding: 0;
}
.msv-des-cont ul h3{
    font-family: 'Outfit-Bold';
    font-size: 22px;
    padding: 20px 0 10px 0;
    width: 100%;
    color: #0063B0;
}

.why-msv-start:nth-of-type(even) .msv-des-cont ul li{
    font-family: 'Outfit-Regular';
    font-size: 16px;
    margin-left: 15px;
}
.msv-des-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.msv-des-img img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 590px;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

.complete-project{
    padding-top: 50px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.complete-project-start {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.complete-project-start img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.complete-project-content {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    z-index: 9;
    padding: 0 70px 0 70px;
}

.complete-project-start:after{
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    left: 0;
}
.complete-project-content p{
    font-family: 'Outfit-Regular';
    font-size: 16px;
    width: 100%;   
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.complete-project-content h3{
    font-family: 'Outfit-Bold';
    font-size: 22px;
    width: 100%; 
    padding: 10px 0;  
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}



.complete-project-start:nth-of-type(even) .complete-project-content{
    justify-content: flex-end;
    right: 0;
}

.servicess-img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sevicess-start{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sevicess-start img{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 60%;
    justify-content: center;
}
.policy-start {
    display: flex;
    padding: 60px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.policy-sub {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.policy-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.policy-content h3{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-family: 'Outfit-Bold';
    font-size: 22px;
    padding-bottom: 10px;
}

.policy-content p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-family: 'Outfit-Regular';
    font-size: 16px;
    color: #515151;
    
}
.policy-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 40px 35px 0px;
}


.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 100%;
    min-width: 100%;
    margin: 0px auto;
    padding: 0 100px;
}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 13px;
    font-family: 'Outfit-Bold';
    text-transform: uppercase;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;

    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    animation: remove 1s linear 0s 1 forwards;
    -webkit-animation: remove 1s linear 0s 1 forwards;
    font-family: 'Outfit-Regular';
    
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
    animation: remove 1s linear 0s 1 forwards;
    -webkit-animation: remove 1s linear 0s 1 forwards;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
    animation: remove 1s linear 0s 1 forwards;
    -webkit-animation: remove 1s linear 0s 1 forwards;
    
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}

.tearms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.contact{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.contct-start{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.contact-detail{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.phones{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 40px
}

.industrial-start p span {
    width: 100%;
    /* font-weight: bold; */
}
.contact-ioc {
    display: flex;
    width: 45px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #1C75BC;
    height: 44px;
}
.contact-cont {
    width: calc(100% - 80px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 15px;
}
.contact-cont h5 {
    width: 100%;
    color: #343434;
    padding-bottom: 4px;
    font-family: 'Outfit-Bold';
    font-size: 18px;
}
.contct-sub {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.contct-sub h6 {
    color: #343434;
    font-family: 'Outfit-Bold';
    font-size: 16px;
    width: auto;
}
.numb-co {
    
        width: 160px;
    display: flex;
    padding-left: 15px;
    flex-wrap: wrap;
}
.numb-co a{
    width: 100%;
    font-family: 'Outfit-Regular';
    display: flex;
    font-size: 16px;
    color: #343434;
    flex-wrap: wrap;
}
.contact-cont a {
    width: 100%;
    font-family: 'Outfit-Regular';
    display: flex;
    font-size: 16px;
    color: #343434;
    flex-wrap: wrap;
}
.contact-ioc img {
    width: 26px;
    object-fit: contain;
    height: 30px;
}
.numb-add {
    width: 100%;
    display: flex;
    padding-top: 15px;
    padding-bottom: 30px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.numb-add img {
    width: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto;
}
.contct-sub .numb-add p {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    padding-left: 15px;

    font-family: 'Outfit-Regular';

    font-size: 16px;
    color: #343434;

}



.contct-sub p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    
    font-family: 'Outfit-Regular';
    font-size: 16px;
    color: #343434;
}


.form-group {
    display: block;
    margin-bottom: 15px;
  }
  
  .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .form-group label {
    position: relative;
    color: #000;
    font-size: 18px;
    font-family: 'Outfit-Regular';
    cursor: pointer;
  }
  
  /*.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: white;
    border: 2px solid #B9B9B9;
    padding: 15px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 8px;
}
  
.form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 12px;
    width: 9px;
    height: 22px;
    border: solid #0079bf;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
*/

.contact-form{
    width: 100%;
    display: flex;
    background-color: #F3F6FD;
    padding: 50px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;   
}
.cont-form{
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;    
}
.cont-form h3 {
    font-family: 'Outfit-Bold';
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 100%;
    color: #000;
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
}
.for-c{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 0 0;

    align-items: center;
    justify-content: center;    
}
.fo-s {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    align-items: center;
    justify-content: center;
}
.fo-s input {
    width: 100%;
    font-size: 14px;
    display: flex;
    border: 2px solid #B9B9B9;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    border-radius: 10px;
}

.fo-s textarea {
    width: 100%;
    font-size: 14px;
    resize: none;
    display: flex;
    border: 2px solid #B9B9B9;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 95px;
    line-height: 45px;
    padding-left: 15px;
    border-radius: 10px;
}
.fo-s input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
.fo-s input::-moz-placeholder { /* Firefox 19+ */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
  .fo-s input:-ms-input-placeholder { /* IE 10+ */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
  .fo-s input:-moz-placeholder { /* Firefox 18- */
    color: #989898;
    font-family: 'Outfit-Regular';
  }



  .fo-s textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
.fo-s textarea::-moz-placeholder { /* Firefox 19+ */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
  .fo-s textarea:-ms-input-placeholder { /* IE 10+ */
    color: #989898;
    font-family: 'Outfit-Regular';
  }
  .fo-s textarea:-moz-placeholder { /* Firefox 18- */
    color: #989898;
    font-family: 'Outfit-Regular';
  }

.fo-s input[type=submit] {
    width: fit-content;
    padding: 0 80px;
    background: #007CC5;
    border: 0;
    font-size: 20px;
    border-radius: 5px;
    color: white;
    font-family: 'Outfit-Regular';
    text-transform: uppercase;
    margin:30px 0 0;
}



/*pratiksha*/
.service-img
{
   width:100%;
   text-align: center;
   display: flex;
   margin:200px auto;
}
.service-img img 
{
    width:450px;
    height:450px;
    object-fit: cover;
    border-radius:50%;
    padding:20px;
    border:2px solid #000;
    object-position:center;
    margin:0 auto;
    background-color:#fff;
    z-index: 999;
}
.sevicess-start
{
    position: relative;
    z-index: 9;
}
.ser-one
{
    position:absolute;
    left: 0;
    right: 0;
    top:25px;
    margin:0 auto;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    /* padding:10px; */
    /* border:2px dashed #fd5807; */
    background-color:#fff;
}
.ser-one h6 
{
    color: #000;
    font-family: 'Nunito-Bold';
    position: relative;
    z-index: 99;
    font-size:16px;
    text-align:center;
    background-color:#000;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #cacaca, #fff);
    box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
    padding:5px;
}
.ser-one:after
{
    width: 2px;
    height:calc(100% + 75px);
    top:-40px;
    left:0;
    right: 0;
    margin:0 auto;
    
    position:absolute;
    content: '';
    background-color:#fd5807;
    
}
.ser-one:before
{
    width:15px;
    height:15px;
    top:-50px;
    left:0;
    z-index: 9;
    right: 0;
    margin:0 auto;
    position:absolute;
    content: '';
    background-color:#fd5807;
    
    border-radius: 50%;
}
.ser-one.ser-two
{
    left:340px;
    top: 75px;
    border-color:#fda623;
}
.ser-one.ser-two:after
{
    background-color:#fda623;
    transform: rotate(33deg);
}
.ser-one.ser-two:before
{
    background-color:#fda623;
    top: -34px;
    left: 120px;
}
.ser-one.ser-three 
{
    left:575px;
    top:200px;
    border-color:#c63894;
}
.ser-one.ser-three:after
{
    background-color:#c63894;
    transform: rotate(50deg);
}
.ser-one.ser-three:before
{
    background-color:#c63894;
    top: -12px;
    left: 145px;
}
.ser-one.ser-four
{
    left:660px;
    top: 360px;
    border-color:#4fc6b7;
}
.ser-one.ser-four:after
{
    background-color:#4fc6b7;
    transform: rotate(90deg);
}
.ser-one.ser-four:before
{
    background-color:#4fc6b7;
    top:58px;
    left:170px;
}
.ser-one.ser-five
{
    left:580px;
    top:520px;
    border-color:#3886ce;
}
.ser-one.ser-five:after
{
    background-color:#3886ce;
    transform: rotate(122deg);
}
.ser-one.ser-five:before
{
    background-color:#3886ce;
    top:115px;
    left:155px;
}
.ser-one.ser-six
{
    left:340px;
    top:640px;
    border-color:#7f5aaf;
}
.ser-one.ser-six:after
{
    background-color:#7f5aaf;
    transform: rotate(145deg);
}
.ser-one.ser-six:before
{
    background-color:#7f5aaf;
    top:145px;
    left:123px;
}
.ser-one.ser-seven
{
    left:0px;
    top:690px;
    border-color:#cede47;
}
.ser-one.ser-seven:after
{
    background-color:#cede47;
}
.ser-one.ser-seven:before
{
    background-color:#cede47;
    top:170px;
}
.ser-one.ser-eight
{
    left:-340px;
    top:640px;
    border-color:#db7b65;
}
.ser-one.ser-eight:after
{
    background-color:#db7b65;
    transform: rotate(-145deg);
}
.ser-one.ser-eight:before
{
    background-color:#db7b65;
    top:145px;
    left:-123px;
}
.ser-one.ser-nine
{
    left:-580px;
    top:520px;
    border-color:#195478;
}
.ser-one.ser-nine:after
{
    background-color:#195478;
    transform: rotate(-125deg);
}
.ser-one.ser-nine:before
{
    background-color:#195478;
    top:117px;
    left:-170px;
}
.ser-one.ser-ten
{
    left:-660px;
    top:360px;
    border-color:#1f5e62;
}
.ser-one.ser-ten:after
{
    background-color:#1f5e62;
    transform: rotate(-90deg);
}
.ser-one.ser-ten:before
{
    background-color:#1f5e62;
    top:58px;
    left:-220px;
}
.ser-one.ser-eleven
{
    left:-575px;
    top:200px;
    border-color:#89cdf5;
}
.ser-one.ser-eleven:after
{
    background-color:#89cdf5;
    transform: rotate(-50deg);
}
.ser-one.ser-eleven:before
{
    background-color:#89cdf5;
    top: -10px;
    left: -160px;
}
.ser-one.ser-twelve
{
    left:-340px;
    top:75px;
    border-color:#768ba0;
}
.ser-one.ser-twelve:after
{
    background-color:#768ba0;
    transform: rotate(-33deg);
}
.ser-one.ser-twelve:before
{
    background-color:#768ba0;
    top: -34px;
    left: -120px;
}

.nav-tabs-outer{
      overflow-x:scroll;
      margin: 20px;
    }
    .nav-tabs-outer > ul > li{
      display: block;
      width: 25%;
      padding: 0px 10px;
    } 
    
    .tab-content {
      background: #04284A;
      padding: 60px
    }
    .tab-content img {
      padding: 15px;
      float: left;
    }
    .tab-content p {
      height: 180px;
      font-size: 18px;
      letter-spacing: 2px;
      display: flex;
      align-items: center;
    }
    .tab-pane:after {
      content: "";
      display: block;
      clear: both;
    }

.srevice-tas{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 70px;
    align-items: center;
    justify-content: center;   
}

.tages{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    
    align-items: center;
    justify-content: center;  
}
.nav-tabs-outer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.fade:not(.show) {
    opacity: 1;
}
ul.nav.nav-tabs.js-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


.tab-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.grap-main {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.tab-pane {
    width: 100%;
    display: flex;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center;
    text-align: center;
}
.ty{
    width: 100%;
    display: flex;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center;
    text-align: center;
}
.ty .ser-one h6{
background: #efefef;
box-shadow: none;
}
.ty .ser-one{padding: 0;}

.ty .service-img img{
    border: 2px solid #8a8a8a;    background-color: transparent;
}

.nav li a.active{
    position: relative;
}
.nav li a.active::before {
    position: absolute;
    content: '';
    background-color: white;
    width: 40px;
    height: 25px;
    bottom: -40px;
    top: unset;
    /* border-top-left-radius: 50%; */
    /* border-top-right-radius: 50%; */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    z-index: 99999;
}


.boxs {
    width: 100%;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.boxsdse {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.dasg {
    width: 1350px;
    overflow: visible;
    /* position: absolute; */
    z-index: 9;
    display: none;
    right: 0;
    background: pink;
    /* max-width: 100%; */
    left: 0;
}

.boxs .col-lg-3 {
    padding: 0 10px 20px 10px;
}


.sevicess-start.detail {
    padding: 70px 0px;
    background-image: url('https://nicktung.com/msv/wp-content/uploads/2024/02/detengg2b-770x350-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    position: relative;
}
.sevicess-start.detail::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        z-index: -9;
       background-color:rgba(4,40,74,0.9);
    }

.detail .ser-one h6{
    background: white;
    box-shadow: none;
}
.detail .service-img img{
    border: 2px solid #888;

    background-color: transparent;
}




.detail .ser-one h6::after {
    content: '';
    position: absolute;
    border: 2px dashed #fd5807;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.ser-one h6::after {
    content: '';
    position: absolute;
    border: 2px dashed #fd5807;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}

.ser-one.ser-two h6::after{
    border-color: #fda623;
}

.ser-one.ser-three h6::after {
    border-color: #c63894;
    transform: rotate(50deg);
}

.ser-one.ser-four h6::after {
    border-color: #4fc6b7;
}

.ser-one.ser-five h6::after{
    border-color: #3886ce;
}

.ser-one.ser-six h6::after {

    border-color: #7f5aaf;
}
.ser-one.ser-seven h6::after{

    border-color: #cede47;
}
.ser-one.ser-eight h6::after{
    border-color: #db7b65;
}
.ser-one.ser-nine h6::after{
    border-color: #195478;
}
.ser-one.ser-ten h6::after{
    border-color: #1f5e62;
}
.ser-one.ser-eleven h6::after{
    border-color: #89cdf5;
}
.ser-one.ser-twelve h6::after{
    border-color: #768ba0;
}
.ser-one.ser-two h6::after{
    border-color: #fda623;
}

.fo-s span {
    width: 100%;
}

/*responsive-menu*/
.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background:#C6111D;
}
.header-main.header-bg-wh .animated-icon1 span{
    background: #fff;
}
.animated-icon1 span:nth-child(1) {
    top: 0px;
}
.animated-icon1 span:nth-child(2) {
    top: 7px;
}
.animated-icon1 span:nth-child(3) {
    top: 14px;
}
.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.mobile-menu-toggle button:focus{
    outline: none;
    box-shadow: none;
}
.menu-res{
    display: none;
}
@media (min-width:768px){
    .mobile-menu-toggle{display: none;}    
}
.mobile-menu-toggle {
    position: absolute;
    right:15px;
    transition: all 0.5s ease;
    top: 50%;
    z-index: 9999;
    transform: translateY(-50%);
}
.navbar-toggler
{
    padding:0;
}
input[type=checkbox]
{
    border: 2px solid #B9B9B9;
    width:30px;
    height: 30px;
    accent-color: #007cc5;
    margin-right:10px;
}
.wpcf7-list-item
{
    margin:0 !important;
}
.wpcf7-list-item label
{
    margin:0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #000;
    font-size: 18px;
    font-family: 'Outfit-Regular';
}

.banner-slider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.slick-dots li button:before{font-size: 0;}

.slick-dots li.slick-active button {
    background: #0066ad;
    border: 2px solid white;;
}

.slick-dots li button{width: 40px;height: 5px;    padding: 2px;}

.slick-dots li{    width: 40px;}

.slick-dots li button:before{width: 30px;height: 5px;}
.slick-dots li button{    background: white;}

.slick-dots{    bottom: 0;}

#mailpoet_form_1 .mailpoet_form {
    padding-left: 0 !important;
}
.header-right ul li.menu-item-has-children {
    position: relative;
    z-index:999;
}
.header-right ul li.menu-item-has-children::after {
    content: '\f107';
    font-size:16px;
    color: #000;
    font-family: 'font awesome 5 free';
    font-weight: 900;
    padding: 2px 0 0 8px;
    position:absolute;
    top: 0px;
    transition: all .4s ease;
    right:0;
}
.header-right ul li ul.sub-menu {
    transition: opacity .25s ease, visibility .25s ease;
    animation: menu-to-bottom .25s ease;
    -webkit-animation: menu-to-bottom .25s ease;
    min-width: 200px;
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    top:100%;
    border-radius: 10px;
    padding:5px;
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.10));
    left:0;
}
.header-right ul.sub-menu>li {
    width:100%;
    padding: 0 0 4px;
    display: flex;
    flex-wrap: wrap;
    margin:0;
}
.header-right ul.sub-menu li a {
    font-size: 14px;
    width:100%;
    font-family: 'Nunito-Bold';
    color:#000;
}
.header-right ul.sub-menu li a:hover
{
    background-color:transparent;
    color:#0063B0;
}
.header-right li.menu-item-has-children:hover .sub-menu {
    animation: menu-in-top .25s ease;
    -webkit-animation: menu-in-top .25s ease;
    display: block;
}
.header-right ul li.menu-item-has-children.open::after{
    content: '\f106';
}

.header-menu ul li a:hover:after
{
    color:#fff;
}

.project-tabpanel
{
    width: 100%;
    margin:0px 0 60px;
}
.project-tabpanel .nav  
{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom:20px;
    list-style: none;
    border: 0px;
    justify-content: center;
}
.project-tabpanel .nav li
{
    margin-bottom: 10px;
    padding: 0px 5px;
}
.project-tabpanel .nav li .nav-link 
{
    border-radius: 40px;
    background-color: #fff;
    color: #787878;
    font-size:15px;
    font-family: 'Nunito-Regular';
    text-decoration-line: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:9px 15px;
    border: 1px solid #b7b7b7;
    line-height:1;
}
.project-tabpanel .nav li .nav-link:hover, .project-tabpanel .nav li .nav-link.active
{
    color: #fff;
    background-color: #c6111d;
    border-color:#c6111d;
}
.project-tabpanel .tab-content
{
    background-color:transparent !important;
    padding:0 !important;
}
.gallery-listing
{
    width: 100%;
}
.gallery-listing .col-lg-3 
{
    padding-bottom:15px;
    max-width: 100% !important;
}
.gallery-list-link 
{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.gallery-list-picture {
    width: 100%;
}
.gallery-list-picture img 
{
    width: 100%;
    max-height:300px;
    min-height:300px;
    object-fit: cover;
    padding:0 !important;
}
.gallery-list-hover {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(198 17 29 / 70%);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-list-hover span 
{
    width:45px;
    height:45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    font-size:20px;
    color:#c6111d;
}
.gallery-listing .ctitle 
{
    text-align: left;
    font-size: 17px;
    font-family: 'Outfit-Medium';
    color: #000;
    margin:0 0 10px;
    height:unset !important;
}
.gallery-list-link:hover .gallery-list-hover {
    top: 0px;
}
.project-tabpanel .nav li a.active::before
{
    display:none;
}
.gallery-dtl
{
    width:100%;
    padding:10px;
}
.gallery-dtl p 
{
    font-size:15px;
    height:unset !important;
    font-family: 'Outfit-Medium';
    color: #000;
}
.gallery-listing .slick-arrow
{
    top:unset;
    right:unset;
        left: 45%;
            transform: translateX(-50%);
    bottom:-50px;
    width:45px;
    height: 45px;
    font-size:24px;
    background-color:#c6111d;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.gallery-listing .slick-next {
    margin-left: 70px;
}
.gallery-listing .slick-prev:hover, .gallery-listing .slick-prev:focus, .gallery-listing .slick-next:hover, .gallery-listing .slick-next:focus
{
    color: #fff;
}
.service
{
    width: 100%;
}
.service-box
{
    width: 100%;
}
.ser-dtl {
    padding: 15px 7px;
    background-color: rgb(0 99 176 / 10%);
    margin-top: 0;
    width: 100%;
    text-align: center;
    position: relative;
    z-index:99;
}
.ser-img
{
    width: 100%;
    overflow:hidden;
}
.ser-img img 
{
    width: 100%;
    height:auto;
    max-height:200px;
    min-height:200px;
    object-fit:cover;
}
.ser-dtl img
{
    object-fit:contain;
    height:50px;
    width:50px;
}
.ser-dtl h4
{
padding: 10px 5px;
    font-size: 19px;
    color: #000;
    min-height: auto;
    text-transform:capitalize;
    font-family: 'Nunito-Bold';   
}
.ser-dtl a
{
    font-size:18px;
    color: #000;
    font-family: 'Nunito-SemiBold';  
    text-transform:capitalize; 
}
.service .col-lg-4
{
    padding-bottom:20px;
}
.service-box:hover .ser-img img
{
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.service-box:hover .ser-dtl h4, .service-box:hover .ser-dtl a 
{
    color: #fff;
}
.service-box:hover .ser-dtl img 
{
    filter: brightness(0) invert(1);
}
.policy-cnt
{
    width: 100%;
    padding:50px 0;
}
.policy-cnt p 
{
    padding-bottom:5px;
    font-size:16px;
    color: #000;
    font-family: 'Nunito-Regular';
}
.policy-cnt h3, .policy-cnt h2 
{
    padding:10px 0;
    font-size:26px;
    color: #000;
    font-family: 'Nunito-Bold';
}
.policy-cnt ul
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:0 0 15px;
    margin: 0;
    list-style-type:none;
}
.policy-cnt ul li {
    width: 100%;
    padding-left:25px;
    color: #000;
    font-family: 'Nunito-Regular';
    padding-bottom: 5px;
    font-size:16px;
    position: relative;
}
.policy-cnt ul li::After {
    position: absolute;
    content: '';
    width:8px;
    height:8px;
    border-radius: 50px;
    background: #C6111D;
    z-index: 99;
    left:0px;
    top:8px;
}
.policy-cnt p a, .policy-cnt ul li a, .policy-cnt ol li a
{
    color:#C6111D;
}
.policy-cnt ol
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:0 0 15px 15px;
    margin: 0;
}
.policy-cnt ol li {
    width: 100%;
    color: #000;
    font-family: 'Nunito-Regular';
    padding-bottom: 5px;
    font-size:16px;
}
.ser-dtl:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: visible;
    background-color:#0063B0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    z-index:-9;
    -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.5s cubic-bezier(.645, .045, .355, 1);
    transition: all 0.5s cubic-bezier(.645,.045,.355,1);
}
.service-box:hover .ser-dtl:before
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}



.data-starts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.data-lies::before {
        top: 0;
    position: absolute;
    content: '';
    z-index: -9;
    border: 2px dashed white;
    height: 100%;
    width: auto;
    
}
.data-starts img {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
        border: 5px solid white
}
.data-lies {
    width: 100%;
    z-index: 9;
    display: flex;
        padding-top: 50px;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.table-sv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
        margin-bottom: 15px;
}
.table-sv h2 {
width: fit-content;
    display: flex;
    flex-wrap: wrap;
    background-color: #04284A;
    align-items: center;
    justify-content: center;
    font-family: 'Outfit-SemiBold';
    font-size: 17px;
        color: white;
        padding: 10px 34px;
    border: 1px solid white;
    border-radius: 20px;

}
.data-lies .table-sv:last-child {
    margin: 0;
}

.data-lies::after {
    content: '';
    position: absolute;
    background: #D32929;
width: 30px;
    height: 20px;
    clip-path: polygon(0 0, 48% 100%, 100% 0);
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.industrial-start .row ul li{
    color: #515151;
    font-family: 'Outfit-SemiBold';
    padding-bottom: 5px;
    font-size:16px;
   
}
.industrial-start .row span{
    font-family: 'Outfit-SemiBold';
}

.industrial-start .row ul{
    padding-top: 30px;
   
}
.new-imag img {
    width: 100%;
    max-width: 100%;
    object-fit:contain;
}
.career
{
    width: 100%;
    margin:60px 0;
}
.career .col-lg-3
{
    padding-bottom:30px;
}
.career-one
{
    width:100%;
    padding:25px;
    text-align:left;
    background-color: #fff;
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.10));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:25px;
    position: relative;
}
.career-one h4
{
    font-size:24px;
    font-family: 'Nunito-Bold';
    color:#0063B0;
    margin:0 0 15px;
    text-transform: uppercase;
}
.career-one p
{
    font-size:18px;
    font-family: 'Nunito-Regular';
    color:#000;
    margin:0 0 10px;
    text-transform:capitalize;
}
.career-one a {
    font-size: 18px;
    font-family: 'Nunito-Medium';
    color: #FFF;
    margin: 15px 0 15px;
    display: flex;
    /* flex-wrap: wrap; */
    background-color: #0063b0;
    max-width: 115px;
    padding: 0 10px 7px;
    line-height: 28px;
    border: 1px solid #0063b0;
    
}
.career-one a:hover {background-color: transparent;border: 1px solid #0063b0;color: #0063B0;}
.btn-main
{
    width: 100%;
}
.btn-main a 
{
    width:auto;
    background-color:#C6111D;
    display: flex;
    font-size: 16px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: white;
    border-radius: 50px;
    line-height:1;
    padding:10px 30px;
    font-family: 'Nunito-Bold';
    border:2px solid #C6111D;
    max-width: fit-content;
    margin:0 !important;
}
.btn-main a:hover 
{
    color:#C6111D;
    background-color:transparent;
}
.career-img
{
    width:250px;
    height:100%;
}
.career-img img 
{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.career-right
{
    width: calc(100% - 250px);
    padding-left:25px;
}
.career-one h6
{
    font-size:18px;
    font-family: 'Nunito-Bold';
    color:grey;
    margin:0 0 10px;
    text-transform:capitalize;
}
.open-btn
{
    position: absolute;
    right:0;
    top: 0;
}
.open-btn p 
{
    width:auto;
    background-color:#0063B0;
    font-size: 16px;
    height: 40px;
    color: white;
    line-height:1;
    padding:10px 30px;
    font-family: 'Nunito-Bold';
    max-width: fit-content;
    margin:0 0 0 auto !important;
}
.open-btn.close-btn p 
{
    background-color:#C6111D;
}

.new-detail {
    display: inline-flex !important;
    align-items: normal !important;
}
.new-detail h2{
    font-size: 2em;
    font-family: 'Outfit-Bold';
}

.career_portal_contain ul li{
    font-family: 'Outfit-regular';
}

/* pre-engineered-steel-buildings page */

.Who-We-Are .INDUSTRIAL-SUB h2
{
    font-size: 28px;
    font-family: 'Outfit-Bold';
    margin-bottom: 15px;
}
.Who-We-Are .INDUSTRIAL-SUB  ul li,
.we-deliver-section .INDUSTRIAL-SUB  ul li
{
    color: #515151;
    font-family: 'Outfit-Regular';
    padding-bottom: 15px;
    font-size: 18px;

}
.Who-We-Are  .INDUSTRIAL-SUB p {

    padding-bottom: 15px;
    font-size: 18px;
   
}
.Who-We-Are  .INDUSTRIAL-SUB p strong
{
 text-transform: uppercase;
}

.INDUSTRIAL-STAET .who-we-img 
{
    gap:20px;
}
.INDUSTRIAL-STAET .who-we-img img {
    width: 100%;
     height:300px ;
     object-fit: cover;
     object-position: center;
     border-radius: 30px;

    }

 .Who-We-Are .INDUSTRIAL-STAET  .col-lg-4 .single-img img
 {
    height: 420px;
 }


 .about-us-pg .INDUSTRIAL-STAET .who-we-img.abt-us-pg img {
    width: 100%;
    height: auto;
 }

 .we-deliver-section {
    padding: 50px 0px;
}