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

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

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

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

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

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

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

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

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

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


/*******global-style**********/

p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
     color: #171717;
}

body h1{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 65px;
    line-height: 89px;
    color: #171717;
    margin: 0;
}
body h2{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: #171717;
    margin: 0;
}
body h3{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
   font-size: 30px;
   line-height: 41px;
    color: #171717;
   
}
body h4{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
     color: #171717;
     margin: 0;
}

body h5{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #191825;
    
}
header {
    position: relative;
    z-index: 999;
}

.btn{
    color: #555;
    font-family: 'Finlandica', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    border-radius: 0;
    border: 6px solid #3556BF;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.btn:focus{ color: #555; }
.btn:hover{
    color:#fff; 
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.btn:before, .btn:after {
    content: "";
    width: 100%;
    height: 50px;
    border: 1px solid #3556BF;
    position: absolute;
    left: 10px;
    top: 9px;
    z-index: -1;
    transition: all 0.3s ease;
}
.btn:hover:before{
    width:100%;
    height:100%; 
    top: 0;
    left: 0;
}
.btn:after{
    background: #1AB69D;
    border: none;
    width:100%;
    height: 0; 
    opacity: 0;
    top: auto;
    bottom: 0;
    left: 0;
}
.btn:hover:after{
    opacity: 1;
    height: 100%; 
}
header a.btn.btn-lg{
    border-radius: 5px;
    padding: 13px 26px;
}
header a.btn.btn-lg:hover{ border: 1px solid #1AB69D;}
.btn.btn-lg {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    background: #3556BF;
    border-radius: 0;
    text-transform: capitalize;
    padding: 14px 24px;
}
 a.btn.btn-lg:hover{ border: 1px solid #1AB69D;color: #fff;}

/***************Header-css****************/

.container {max-width: 1340px !important;width: 100% !important; padding: 0 20px;margin: 0 auto;}

#troo-da-top-header{background-color:  #3556BF;padding: 20px 0;position: relative;}
section#troo-da-top-header:after { position: absolute; width: 53px; height: 53px; top: -25px; background: linear-gradient(0deg, #1AB69D, #1AB69D), #1AB69D;
    content: ""; right: 121px; border-radius: 46px;}
#troo-da-top-header .row { align-items: center;}
.troo-con span {font-family: 'Inter'; font-style: normal;font-weight: 400;  font-size: 14px;
    line-height: 17px; color: #FFFFFF;  display: inline-block; margin-left: 6px;}
nav.navbar.navbar-expand-lg { background: #FFFFFF;border-radius: 5px;position: relative;padding: 0;}    
.navbar-expand-lg .navbar-collapse {justify-content: space-between;}
.nav-link:focus, .nav-link:hover{color:#1AB69D !important;}
ul.navbar-nav {padding-left:0px;padding-right: 0px;margin: 0px 0 0 257px;}
li.consult-links {margin-left: 20px;}
a.nav-link {font-family: 'Nunito'; font-style: normal;font-weight: 500; font-size: 16px; line-height: 22px;color: #171717;padding: 0 20.5px !important;position: relative;}
a.nav-link:before {background: #1AB69D;content: ""; height: 22px; width: 1px; position: absolute; bottom: -45px; left: 0;
    right: 0; margin: 0 auto;display: none;}
a.nav-link:hover:before{display: block;}
a.nav-link.active:before { background: #1AB69D; content: ""; height: 22px;width: 1px; position: absolute;bottom: -45px;
    left: 0;right: 0; margin: 0 auto; display: block;}
a.nav-link.active{color: #1AB69D;}
a.dropdown-item.sub-page-active {
    background-color: #e9ecef40 !important;
}
.fllowa-socail ul li { list-style: none;}
.fllowa-socail ul { padding: 0; margin: 0 60px 0 55px; position: relative; z-index: 999;}
.fllowa-socail ul li a {color: #3556BF;width: 30px;height: 30px;display: block; padding: 1px 5px 6px 11px;}
.fllowa-socail span { font-family: 'Nunito'; font-style: normal;font-weight: 700; font-size: 16px;line-height: 22px; color: #171717;
    transform: rotate(-90deg);  display: block;  padding: 0 0 0 0;  margin: 0 -7px 0 -12px;}
.fllowa-socail ul li i{
transform: rotate(-90deg);color: #3556BF;}
.fllowa-socail ul li a:hover{color: #1AB69D;background: rgba(26, 182, 157, 0.2);}
.fllowa-socail ul li a:hover i{ color: #1AB69D; }
.fllowa-socail { position: fixed; z-index: 9; top:43%;}
.sub-page .fllowa-socail { position: fixed; z-index: 9;top: 26%; left: -28px;}
.call-ss span {font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px; color: #191825;    display: block;}
.nav-link {position: relative;}
.cll-de ul li a {font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; color: #FFFFFF;
text-decoration: none; display: inline-block; padding-left: 8px;}
.cll-de ul li a:hover { color: #1AB69D;}
.cll-de ul li:after { position: absolute; width: 1px; height: 16px; left: 0; top: 7px;  background: #FFFFFF;  opacity: 0.2;content: "";}
.cll-de ul li:first-child:after { display: none;}
.cll-de ul li {list-style: none; display: inline-block; padding: 0 14px; position: relative;}
.cll-mail-link ul { text-align: right; margin-bottom: 0;}
.socal-icon li {display: inline-block;padding: 0 3.5px;}
.socal-icon ul {padding: 0;margin: 0;}
.socal-icon span { margin-right: 11px;float: left; font-family: 'Nunito';  font-style: normal; font-weight: 700;
    font-size: 14px; line-height: 19px;    padding-top: 4px; color: #FFFFFF;}
.socal-icon ul li a { color: #fff;padding: 0 0px 0 5px;}
.socal-icon ul li a:hover { color: #1AB69D;}
.socal-icon:after { position: absolute;width: 1px; height: 16px; left: -17px; top: 7px; background: #FFFFFF; opacity: 0.2; content: "";}
.socal-icon { position: relative;}
#troo-da-bottom-header { background: #FFFFFF; box-shadow: 0px 8px 15px rgb(149 157 165 / 10%); padding: 20px 0 19px 0;}


  
  @-webkit-keyframes BordersIn {
    0% { border: 1px solid transparent}
    25% { border-color: transparent transparent transparent #3556BF}
    50% { border-color: #3556BF transparent transparent #3556BF}
    75% { border-color: #3556BF #3556BF transparent #3556BF}
    100% { border-color:#3556BF #3556BF #3556BF #3556BF} 
  }
  
  @keyframes BordersIn {
    0% { border: 4px solid transparent}
    25% { border-color: transparent transparent transparent #3556BF}
    50% { border-color: #3556BF transparent transparent #3556BF}
    75% { border-color: #3556BF #3556BF transparent #3556BF}
    100% { border-color: #3556BF #3556BF #3556BF #3556BF}
  }
.dropdown-toggle::after { background-image: url(../images/drop-arrow.png); position: absolute; width: 12px;height: 7px;border: none !important;
    top: 7px;right: 5px;}
a.dropdown-item { color: #fff !important; font-family: 'Nunito';font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #171717;
    padding: 9px 20.5px !important; position: relative;}
ul.dropdown-menu.show{background-color: #3556BF !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #1e2125;background-color: #e9ecef40 !important;}
.troo-con {display: flex; align-items: center;}
/***************End-Header-css****************/

/***************herosection************************/
.spinner-wrap {
    position: absolute;
    width: 552px;
    height: 414px;
    top: -42%;
    display: block;
    right: 8%;
    z-index: -9;
    transform: rotate(115deg);
}
.spinner-item {border: 1px solid #3556BF ;border-radius: 50%;height:320px;width:320px;position: absolute;left: 50%; top: 8%;
    transform: translate(-50%, -50%);opacity: 0;animation: zoom 2s linear 0.75s infinite;}
.spinner-item--2{animation-delay: 1.25s;}

@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
.zoom-in-zoom-out {animation: zoom-in-zoom-out 2s ease-out infinite;position: absolute;left:5%;z-index: 9;top: 49px;}
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }
.hero-text ul li a {font-family: 'Nunito';font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; text-align: center;
    color: #FFFFFF; background: #1AB69D;  box-shadow: 0px 8px 24px rgb(26 182 157 / 50%);  padding: 14px 16px; text-decoration: none; transition: 0.5s;}
.hero-text ul li a:hover{background-color:  #171717 ;}
 .hero-text ul li {list-style: none;    display: inline-block;}
.hero-text ul  {margin: 0;padding: 0;}
.hero-text .call-ss a { border-radius: 0;padding: 14px 38px; font-family: 'Nunito';font-style: normal;font-weight: 700; font-size: 16px;
    line-height: 22px;color: #FFFFFF; position: relative; display: inline-block; background: #3556BF; border: none;  text-decoration: none; 
       box-shadow: none;transition: 0.5s;}
.hero-text .call-ss a:hover{background: #3556BF}       
 li.call-ss {  margin-left: 53px;}
 .hero-title span {color: #3556BF; border-bottom: 2px solid #3556BF; display: inline-block;}
 .hero-title strong {color: #1AB69D; border-bottom: 2px solid #1AB69D; display: inline-block; font-weight: 700;}
 .sub-tile {font-family: 'Poppins'; font-style: normal; font-weight: 500;  font-size: 20px; line-height: 30px;color: #171717;}
 .hero-text p { margin-top: 17px; margin-bottom: 45px;    padding-right: 120px;}
#troo-da-hero-section .row {align-items: center;}
#troo-da-hero-section {padding-top: 58px;position: relative;}
.wave-img {position: absolute;left: 4%;}
.lin-move { position: absolute; top: -9px; left: 18%; -webkit-animation: mymove 15s ease-in-out infinite;
		animation: mymove 15s ease-in-out infinite;    z-index: -9;
}
@keyframes mymove {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
      20% {
      -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
      transform: rotate(-6deg);
    }
    54% {
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      transform: rotate(15deg);
    }
  
    82% {
      -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
      transform: rotate(-6deg);
    }
   }
.left-img-col img { width: 100%;}
.left-img-col{position: relative;}
.left-img-col:after { background-image: url(../images/bg-cril.png); width: 100%;height: 100%;content: "";
    background-size: contain; position: absolute; left: -65px;  background-repeat: no-repeat;}
.hero-text {position: relative;}    
.hero-text:after { background: #3556BF; opacity: 0.1; filter: blur(50px); position: absolute; width: 301px;height: 301px;content: "";
    top: 0;left: -44px;}

.vert-move {z-index: 1; position: absolute; -webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate; left: -6%;top: -21px;}    @-webkit-keyframes mover {
        0% { transform: translateX(0); }
        100% { transform: translateX(-10px); }
    }
    @keyframes mover {
        0% { transform: translateX(0); }
        100% { transform: translateX(-10px); }
    }


.loader-line {animation: swing ease-in-out 1s infinite alternate;transform-origin: center -20px; position: absolute; left: -14px; bottom: 16px;}
 @keyframes swing {
        0% { transform: rotate(3deg); }
        100% { transform: rotate(-3deg); }
    }
.zoom-in-zoom-out {animation: zoom-in-zoom-out 2s ease-out infinite;position: absolute;left: -5%;z-index: 9;top: 26px;}
    @keyframes zoom-in-zoom-out {
      0% {
        transform: scale(1, 1);
      }
      50% {
        transform: scale(1.5, 1.5);
      }
      100% {
        transform: scale(1, 1);
      }
    } 
    section#troo-da-hero-section .zoom-in-zoom-out img {
        opacity: 0.2;
    }
 .mercury { width: 13px; height: 13px;  border: 2px solid #1AB69D; border-radius: 50%;position: absolute; bottom: 23%;left: -40%;
        z-index: 9999; animation: moving 9s infinite linear; transform-origin: 0; background: #fff; -webkit-animation: rotating 2s linear infinite;
        -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite;-o-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite;} 
@-webkit-keyframes rotating /* Safari and Chrome */ {
        from {
          -webkit-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
 @keyframes rotating {
        from {
          -ms-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        to {
          -ms-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
.radius { width: 17px;height: 17px; border-radius: 100%; position: absolute;top: 83%; right: 8%;  -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
.place{background:#3556BF;z-index:2;}
.radius .border-animation, .place{ display:block; width:17px; height:17px;position:absolute; border-radius:100%;}
 .radius .border-animation{  z-index:1;}
 .ba1{animation: rounder1 2s linear 2s infinite alternate; background:rgba(53,86,191,0.2); }
 @keyframes rounder1 {
        from {transform:scale(1);}
        to {transform:scale(1.39);}
      }
.ba2{ animation: rounder2 2s linear 2s infinite alternate;background:rgba(53,86,191,0.2);}
@keyframes rounder2 {
        from {transform:scale(1);}
        to {transform:scale(1.69);}
}
 .ba3{ animation: rounder3 2s linear 2s infinite alternate; background:rgba(53,86,191,0.7); }
 @keyframes rounder3 {
        from {transform:scale(1);}
        to {transform:scale(1.99);} 
      } 
      
 .left-img-col .vert-move { left: inherit; right: 22%;  top: 27%; z-index: -9; }   
  
.dot-zik {   position: absolute; bottom: -32%; right: 73%; -webkit-animation: move 1s infinite alternate;animation: move 1s infinite alternate; }  
 @-webkit-keyframes move {
        0% { transform: translateV(0); }
        100% { transform: translateY(-10px); }
    }
    @keyframes move {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
 /**************who-we-are************************/
section#troo-da-who-we-are-section {padding-top: 100px;padding-bottom: 100px;    position: relative;} 
.boto-img {margin-top: 30px;}
.who-we-are-img img { width: 100%;}
.sub-tile-con .sub-txt {font-family: 'Poppins';font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; color: #171717;
    margin-bottom: 13px;}
.sub-tile-con h2 span:after { background-image: url(../images/oval-line.png);position: absolute;max-width: 103px;
        height: 100%; content: "";background-repeat: no-repeat; left: 0; right: 0; margin: 0 auto;text-align: center;
        bottom: -44px; animation: drop-in 1s ease 200ms backwards; display: block; width: 100%;}
 .sub-tile-con h2 span {color: #3556BF; position: relative;display: inline-block;}
.who-we-are-text strong{font-family: 'Poppins';font-style: normal;font-weight: 500;font-size: 20px;line-height: 30px;color: #171717;
    margin-top:16px;margin-bottom:13px;display: block;}
@keyframes drop-in {
        from {
         opacity: 0;
         transform: translateY(-100px);
        }
        to {
         opacity: 1;
         transform: translate(0px);
        }
}
.who-we-are-text p {margin-bottom: 22px;}    
.who-we-are-text ul li {list-style: none;padding-bottom: 14px;display: flex; align-items: center;}
.who-we-are-text ul {padding: 0 0 25px 0; margin: 0;}  
.who-we-are-text ul li span {font-family:'Poppins';font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px;
    color: #171717; margin-left: 11px;} 
.cta-section .call-ss a { border-radius: 0;}
.cta-r {background: rgb(23 23 23 / 7%);border-radius: 50%; font-family: 'Nunito'; font-style: normal; font-weight: 700;font-size: 16px; line-height: 22px;
    text-align: center;color: #171717; padding: 15px 14px; display: inline-block;margin-left: 38px; margin-right: 31px;}
.cta-section { display: flex; align-items: center;}
.cal-col span {font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 14px;line-height: 19px;color: #171717;display: block;}
.cal-col a {font-family: 'Nunito'; font-style: normal;font-weight: 700; font-size: 14px; line-height: 19px;color: #3556BF;
    display: block; text-decoration: none;}
.circle {width: 30px;height: 30px; background: transparent; border-radius: 50%; position: absolute;top: 0; bottom:-44%;right:-12%;overflow: hidden;
        margin: auto;animation: circle 6s linear infinite; border: 3px solid #3556BF; width: 149px;height: 149px;}
 @keyframes circle{
        0%{
          transform:rotate(0deg)
                    translate(-15px)
                    rotate(0deg);
        
        }
        100%{
          transform:rotate(360deg)
                    translate(-15px)
                    rotate(-360deg);
        }
      }
.quadrado {width: 78px; height: 78px; animation: crescendo 1.5s alternate infinite ease-in; position: absolute;left: 7%; top: 74px; }
 @keyframes crescendo {
        0%   {transform: scale(.8);}
        100% {transform: scale(1);}
      }  
.who-we-are-img {position: relative;}
.who-we-are-img .zoomm {position: absolute;bottom: 38%; right: 14%;}
.who-we-are-img .zoomm img{ width: 18px !important; height: 18px !important;animation: zoomm 2s ease-out infinite;}
 @keyframes zoomm {
   0% {
     transform: scale(1, 1);
    }
 50% {
     transform: scale(1.5, 1.5);
}
 100% {
          transform: scale(1, 1);
  }
      }  
/**********************contersection**************************/
#troo-da-counter-section { position: relative; z-index: 9;}
.counter-box { display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.counter-box:after {position: absolute;width: 1px; height: 100px;left: 0; top: 0;
    background: #1AB69D; opacity: 0.2; content: "";}
.conter-sec .col-md-4:first-child .counter-box:after { display: none;}    
.num-col {font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 20px;line-height: 27px;
    color: #1AB69D; background: rgba(26, 182, 157, 0.2); width: 50px; height: 50px;
    border-radius: 50%; padding: 12px 13px; margin-right: 13px;    transition: 0.5s;}
.counter-box p {font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 20px;line-height: 30px;color: #171717;}
.counter { display: inline-block;font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 36px;
    line-height: 49px; color: #1AB69D;    transition: 0.5s;}
.conter-tx strong{  font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 36px;line-height: 49px; color: #1AB69D;transition: 0.5s;}
.conter-sec {background: #FFFFFF; box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); padding: 34px 37px;margin-bottom: 30px;}    
.counter-box:hover .num-col{color: #3556BF;background-color: #3556bf17;} 
.counter-box:hover .counter{color: #3556BF;}
.counter-box:hover strong{color: #3556BF;}
/********************feature-section*********/
#troo-da-feature-section { padding: 148px 0 100px 0;background: #F8F9FF; margin-top: -95px;position: relative;}
#troo-da-feature-section .sub-tile-con { text-align: center;padding-bottom: 49px;}
.feac-img span {background: #3556BF; position: absolute; bottom: 30px;font-family: 'Nunito'; font-style: normal; font-weight: 700;
    font-size: 16px;line-height: 22px; color: #FFFFFF; padding: 10px 9px; right: 27px;}
.feature-sec { background: #FFFFFF; border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
     border-radius: 5px;cursor: pointer;margin-bottom: 30px;}
.feac-img {position: relative;}
.feat-text p { background: rgba(53, 86, 191, 0.2);border-radius: 5px;display: inline-block;font-family: 'Poppins';
    font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #3556BF;  padding: 13px 25px;margin-top: 30px;
    margin-right: 25px;margin-bottom: 23px; transition: 0.5s;}
.feat-text i {color: #EBBD19;margin: 0 2px;}
.cli-img img { border: 2px solid #3556BF;border-radius: 50%; transition: 0.5s;}
.client-col { display: flex; margin-top: 39px;}
.cli-text { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #171717; margin-left: 25px;}
.feat-text { padding-left: 30px;padding-bottom: 30px; padding-right: 13px; padding-top: 30px;}
.feat-text a {text-decoration: none;}
.feac-img img {width: 100%;}
.feat-text h4{ transition: 0.5s;}
.feature-sec:hover .feat-text p{color: #1AB69D;background: rgba(26, 182, 157, 0.2);}
.feature-sec:hover .cli-img img{border: 2px solid #1AB69D;}
.feature-sec:hover .feat-text h4{color: #1AB69D;}
.more-course {background: #FFFFFF; border: 1px solid rgba(26, 182, 157, 0.1); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 50%;  text-align: center;padding: 76px 41px; margin-left: 69px;}
.more-course p {margin-top: 16px; margin-bottom: 30px;}
#troo-da-feature-section .row { align-items: center;}
.swing {animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; float: left; position: absolute; bottom: 22%; left: 7%;}
 @keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}

@keyframes loader-ss {
    0% {transform:rotate(-45deg)}
    50%{transform:rotate(-135deg)}
    100%{transform:rotate(-225deg)}
  }
  @keyframes span-1 {
    0% {transform:translate(0);}
    50%{transform:translate(-50px, 0);border-color:#3556BF}
    100%{transform:translate(0);}}
  @keyframes span-2 {
    0%{transform:translate(0);}
    50%{transform:translate(50px, 0);border-color:#3556BF}
    100%{transform:translate(0);}}
  @keyframes span-3 {
    0%{transform:translate(0);}
    50%{transform:translate(0, -50px);border-color:#3556BF}
    100%{transform:translate(0);}}
  @keyframes span-4 {
    0%{transform:translate(0);}
    50%{transform:translate(0, 50px);border-color:#3556BF}
    100%{transform:translate(0);}}
.loader-ss {width: 58px;height: 58px; position: absolute; animation: loader-ss 2s infinite ease-in-out; right: 8%; bottom:10%;}
.loader-ss span { width: 58px; height: 58px; position: absolute; left: 0; top: 0; border: 1px solid #3556BF;}
.loader-ss span:nth-child(1) {
    animation: span-1 2s ease-in-out infinite;
  }
 .loader-ss span:nth-child(2) {
    animation: span-2 2s ease-in-out infinite;
  }
 .loader-ss span:nth-child(3) {
    animation: span-3 2s ease-in-out infinite;
  }
  .loader-ss span:nth-child(4) {
    animation: span-4 2s ease-in-out infinite;
  }
/*********************course-categories-section******************/

#troo-da-course-categories-section .call-ss {float: right;}
#troo-da-course-categories-section { padding-top: 105px;position: relative;padding-bottom: 100px;}
#troo-da-course-categories-section .row{align-items: center;}
#troo-da-course-categories-section .vert-move {right: 29%;left: inherit !important;top:15%;}
.cour-txt {margin-left: -60px;padding-right: 72px;}
.shape { position: relative;width: 95px; height: 84px; display: flex;justify-content: center;  align-items: center;  transition: 1s;
    margin: 0 auto;}
.content img {width: 37px; height: 35px;}
.shape span {position: absolute; top: 0; left: 0; width: 100%;  height: 100%;border-radius: 33% 65% 66% 35% / 44% 41% 50% 55%;
    transition: 1s; background: rgba(53, 86, 191, 0.1);}
.shape span:nth-child(1) { animation: animate  5s linear infinite ; }
.shape span:nth-child(2) {animation: animate2  7s linear infinite ;}
.shape span:nth-child(3) { animation: animate  10s linear infinite ; }
@keyframes animate {
    0% {
      transform: rotate(0deg);
    }
     100% {
      transform: rotate(360deg);
    }
  }
  @keyframes animate2 {
    0% {
      transform: rotate(360deg);
    }
     100% {
      transform: rotate(0deg);
    }
  }
 .course-list { background: #FFFFFF;  border: 1px solid rgba(26, 182, 157, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px; text-align: center;padding-top:33px;cursor: pointer;    margin: 49px 0 -17px 0;}
.course-list h4 {margin-top: 20px; margin-bottom: 10px;transition: 0.5s;}
.course-list p { margin-bottom: 30px;}
.course-list:hover .shape span{background: rgba(26, 182, 157, 0.2);}
.course-list:hover h4{color:#1AB69D !important;}
/**********learning-path*****************************/
section#troo-da-learning-path-section {padding-top: 177px;background-image: url(../images/Vector-bg.png);background-repeat: no-repeat; 
    padding-bottom: 106px; position: relative;}
.path-text.hero-text span {color: #1AB69D;}
button.vide-btn {border: none; box-shadow: none; padding: 0; position: relative;z-index: 9;}
button.vide-btn:after { background-color: #3556BF; opacity: 0.5; border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px;  content: ""; position: absolute; width: 100%;  height: 100%; left: 0;
    background-image: url(../images/play-icon.png); background-repeat: no-repeat; background-position: center; display: none; top: 0;transition: 0.5s;}
button.vide-btn:before {background: #1AB69D;opacity: 0.2;border: 1px solid #1AB69D;box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px; transform: rotate(8.75deg); content: "";position: absolute; width: 100%; height: 100%;
    left: 22px; top: 0; z-index: -9; animation: load 0.1s linear infinite; transition: 0.5s;}
button.vide-btn img { width: 100%;}
button.vide-btn:hover:after{display: block; transition: 0.5s;}
#troo-da-learning-path-section .loader-ss { right: 8%; bottom: inherit; width: 30px; height: 30px;}
#troo-da-learning-path-section .loader-ss span { width: 30px; height: 30px; position: absolute; left: 0; top: 0; border: 1px solid #1AB69D;}
#troo-da-learning-path-section .shape span { background: #1AB69D;}
.zoomin {width: 50px;height: 50px;animation: zoomin 2s ease-out infinite; margin-top: 0; position: absolute;top: 15%;
    right: 32%;}
@keyframes zoomin {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }
#troo-da-learning-path-section .circle {left: 12%; right: inherit; bottom: 84%; width: 43px;height: 43px;} 
.orange{background: rgba(26, 182, 157, 0.1); Width:200px;Height:200px;}
.circles { width: 200px; height: 200px; border-radius: 50%; box-shadow: 0px 0px 1px 1px #0000001a; position: absolute;
    bottom: 24%; left: 8%;}
.pulse {animation: pulse-animation 2s infinite;}
 
 @keyframes pulse-animation {
   0% {
     box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
   }
   100% {
     box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
   }
 }
 .path-text.hero-text .dot-zik { bottom: 47%; right: 58%;}
 
.cr-ss {position: absolute; left: 6%;}
.path-text.hero-text {position: initial !important;}
.path-text.hero-text:after{display: none;}
.outerCircle { background-color: transparent;  border: 2px solid #1AB69D; opacity: .9;border-right: 5px solid transparent;
    border-left: 5px solid transparent; border-top: 5px solid transparent; border-radius: 100px; width: 50px;
    height: 50px; margin: 0 auto; -moz-animation: spinPulse 5s infinite ease-in-out; -webkit-animation: spinPulse 5s infinite ease-in-out;
    position: absolute;right: 48%;  bottom: 23%;}
 @-moz-keyframes spinPulse {
        0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #bdd73c;}
        50% { -moz-transform:rotate(145deg); opacity:1; }
        100% { -moz-transform:rotate(-320deg); opacity:0; }
    }
@-moz-keyframes spinoffPulse {
        0% { -moz-transform:rotate(0deg); }
        100% { -moz-transform:rotate(360deg);  }
    }
 @-webkit-keyframes spinPulse {
        0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #bdd73c; }
        50% { -webkit-transform:rotate(145deg); opacity:1;}
        100% { -webkit-transform:rotate(-320deg); opacity:0; }
    }
 @-webkit-keyframes spinoffPulse {
        0% { -webkit-transform:rotate(0deg); }
        100% { -webkit-transform:rotate(360deg); }
    }
@-moz-keyframes rotatecircle {
        0% { -moz-transform:rotate(0deg); }
        100% { -moz-transform:rotate(-360deg); }
    }
    
 @-webkit-keyframes rotatecircle {
        0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
    }
.arr-ss {position: absolute; right: 46%; top: 13%; }  
/************instructor-section***************************/
#troo-da-instructor-section {padding-top: 24px;}
#troo-da-instructor-section .sub-tile-con {text-align: center;    margin-bottom: 49px;}
.instructor {display: flex; background: #FFFFFF;border: 1px solid rgba(26, 182, 157, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px;padding: 30px 12px 30px 30px;position: relative; cursor: pointer;margin-bottom: 30px;align-items: center;}
    .instructor .ins-txt{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}
    .instructor:hover .ins-txt{margin-top: -60px;}
.ins-txt p {margin-bottom: 0;}
.ins-txt {position: relative; margin-left: 30px;}
.ins-txt:after { position: absolute;max-width: 237px;height: 1px; left: 0; bottom: -13px; background: rgba(26, 182, 157, 0.1);
    content: ""; width: 100%;}
.ins-txt h4 { margin-bottom: 4px;transition: 0.5s;}
.ins-img img {background: #FFFFFF; border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);  border-radius: 5px;}
.team-deatils {  height: 98px !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;
    transition: all 0.2s linear; position: absolute;font-size: 15px; line-height: 18px; text-align: center; top: -162px; left:107px;
    margin: 300px auto 0 auto; right: 0;opacity: 0;z-index: 99;  border-radius: 5px; display: flex; justify-content: center;}
.team-deatils ul li {display: inline-flex;}
.instructor:hover .team-deatils {margin-top: 280px;height: 111px;padding-top: 10px;opacity: 1;}
.team-deatils p{font-family: 'Nunito';font-style: normal;font-weight: 700;font-size: 16px;line-height: 22px;color: #171717;}
.team-deatils ul { padding: 0 0 0 10px;}
.team-deatils ul li a i { color: #3556BF;}
.team-deatils ul li a:hover{background: rgba(26, 182, 157, 0.2);}
.team-deatils ul li a:hover i{color:#1AB69D;}
.team-deatils ul li a { width: 30px; height: 30px; padding: 6px 0 0 0;}
.instructor:hover .ins-txt h4 {color: #1AB69D;}
section#troo-da-instructor-section .call-ss {text-align: center; margin-top: 50px;}
/******************our-parter************/
#troo-da-our-partner-section { padding: 100px 0;position: relative;}
#troo-da-our-partner-section .partner-text .sub-tile-con h2 span:after{left:-6px;}
#troo-da-our-partner-section .partner-text .sub-tile-con { margin-bottom: 17px;}
.partner-text p { margin-bottom: 20px;}
.partner-text h6 {font-family: 'Nunito'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px;color: #171717;}
.partner-text h6 a{ font-size: 20px; color: #3556BF}
.partner-text h6 a { font-size: 20px;  color: #3556BF; text-decoration: none; padding-left: 6px;}
.logo-ss {background: #FFFFFF; border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px; margin-bottom: 30px; padding: 13px;}
.logo-ss img { display: block; margin: 0 auto; }    


.spinner-wraps {position: absolute;width: 100% ;height: 414px; top: 50%; display: block; margin: 0 auto; left: 0; right: 0; z-index: -9;}
.spinner-items {border: 1px solid #1AB69D;border-radius: 50%;height: 697px;
    width: 697px;position: absolute;left: 60%; top: 8%;
    transform: translate(-50%, -50%);opacity: 0;animation: zoomk 2s linear 0.75s infinite;}
.spinner-items--2{animation-delay: 1.25s;}
 .spinner-items--3{animation-delay: 1.75s;}
@keyframes zoomk {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
/********************************students-says***********************/
#troo-da-students-says-section {background: #F8F9FF;padding-top: 100px; padding-bottom: 100px; margin-top: 30px;position: relative;}
#troo-da-students-says-section .sub-tile-con { text-align: center;margin-bottom: 50px;}
#troo-da-students-says-section .feat-text span { font-family: 'Nunito';font-style: normal; font-weight: 700; font-size: 36px; line-height: 44px;
    text-align: center; color: #3556BF; background: rgba(53, 86, 191, 0.2);  border: 1px solid rgba(53, 86, 191, 0.2);
    box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); border-radius: 5px;width: 30px !important;height: 30px !important;display: block;
    border-radius: 45px; padding: 0;display: inline-block;transition: 0.5s;}
#troo-da-students-says-section .feat-text h4 { font-family: 'Nunito'; font-style: normal;  font-weight: 700;  font-size: 18px;
    line-height: 25px; color: #171717; margin-left: 18px;}
 #troo-da-students-says-section .cli-text {font-family: 'Nunito';font-style: normal;  font-weight: 700;
        font-size: 20px; line-height: 27px; color: #171717;margin-left: 0; }
#troo-da-students-says-section .feature-sec .cli-text span { font-family: 'Poppins'; font-style: normal;  font-weight: 400; font-size: 16px;
line-height: 24px; color: #171717;display: block; width: 100% !important;border-radius: 0;background: transparent; border: none;
            box-shadow: none;}     
#troo-da-students-says-section .feature-sec .feat-text p { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px;
    line-height: 24px; color: #171717; background: transparent; margin-top: 27px; padding: 0;margin-right: 0 !important; border-bottom: 1px solid rgba(26, 182, 157, 0.2);
     border-radius: 0; padding-bottom: 27px; margin-bottom: 0;}
#troo-da-students-says-section .feature-sec .feat-text p:hover{ background: transparent;}     
#troo-da-students-says-section .feature-sec .cli-img img {border: none; border-radius: 0;transition: 0.5s;}    
#troo-da-students-says-section .feature-sec:hover .cli-img img {border: 0px solid #1AB69D;}
.studen-tile {display: flex;align-items: center;}
#troo-da-students-says-section .client-col {justify-content: space-between; margin-top: 24px;}
#troo-da-students-says-section .feature-sec:hover .feat-text h4 { color:#1AB69D ; }
#troo-da-students-says-section .feature-sec:hover .feat-text .studen-tile span{color:#1AB69D ;background: rgba(26, 182, 157, 0.2);}
#troo-da-students-says-section .more-course .call-ss {margin-top: 24px;}
#troo-da-students-says-section .more-course .call-ss a{ max-width: 160px; width: 100%;padding: 14px 0;}
#troo-da-students-says-section .more-course {max-width: 250px;height: 250px; padding-top: 53px; margin: 0 auto;}
#troo-da-students-says-section .row {align-items: center;}
#troo-da-students-says-section .feat-text {padding-left: 30px;padding-bottom: 30px; padding-right: 14px;padding-top: 30px;}
#troo-da-students-says-section figure.swing {left: inherit;right: 7%;bottom: inherit;top: 23%;}
#troo-da-students-says-section .quadrado {top: inherit; bottom: 15%;}
#troo-da-students-says-section .sub-tile-con h2 span:after { left: 31px;}
/*************************faq*************/
#troo-da-faq-section .sub-tile-con { text-align: center;}
#troo-da-faq-section { padding-top: 89px;padding-bottom: 100px;}
#troo-da-faq-section .sub-tile-con p {margin-top: 29px;margin-bottom: 58px;}
button.accordion-button { font-family: 'Nunito'; font-style: normal;  font-weight: 700; font-size: 18px; line-height: 25px; color: #171717;
    background: #FFFFFF !important;border: 1px solid rgba(53, 86, 191, 0.2) !important; box-shadow: 0px 8px 15px rgb(23 23 23 / 5%) !important;
    border-radius: 5px !important; padding-bottom: 18px;}
.accordion-button::after {transition: transform .2s ease-in-out !important;background-color: rgba(53, 86, 191, 0.2) !important;
    border: 1px solid rgba(53, 86, 191, 0.2) !important; border-radius: 5px !important; width: 30px !important;
    height: 30px !important; background-position: center !important;background-image: url(../images/top-Icon.png) !important;
    background-size: 14px !important;background-position: center !important; }
.accordion-button:not(.collapsed) { color: #1AB69D !important; background-color: transparent !important;
     box-shadow: none !important;border-bottom: 0 !important; border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;}
.accordion-body {border-left: 1px solid rgba(26, 182, 157, 0.2);margin-left: 60px; padding: 0px 0 0px 15px !important;margin-bottom: 16px;
    margin-top: 13px;}
.accordion-button:not(.collapsed)::after{background-color: rgba(26, 182, 157, 0.2) !important;
        border: 1px solid rgba(26, 182, 157, 0.2) !important;border-radius: 5px !important;background-image: url(../images/bottom-Icon.png) !important;
        background-size: 14px !important;background-position: center !important;    transform: rotate(0deg) !important;}
.accordion-item{border: 0 !important;margin-bottom: 15px;}   
.accordion-collapse {background: #FFFFFF;border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
 border-radius: 5px;border-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;margin-top: -13px;}        
.find-ans { text-align: center; padding-top: 49px;}    
.find-text { background: rgba(26, 182, 157, 0.2); max-width: 500px;display: flex;margin: 17px auto 0 auto; width: 100%; padding: 39px 41px;justify-content: space-between;} 
.mail-cc { text-align: left;}
.mail-cc span { font-family: 'Nunito';font-style: normal;font-weight: 700; font-size: 14px; line-height: 19px;
    color: #171717; display: block;}
.mail-cc a { color: #3556BF !important;  font-family: 'Nunito'; text-decoration: none;   line-height: 19px;font-weight: 700;font-size: 14px;}
.or-ss {background-color: rgb(23 23 23 / 6%); font-family: 'Nunito';font-style: normal; font-weight: 700;font-size: 16px; line-height: 22px;
    text-align: center;color: #171717;padding: 11px 9px;border-radius: 45px;}
/****************blog******************/
#troo-da-blogs-section{padding: 100px 0;position: relative;}
#troo-da-blogs-section .sub-tile-con h2 span {color: #3556BF; position: relative; display: inline;}
#troo-da-blogs-section .cour-txt { margin-left: -80px; padding-right: 0;}
#troo-da-blogs-section .feature-sec:hover .cli-img img{border:0px solid #1AB69D;}
#troo-da-blogs-section .cli-img img { border: 0px solid #3556BF; border-radius: 50%;transition: 0.5s;}
#troo-da-blogs-section .read-cta a {font-family: 'Nunito';font-style: normal;font-weight: 700;font-size: 16px;
    line-height: 22px;color: #171717;text-decoration: none;}
#troo-da-blogs-section .client-col { display: flex; margin-top: 24px; position: relative; margin-bottom: 32px;align-items: center;}
#troo-da-blogs-section .client-col:after {background: rgba(26, 182, 157, 0.2);height: 1px;width: 100%;
    content: "";position: absolute; left: 0;  right: 0; bottom: -32px;}
#troo-da-blogs-section .read-cta { padding-top: 24px;}
.read-cta a img{transition: 0.5s;}
#troo-da-blogs-section .feature-sec:hover .read-cta a img{transform: translateX(50%);}
#troo-da-blogs-section .feature-sec:hover .read-cta a {color:#1AB69D ;}
#troo-da-blogs-section .feature-sec:hover .feac-img span{background-color: #1AB69D;}
#troo-da-blogs-section .feac-img span{transition: 0.5s;}
#troo-da-blogs-section .feature-sec{margin-top: 37px;}
.half-cricle { position: absolute; right: 10%; top: 39%;}
.c{position : absolute;display: inline-block;border-radius: 100% 0 0 100% / 50%; animation-name: ani9; animation-duration: 25s;
  animation-iteration-count: infinite;animation-fill-mode:forwards;transform-origin:100% 50%;}
.c8{width: 45px;height: 90px;border: 1px solid #1AB69D; animation-timing-function: cubic-bezier(0.77, 7, 0.175, 1);}
.c9{width: 50px;height: 100px;background:  #3556BF;}
@keyframes ani9 {
    0% {transform:rotate(0deg)}
    50% {transform:rotate(360deg)}
    100% {transform:rotate(0deg)}
}


@keyframes ani {
    0% {
      top:0px;
      left:0px;
      width: 200px;
      height: 200px;
    }
    50% {
      top:100px;
      left:100px;
      height: 0px;
      width: 0px;
    }
    100% {
      top:0px;
      left:0px;
      width: 200px;
      height: 200px;
    }
}

/**************footer******************/
section#troo-da-get-in-touch-section {padding-bottom: 100px;  position: relative;}
section#troo-da-get-in-touch-section:after { background: #F8F9FF; border-radius: 5px; content: "";
    width: 100%;height: 76%; position: absolute;  top: 24%; z-index: -9;}
#troo-da-get-in-touch-section .sub-tile-con {margin-bottom: 26px;}
#troo-da-get-in-touch-section  .fomr-tile{font-family: 'Nunito'; font-style: normal; font-weight: 700;
    font-size: 20px; line-height: 27px; color: #171717;margin-bottom: 17px;}
#troo-da-get-in-touch-section  .fome-section button.btn.btn-lg { padding: 13px 49px;margin-top: 50px;border-radius: 5px; }    
.fome-section button.btn.btn-lg:hover{color: #fff;border:1px solid #1AB69D ;}
.fome-section label {font-family: 'Poppins'; font-style: normal;  font-weight: 400; font-size: 16px;line-height: 24px;color: #171717; position: absolute;    margin-bottom: 0;   order: -1;
    padding-left: 5px;transition: all 0.3s ease;  transform: translateY(0px); pointer-events: none; top: 0;}
.fome-section input { border-bottom: 1px solid rgba(23, 23, 23, 0.2);border-left: 0; border-right: 0; border-top: 0; border-radius: 0; height: auto;background: transparent;}
.fome-section .field{position: relative;} 
.fome-section input:focus label{top: -9px;}
.fome-section textarea { border-bottom: 1px solid rgba(23, 23, 23, 0.2); border-left: 0;
    border-right: 0; border-top: 0; border-radius: 0; height: 35px; min-height: unset !important;background: transparent;}
.get-in-touch-img {margin-bottom: 15px;}
.get-in-touch-img img { width: 100%;}
 input:focus + label {transform: translateY(-11px); font-size:15px;}
 textarea:focus + label {transform: translateY(-11px);font-size:15px;}
.form-control:focus {color: #212529; background-color: transparent !important;
    border-color: #1AB69D  !important;  outline: 0; box-shadow: none !important;}
.arrow-icon {animation: pulse 3s ease-out;animation-iteration-count: infinite;position: absolute; left: 10%; top: 36%; }   
@keyframes pulse {
    0% {
      opacity: 0.5;
    }
    50% {
      opacity: 1;
      transform: translateY(10px);
    }
    100% {
      opacity: 0.5;
    }
  }    
  
#troo-da-footer-section { padding-top: 100px; padding-bottom: 0px;    position: relative;}
.logo-link-ss {text-align: center;}  
.logo-link-ss ul li { display: inline-block;}
.logo-link-ss ul li a { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px;
    color: #171717; text-decoration: none; padding: 0px 20px;}
.logo-link-ss ul li a:hover{color: #1AB69D;}     
.foot-logo { margin-bottom: 19px;}
.foot-cll ul li {list-style: none;}
.foot-cll ul {padding: 0;margin: 0;}
.foot-cll ul li a {font-family: 'Poppins'; font-style: normal; font-weight: 400;font-size: 16px; line-height: 24px;color: #171717; text-decoration: none;}
.foot-cll ul li a:hover{color: #1AB69D;}
#troo-da-footer-section h4 {margin-bottom: 12px; } 
.logo-link-ss ul:after { background: #3556BF; opacity: 0.1;filter: blur(50px); transform: matrix(-1, 0, 0, 1, 0, 0); content: "";
    width: 169px;height: 169px; position: absolute; left: 97px;  bottom: -80px; border-radius: 50%; z-index: -9;}
.logo-link-ss ul { position: relative;  z-index: 999;}
#troo-da-footer-section .mercury { left: inherit !important; right: 37%; bottom: 75%;}
#troo-da-footer-section .loader-line { left: inherit !important;  right: 5%; bottom: 61px;}
section#troo-da-footer-section .quadrado {left: inherit; top: inherit; right: 46%; bottom: 37px;}
.wave { position: absolute; left: 8%;    animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; top: 33px;}
.foot-socail ul li {list-style: none; display: inline-block;}
.foot-socail {display: flex;float: right;}
.copy-right-ss p { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px;color: #171717;}
.foot-socail span { font-family: 'Nunito';font-style: normal; font-weight: 700; font-size: 16px;line-height: 22px;
    color: #171717;}
.foot-socail ul li a i { color: #3556BF;}
.foot-socail ul li a {width: 30px;  height: 30px;padding-top: 3px;  display: inline-block;  text-align: center;}
.foot-socail ul li a:hover{ background: rgba(26, 182, 157, 0.2);}    
.foot-socail ul li a:hover i{color:#1AB69D ; }
.botmff { border-top: 1px solid rgba(53, 86, 191, 0.2); margin-top: 89px !important; padding-top: 16px; }
/***About***********/

.sub-page section#troo-da-top-header {display: none;}
.sub-page #troo-da-hero-section {padding: 149px 0; position: relative;background: #EFF2FD;}
.sub-page #troo-da-hero-section:after { background: #3556BF;opacity: 0.05;filter: blur(50px);  content: "";
    position: absolute; width: 100%; height: 100%; width: 526px;height: 526px;right: 15%;   bottom: 0;}
.sub-page .left-img-col .vert-move { left: inherit; right: -12%; top: 226px; z-index: -9;}
.sub-page-title {text-align: center;    position: relative; z-index: 99;}
ul.breadcrumb li a {font-family: 'Nunito'; font-style: normal; font-weight: 400; font-size: 16px;line-height: 22px; text-align: center;
    color: #171717; text-decoration: none; padding: 0 10px 0 10px;}
.sub-page ul.breadcrumb {background: #FFFFFF;border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgba(149, 157, 165, 0.1);
    display: inline-flex;  margin-bottom: 19px;padding: 12px 93px;}
.about-page #troo-da-learning-path-section { margin-top: 100px;  }
/***************Cources-page**************/
.Cources-page.sub-page .call-ss {  text-align: center;}
.Cources-page #troo-da-feature-section { padding: 100px 0 100px 0;}

/****************cources-deatils*****************/
#troo-da-cources-detail-section{padding:66px 0 100px 0;}
.ins-de span { font-family: 'Poppins'; font-style: normal;font-weight: 400;   font-size: 16px; line-height: 24px;color: #171717;display: block;}
.instructor-col { display: flex;align-items: center;}
.ins-de strong { font-family: 'Nunito'; font-style: normal; font-weight: 700;  font-size: 16px; line-height: 22px; color: #3556BF;}
.ins-cr { margin-right: 10px;}
.ins-cr img { box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); border-radius: 100px;}
.ins-de strong a{font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; color: #3556BF;  text-decoration: none;}
.ins-de i { color: #EBBD19;}
.instructor-col {display: flex; align-items: center;border-left: 1px solid rgba(53, 86, 191, 0.2);padding: 0 15px 0 15px; justify-content: center;}
.cources-call-desls .col-md-3:first-child .instructor-col { border-left: 0;}

.over-vi img { background: #F8F9FF;  border: 1px solid rgba(53, 86, 191, 0.2); box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);   border-radius: 5px; margin-top: 54px;
    margin-bottom:23px;width: 100%;}
#troo-da-cources-detail-section h4 { margin-bottom: 9px;}
#troo-da-cources-detail-section button.accordion-button {color: #3556BF;}   
.instructor-section .instructor-col { justify-content: start; border: none;} 
.instructor-section  .foot-socail { display: flex; float: none;align-items: center;}
.instructor-section p { margin-top: 18px;margin-bottom: 19px;}
.instructor-section .foot-socail ul { margin: 0;}
.instructor-section { margin-bottom: 30px;background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2); border-radius: 5px;  padding-left: 31px;padding-top: 30px;padding-right: 0; padding-bottom: 23px;}
.sidebar {position: -webkit-sticky; position: sticky;top: 5%;}
.course-features strong {font-family: 'Poppins';font-style: normal; font-weight: 700; font-size: 16px;  line-height: 24px; color: #171717;}
.course-features span{color: #3556BF;  font-family: 'Poppins';font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px;padding-left: 15px;}
.course-features ul li { list-style: none;    padding-bottom: 14px;}
.course-features ul li:last-child { padding-bottom: 0;}
.course-features h4 { border-bottom: 1px solid rgba(53, 86, 191, 0.2); padding-bottom: 8px;}
.course-features { background: #F8F9FF;border: 1px solid rgba(53, 86, 191, 0.2);  border-radius: 5px; padding-left: 20px; 
    width: 100%; padding-top: 14px; padding-right: 20px;    margin-bottom: 30px;}
 .course-features ul { padding: 0; }    
.course-features .call-ss { margin-top: 30px;margin-bottom: 38px;}
.resent-courcse {display: flex; align-items: center;margin-top: 32px;}
.ret-img img { background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);   border-radius: 5px;margin-right: 18px;}
.ret-tile { font-family: 'Nunito';font-style: normal;  font-weight: 700;   font-size: 16px; line-height: 22px;  color: #000000;}
/*************team********/
#troo-da-team-section{padding: 100px 0 ;}
/****************404page********************/
.eorr-page { text-align: center;}
.eorr-page span {font-family: 'Nunito';font-style: normal; font-weight: 700;font-size: 225.248px; line-height: 307px; text-align: center;
    color: #3556BF;}
.eorr-page p {margin-bottom: 46px;}
.eorr-page h2 { margin-bottom: 23px;margin-top: 23px;}
/****************coomingsoon********************/
#troo-da-coming-soon .spinner-wrap { right: inherit;   transform: rotate(73deg);  top: -61px; left: -15%;}
#troo-da-coming-soon {position: relative;}
#troo-da-coming-soon .vert-move {  z-index: 1;position: absolute; -webkit-animation: mover 1s infinite alternate;  animation: mover 1s infinite alternate;
    left: 19%;  top: 127px;}
#troo-da-coming-soon .zoom-in-zoom-out img{opacity: 0.2;}
#troo-da-coming-soon  .zoom-in-zoom-out { animation: zoom-in-zoom-out 2s ease-out infinite;position: absolute; left: inherit; z-index: 9;
        top: 49px; right: 45%;}
section#troo-da-coming-soon { padding-top: 177px;} 
.commingsoon-title {font-family: 'Nunito'; font-style: normal; font-weight: 700;font-size: 60px; line-height: 82px; color: #171717; margin-bottom: 28px; }   
.coming-text p {font-family: 'Poppins'; font-style: normal;font-weight: 400; font-size: 24px;line-height: 36px; color: #171717; margin-bottom: 28px;}   
.coming-text span{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 24px;line-height: 36px;color: #000000;}
.coming-text .foot-socail span {font-family: 'Nunito';font-style: normal;font-weight: 700;  font-size: 16px;line-height: 22px;  color: #171717;}
.coming-text .foot-socail { display: flex;float: none;  margin-top: 28px;}     
.coming-text span a { color: #3556BF !important; text-decoration: none;}
#troo-da-coming-soon .fomr-tile { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 24px;
    line-height: 33px;color: #3556BF; margin-bottom: 10px;text-align: center;}
#troo-da-coming-soon .fome-section { background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);padding-left: 31px;  padding-top: 25px;
    padding-right: 30px; padding-bottom: 44px;}
#troo-da-coming-soon  button.btn.btn-lg { width: 100%;}   
#troo-da-coming-soon .fome-section p {margin-bottom: 36px;}
#troo-da-coming-soon .dot-zik {position: absolute; bottom: -15%; right: 19%; -webkit-animation: move 1s infinite alternate;
    animation: move 1s infinite alternate;}
/***********blog-list***************************/
.Blogs-list-page p { background: transparent;  font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px;
    line-height: 24px; color: #000000; padding: 0;}
.Blogs-list-page .feature-sec:hover p{background: transparent; color: #000000;}   
.Blogs-list-page .course-features strong{font-family: 'Poppins';font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px;color: #171717;} 
.Blogs-list-page  .course-features span {background: rgba(26, 182, 157, 0.2); width: 22px;  height: 22px; font-family: 'Poppins'; font-style: normal;
    font-weight: 400; font-size: 14px; line-height: 21px;   color: #1AB69D; display: inline-block;
    text-align: center; padding: 0; border-radius: 50px; float:right;}
.Blogs-list-page .course-features ul { padding: 0; margin-top: 15px; margin-bottom: 25px;}
.Blogs-list-page .resent-courcse { display: flex; align-items: center; margin-top: 20px; margin-bottom: 20px;}
.course-features.tag-ss ul li { display: inline-block;}
.course-features.tag-ss ul li a {font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; background: #FFFFFF;
    border-radius: 3px; text-align: center; color: #171717;  padding: 7px 15px; text-decoration: none;
    margin-bottom: 0; display: inline-block;margin-right: 2px;}
.course-features.tag-ss ul li a:hover {background: rgba(53, 86, 191, 0.2);color:#171717; }
/****************blog-list***************/
.Blogs-list-page .col-md-4:first-child .instructor-col { border-left: 0;}
section#troo-da-blog-detail-section { padding: 100px 0;}
section#troo-da-blog-detail-section img { width: 100%;}
.blog-ss-img img { background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);
    box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); border-radius: 5px; width: 100%;height: 424px; margin-bottom: 31px;}
.deail-lit ul li {list-style: none;  display: flex;margin-bottom: 14px;  margin-right: 0; align-items: center;}
.deail-lit span { font-family: 'Poppins';  font-style: normal; font-weight: 400;  font-size: 16px; line-height: 24px; color: #171717; display: inline-block;
    margin-left: 11px;}
.tag-ss strong { font-family: 'Nunito'; font-style: normal;font-weight: 700; font-size: 16px; line-height: 22px; color: #171717;}    
.tag-ss span { font-family: 'Nunito';  font-style: normal; font-weight: 400;  font-size: 16px;
        line-height: 22px;  color: #171717; }   
 .foot-socail.tag-co ul li {  display: inline-block; margin: 0; }
 .foot-socail.tag-co{align-items: center;}
.foot-socail.tag-co span { font-family: 'Nunito';  font-style: normal;font-weight: 700;font-size: 16px; line-height: 22px;  color: #171717;}
.border-col { border-top: 1px solid rgba(53, 86, 191, 0.2);padding-top: 0; border-bottom: 1px solid rgba(53, 86, 191, 0.2);
    align-items: center; margin-top: 15px !important;}
.foot-socail.tag-co ul li a{padding-top: 4px; margin-top: 13px;}
.commet-form { padding-top: 23px;}
.commet-form h4 {  margin-bottom: 32px !important;}
/**********************contactUS**************************/
.con-add-col h4 {color: #3556BF; margin-bottom: 9px;}
.con-add-col p {margin-bottom: 29px;}
.conadd-ss {display: flex; margin-bottom: 40px;}
.con-add-col { border: 1px solid rgba(53, 86, 191, 0.2);filter: drop-shadow(0px 8px 15px rgba(23, 23, 23, 0.05)); border-radius: 5px; padding-top: 24px;
    padding-left: 19px; padding-bottom:10px; padding-right: 26px;}
.con-text strong {  font-family: 'Nunito'; font-style: normal;  font-weight: 700; font-size: 20px;  line-height: 27px; color: #171717;}
.con-text { margin-left: 15px;}
.con-text p { margin-bottom: 0;}
.con-form-tile h4{ color: #3556BF; margin-bottom: 9px;}
#troo-da-contact-section .fome-section { border: 1px solid rgba(53, 86, 191, 0.2);filter: drop-shadow(0px 8px 15px rgba(23, 23, 23, 0.05));
    border-radius: 5px; padding-top: 25px; padding-left: 30px; padding-right: 30px;  padding-bottom: 42px;}
#troo-da-contact-section .fome-section button.btn.btn-lg { margin-top: 5px;}
section#troo-da-map-section {padding-top: 100px; padding-bottom: 50px;}

.map-section iframe{width: 100%; height: 395px;}
.map-section{ margin: 0 auto !important;display: block !important;}
#troo-da-contact-section .container {max-width: 1078px !important; margin: 0 auto;}
#troo-da-map-section .container { max-width: 1078px !important; margin: 0 auto;}
/*********applynow**********************/
section#troo-da-apply-section .fome-section {background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);
    box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); border-radius: 5px; padding-top: 25px;}
section#troo-da-apply-section {padding: 100px 0 0 0;}
section#troo-da-apply-section .container { max-width: 1078px !important; margin: 0 auto;}
section#troo-da-apply-section h4 {color: #171717; text-align: center;}
section#troo-da-apply-section p { text-align: center;}
section#troo-da-apply-section .aplyfome{ background: #FFFFFF;box-shadow: 0px 8px 15px rgb(23 23 23 / 5%); border-radius: 5px;
    padding: 27px 50px 50px 50px; margin: 40px 81px;}
form.aplyfome .row { margin-bottom: 23px;}
section#troo-da-apply-section form.aplyfome select {  border-bottom: 1px solid rgba(23, 23, 23, 0.2); border-left: 0;
    border-right: 0;  border-top: 0; border-radius: 0; height: auto;  background-color: transparent;}
section#troo-da-apply-section form.aplyfome button.btn.btn-lg { margin-top: 30px;}
.form-select:focus { box-shadow: none !important;}
/*********************event****************************/
section#troo-da-event-section { padding: 100px 0;}
.event-text span { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #000000;}
.event-text { display: flex;  background: #FFFFFF; box-shadow: 0px 8px 15px rgb(23 23 23 / 5%);
    border-radius: 5px; padding: 24px 21px;  margin-top: -18px;  z-index: 99; position: relative; max-width: 350px;
    left: 0; right: 0;  margin: 0 auto;top: -50px; align-items: center;    justify-content: space-between;}
img.hover-img { display: none; transition: 0.5s; position: absolute;  right: 29px; top: 33px;}
.event-img img { width: 100%; background: #E3E3E3;border-radius: 5px ;transition: 0.5s;}
.event-img:after { background: #171717; opacity: 0.5; border-radius: 5px;  position: absolute;  content: "";width: 100%;height: 100%;
    left: 0;top: 0;display: none;transition: 0.5s;}
.event-img { position: relative;}
.event-col { cursor: pointer;}
.event-col:hover .event-img:after { display: block;   transition: 0.5s;}
.event-col:hover img.hover-img { display: block;  }
.event-col:hover img.normal-img { display: none;  }   
/*************event-deilas****************/
#troo-da-event-detail-section .over-vi img{margin-top: 0;}
#troo-da-event-detail-section{padding: 100px 0;}
#troo-da-event-detail-section h4 { margin-bottom: 9px;}
#troo-da-event-detail-section .foot-socail.tag-co{float: left;}
.special-guest {background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);  border-radius: 5px; padding-left: 20px; width: 100%;
    padding-top: 14px;  padding-right: 20px;  margin-bottom: 30px;}
.special-guest h4 {border-bottom: 1px solid rgba(53, 86, 191, 0.2);  padding-bottom: 8px;}
.gest-deals { display: flex;margin-bottom: 46px;}
.gest-text strong {font-family: 'Nunito';font-style: normal; font-weight: 700;  font-size: 20px;
    line-height: 27px;  color: #171717; display: block;}
.gest-text span { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #171717;}
.gest-text {  margin-left: 12px;}
#troo-da-event-detail-section .special-guest h4 {margin-bottom: 32px;}
.event-informatio {background: #F8F9FF; border: 1px solid rgba(53, 86, 191, 0.2);  border-radius: 5px; padding-left: 20px; width: 100%;
    padding-top: 14px;  padding-right: 20px;  margin-bottom: 30px;}
.event-informatio h4 { border-bottom: 1px solid rgba(53, 86, 191, 0.2);padding-bottom: 8px;}
.event-informatio ul { padding: 0;}
.event-informatio ul li { list-style: none;}
.event-informatio strong { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px;
    color: #000000;margin-left: 11px;}
.event-informatio span { font-family: 'Nunito'; font-style: normal;  font-weight: 400; font-size: 16px; line-height: 22px;
    color: #000000; margin-left: 11px;}
.event-informatio ul li { list-style: none; margin-bottom: 27px;}
.event-informatio ul { padding:20px 0 0 0;   margin-bottom: 0;}
/**************************careeare-page***************************************/
section#troo-da-career-section { padding: 100px 0;}
.job-offer { background: #FFFFFF;  border: 1px solid rgba(53, 86, 191, 0.1);  border-radius: 5px; padding:36px 30px 23px 30px;cursor: pointer;margin-bottom: 45px;}
.opening {background: #171717; border-radius: 5px; padding: 16px 22px; margin-right: 25px; transition: 0.5s;  }
.job-title { display: flex; align-items: center;}
.job-name strong {font-family: 'Nunito'; font-style: normal;  font-weight: 700;  font-size: 24px;   line-height: 33px;
   color: #171717;  display: block; transition: 0.5s;  }
.job-name span { font-family: 'Nunito';  font-style: normal;font-weight: 400;   font-size: 16px; line-height: 22px; color: #171717;}
.opening span { font-family: 'Nunito';  font-style: normal; font-weight: 700;font-size: 14px; line-height: 19px;
    text-align: center; color: #FFFFFF;}
.opening h3 { font-family: 'Nunito';font-style: normal; font-weight: 700; font-size: 36px; line-height: 49px;
    text-align: center;color: #FFFFFF;}
.job-type ul li { list-style: none;  margin-bottom: 17px;}
.job-type ul { padding: 0; margin-top: 30px;}
.job-type strong {  font-family: 'Nunito';   font-style: normal;  font-weight: 700; font-size: 16px;
    line-height: 22px;  color: #171717;margin-left: 8px;}
.job-type span { font-family: 'Nunito';   font-style: normal;font-weight: 400;  font-size: 16px;  line-height: 22px; color: #171717;}
.job-offer:hover .opening{background-color: #3556BF;}
.job-offer:hover .job-name strong{color: #3556BF;}
.job-sign img { background: #171717; padding: 13px 11px; border-radius: 45px;transition: 0.5s;}
.job-offer:hover .job-sign img{background-color: #3556BF;}
.job-sign {position: absolute;}
.job-type { margin-bottom: 30px;}
/******************carrer-detail*************/
#troo-da-carrer-detail-section{padding: 66px 0 100px 0;}
#troo-da-carrer-detail-section h4{margin-bottom: 9px;}
section#troo-da-carrer-detail-section ul { padding: 0;}
section#troo-da-carrer-detail-section .course-features span {color: #000;}
section#troo-da-carrer-detail-section .course-features ul { margin-top: 26px;  margin-bottom: 29px;}
/**********************Responsive***************************/
@media (max-width:1800px){
    .swing{left: 3%;display: none;}
    #troo-da-course-categories-section .vert-move {right: 24%;}
    .circle{display: none;}
    .fllowa-socail {left: -40px;}
    .spinner-wrap{display: none;}
}
@media only screen and (min-width: 1161px) and (max-width: 1280px)  {
    ul.navbar-nav {margin: 0 auto;padding-left: 0;padding-right: 0;}
    a.nav-link { padding: 14px 27px !important; font-size: 15px; }
    .call-ss strong a{font-size: 16px;}
    #troo-da-bottom-header { padding: 20px 10px 19px 10px; }
    .circle{display: none;}
   .spinner-wrap{display: none;}
   .fllowa-socail{display: none;}
   .quadrado{display: none;}
    body h1 { font-size: 49px;line-height: 63px;   }
    li.call-ss {margin-left: 24px;} 
    .socal-icon span{display: none;}
    section#troo-da-top-header:after{ top:-40px;}
    .counter-box p{ font-size: 16px;}
    .counter-box:after{display: none;}
    body h3{font-size: 28px;}
    a.nav-link.active:before {bottom: -29px;}
    .dropdown-toggle::after { top: 22px; right: 8px;}
    body, html { position: relative; overflow-x: hidden;}
    .swing{display: none;}
    .loader-ss{display: none;}
   
}
@media (max-width:1160px){
    ul.navbar-nav {margin: 0 auto;padding-left: 0;padding-right: 0;}
    a.nav-link { padding: 14px 9px !important; font-size: 15px; }
    .call-ss strong a{font-size: 16px;}
    #troo-da-bottom-header { padding: 20px 10px 19px 10px; }
    .circle{display: none;}
   .spinner-wrap{display: none;}
   .fllowa-socail{display: none;}
   .quadrado{display: none;}
    body h1 { font-size: 49px;line-height: 63px;   }
    li.call-ss {margin-left: 24px;} 
    .socal-icon span{display: none;}
    section#troo-da-top-header:after{ top:-40px;}
    .counter-box p{ font-size: 16px;}
    .counter-box:after{display: none;}
    body h3{font-size: 28px;}
    a.nav-link.active:before {bottom: -29px;}
    .dropdown-toggle::after {background-image: url(../images/drop-arrow.png); position: absolute; width: 11px; height: 7px; border: none !important;
        top: 23px; right: -6px;  background-size: 9px; background-repeat: no-repeat;}
   .swing{display: none;}
   .loader-ss{display: none;}
   .team-deatils p{display: none;}
   .event-informatio span {font-size: 12px;  line-height: 22px; margin-left: 0;}
   .event-informatio strong {margin-left: 0;}
   .course-features .btn.btn-lg {
    padding: 14px 20px;
}
}


@media (max-width:1024px){
  /**********headercss*******/
  body, html {position: relative;overflow-x: hidden;}
    ul.navbar-nav {margin: 0 auto;padding-left: 0;padding-right: 0;}
    a.nav-link { padding: 14px 9px !important; font-size: 15px; }
    .call-ss strong a{font-size: 16px;}
    #troo-da-bottom-header { padding: 20px 10px 19px 10px; }
    .circle{display: none;}
   .spinner-wrap{display: none;}
   .fllowa-socail{display: none;}
   .quadrado{display: none;}
    body h1 { font-size: 49px;line-height: 63px;   }
    li.call-ss {margin-left: 24px;} 
    .socal-icon span{display: none;}
    section#troo-da-top-header:after{ top:-40px;}
    .counter-box p{ font-size: 16px;}
    .counter-box:after{display: none;}
    body h3{font-size: 28px;}
    a.nav-link.active:before {bottom: -29px;}
    .dropdown-toggle::after {background-image: url(../images/drop-arrow.png); position: absolute; width: 11px; height: 7px; border: none !important;
        top: 23px; right: -6px;  background-size: 9px; background-repeat: no-repeat;}
        .swing{display: none;}
        #troo-da-course-categories-section .vert-move{display: none;}
        .loader-ss{display: none;}
        .cour-txt { margin-left: 0; padding-right: 0;}    
        section#troo-da-course-categories-section .sub-tile-con h2{ font-size: 30px;}
        .feat-text {padding-left: 14px; padding-bottom: 30px; padding-right: 0;}
        .more-course{margin-left: 0;padding: 50px 41px;}
        .feat-text h4 {transition: 0.5s; font-size: 21px;}
        .course-list h4{font-size: 20px;}
        .foot-cll { margin-left: -64px;}
        section#troo-da-get-in-touch-section h2 {font-size: 32px;}
        .arrow-icon{display: none;}
        .vert-move{left: 4%;}
        #troo-da-blogs-section .cour-txt { margin-left: 0; padding-right: 0;}
        .instructor {flex-wrap: nowrap;display: block;    text-align: center;}
        .team-deatils { opacity: 1; top: inherit; bottom: 0; position: static;  height: auto !important;  margin-top: 34px;}
        .ins-img img{ display: block;  margin: 0 auto 12px auto;}
        .team-deatils ul li a {width: 20px; height: 29px; padding: 6px 0 5px 0;}
        .ins-txt:after{display: none;}
        .instructor:hover .team-deatils { margin-top: 0; height: auto !important;padding-top: 19px; opacity: 1;}
        .instructor:hover .ins-txt { margin-top: 0; position: static;}
        section#troo-da-apply-section .fome-section label{font-size: 15px;}
        .gest-deals { flex-wrap: wrap; text-align: center; justify-content: center;}
        .event-informatio span {font-size: 12px;  line-height: 22px; margin-left: 0;}
        .event-informatio strong {margin-left: 0;}
        .event-informatio{padding-right: 10px;padding-left: 10px;}
}

@media (max-width:991px){
     /***************Header-css****************/
    ul.navbar-nav {margin: 0 auto;padding-left: 0px;padding-right: 0px;overflow-y: inherit !important;}
    nav.navbar.navbar-expand-lg {background: #FFFFFF;border-radius: 5px; position: absolute; padding: 0;z-index: 999999;left: 0;}
    a.nav-link.active:before{display: none;}
   .call-ss strong a{font-size: 16px;}
    a.nav-link {padding: 7px 20px !important;}
    a.nav-link.active {color:#000 !important;}
    a.nav-link:hover:before{display: none;}
   .call-ss {display: flex;padding-top: 0px;;border-radius: 0; margin-left: 21px;}
   .cta-section .call-ss{ margin-left: 0px;}
   .cta-section .call-ss a {padding: 14px 12px;font-size: 15px;}
   .cll-de ul li{padding: 0 5px;}
   .socal-icon span{display: none;}
   .socal-icon li {padding: 0 1.5px;}
   .cll-mail-link ul{padding: 0;}
   .cll-de ul li:after{left: -3px;}
    button.navbar-toggler{ background: #3556BF;border: 0;border-radius: 0;padding: 12px;position: absolute;right: 0;top: 1px;}
    .navbar-toggler:focus{box-shadow: none !important;}
    div#navbarScroll {background: fff;box-shadow: 0px 6px 20px rgb(30 30 30 / 10%);border-radius:0px;    padding-bottom: 31px;}
    #troo-da-bottom-header{padding: 10px;}
    .spinner-item{display: none;}
    .spinner-wrap{display: none;}
    .circle{display: none;}
     body h1 {font-size: 29px;line-height: 48px;}
    .hero-text p {padding-right: 0;}
    .fllowa-socail { position: fixed;  z-index: 9; bottom: 0; background: #fff;  width: 100%;  display: flex;  flex-direction: row-reverse;
        justify-content: center; align-items: center;top: inherit;padding: 11px 0;    left: 0;}
    .fllowa-socail ul li a {color: #3556BF; width: 30px; height: 30px; display: block; padding: 1px 5px 6px 0px;}
    .fllowa-socail ul li i { transform: rotate(-0deg);}
    .fllowa-socail ul li { list-style: none; display: inline-block;}
    .fllowa-socail span{  transform: rotate(-0deg);} 
    .quadrado{display: none;}
    .counter-box {display: flex; align-items: center;justify-content: left;position: relative;cursor: pointer;flex-wrap: wrap;}
    .counter{font-size: 25px;}
    .conter-tx strong{font-size: 25px;}
    .conter-sec { padding: 14px 18px;}
    .counter-box:after{left: -25px;}
    .counter-box p{font-size: 16px;}
     body h3 {font-size: 22px;line-height: 30px;}
     .feat-text {padding-left: 10px;padding-right: 10px;}
     .swing{display: none;}
     .loader-ss{display: none;}
     .more-course{margin-left: 0;padding: 30px 22px;}
     .cour-txt { margin-left: 0;padding-right: 0; padding-top: 24px;}
     #troo-da-course-categories-section .call-ss {float: left; margin-left: 0;margin-top: 15px;}
     #troo-da-course-categories-section .vert-move{display: none;}
    #troo-da-course-categories-section .col-md-4 {width: 50%;}
    #troo-da-course-categories-section .col-md-5 {width: 50%;}
    #troo-da-course-categories-section .call-ss a {padding: 15px 17px;}
    .feat-text h4 {transition: 0.5s;font-size: 20px;line-height: 28px;}
    .cli-text {font-size: 16px;line-height: 19px;}
    .feat-text p{margin-right: 86px;    margin-top: 0;}
    .more-course h4{font-size: 20px;}
    .more-course p {font-size: 15px; line-height: 18px; margin-top: 5px;margin-bottom: 16px; }
    .more-course .call-ss a {padding: 14px 9px;}
    .course-list h4 {font-size: 20px;line-height: 25px;}
    .course-list{min-height: 250px;}
    .ins-txt h4 {margin-bottom: 4px; transition: 0.5s; font-size: 20px;}
    .instructor { padding: 16px 10px; flex-wrap: wrap;}
    .ins-txt { position: relative; margin-left: 0; }
    #troo-da-students-says-section .more-course { max-width: 250px; height: 250px; padding: 48px 0; margin: 0 auto;}
.find-text{flex-wrap: wrap;}
.vert-move{display: none;}
#troo-da-blogs-section{padding-top: 0;}
#troo-da-blogs-section .cour-txt {margin-left: 0;padding-right: 0;}
.half-cricle{display: none;}
.get-in-touch-img img {width: 100%;}
.arrow-icon{display: none;}
.logo-link-ss {text-align: center;}
.logo-link-ss ul { padding: 0;}
body, html {position: relative; overflow-x: hidden;}
.logo-ss img { display: block; margin: 0 auto; width: 100%;}
.logo-link-ss ul li { display: block; padding: 0 0 6px 0;}
#troo-da-students-says-section .feature-sec .cli-text span{font-size: 13px; line-height: 15px;margin:8px 0;}
#troo-da-students-says-section .client-col { justify-content: center; margin-top: 24px;  flex-wrap: wrap; text-align: center;}
#troo-da-blogs-section .client-col:after{min-width: inherit;left: 0;}
#troo-da-blogs-section .feature-sec {margin-top: 37px;}
#troo-da-students-says-section .feat-text span{padding: 0 6px;}
.btn.btn-lg {font-size: 14px;line-height: 22px; padding: 14px 6px;}
.foot-cll { margin-left: -115px;}
section#troo-da-who-we-are-section .row { align-items: center;}
.partner-text h2 { font-size: 23px; line-height: 32px;}
#troo-da-footer-section .loader-line{display: none;}
.botmff {border-top: 1px solid rgba(53, 86, 191, 0.2); margin-top: 1px !important; padding-top: 16px; padding-bottom: 61px;}
.instructor {flex-wrap: nowrap;display: block;    text-align: center;}
.team-deatils { opacity: 1; top: inherit; bottom: 0; position: static;  height: auto !important;  margin-top: 34px;}
.ins-img img{ display: block;  margin: 0 auto 12px auto;}
.team-deatils ul li a {width: 20px; height: 29px; padding: 6px 0 5px 0;}
.ins-txt:after{display: none;}
.instructor:hover .team-deatils { margin-top: 0; height: auto !important;padding-top: 19px;  opacity: 1;}
.instructor:hover .ins-txt {margin-top: 0; position: static;}
.eorr-page .call-ss { justify-content: center;}
.con-text p{font-size: 14px;}
section#troo-da-apply-section .aplyfome {padding: 27px 11px 50px 11px; margin: 39px 19px;}
section#troo-da-apply-section .fome-section label{font-size: 14px;}
#troo-da-event-detail-section { padding: 50px 0 50px 0;}
section#troo-da-event-detail-section .col-md-9{width:100%;} 
section#troo-da-event-detail-section .col-md-3{width:100%;} 
section#troo-da-cources-detail-section .col-md-9{width:100%;} 
section#troo-da-cources-detail-section .col-md-3{width:100%;} 
.sidebar{margin-top: 30px;}
.gest-deals {flex-wrap: wrap; text-align: left; justify-content: start;}
.job-name strong {font-size: 22px;line-height: 33px; text-align: left;}
.opening {padding: 8px 7px; margin-right: 9px;}
.job-name strong{    font-size: 18px; line-height: 25px;}
.job-offer { padding: 20px 10px 23px 10px; }
.job-type span { display: block; padding-left: 24px;}

.sub-page .fllowa-socail {position: fixed; z-index: 99999999;  bottom: 0; background: #fff; width: 100%;
    display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; top: inherit; padding: 11px 0; left: 0;}
    .sub-page .fllowa-socail ul li a {color: #3556BF; width: 30px; height: 30px; display: block; padding: 1px 5px 6px 0px;}
    .sub-page .fllowa-socail ul li i { transform: rotate(-0deg);}
    .sub-page .fllowa-socail ul li { list-style: none; display: inline-block;}
    .sub-page .fllowa-socail span{  transform: rotate(-0deg);}
}

@media (max-width:767px){
body, html {position: relative;overflow-x: hidden;}
#troo-da-hero-section { padding-top: 93px;}
.fllowa-socail {position: fixed; z-index: 99999999;  bottom: 0; background: #fff; width: 100%;
    display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; top: inherit; padding: 11px 0; left: 0;}
.fllowa-socail ul li a {color: #3556BF; width: 30px; height: 30px; display: block; padding: 1px 5px 6px 0px;}
.fllowa-socail ul li i { transform: rotate(-0deg);}
.fllowa-socail ul li { list-style: none; display: inline-block;}
 .fllowa-socail span{  transform: rotate(-0deg);}

 .sub-page .fllowa-socail {position: fixed; z-index: 99999999;  bottom: 0; background: #fff; width: 100%;
    display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; top: inherit; padding: 11px 0; left: 0;}
    .sub-page .fllowa-socail ul li a {color: #3556BF; width: 30px; height: 30px; display: block; padding: 1px 5px 6px 0px;}
    .sub-page .fllowa-socail ul li i { transform: rotate(-0deg);}
    .sub-page .fllowa-socail ul li { list-style: none; display: inline-block;}
    .sub-page .fllowa-socail span{  transform: rotate(-0deg);}



 .zoom-in-zoom-out{display: none;}
 li.call-ss {margin-left: 10px;}
 .cta-section .call-ss a { padding: 13px 8px;font-size: 15px;}
.call-ss {justify-content: center;}
.ins-txt { position: relative; margin-left: 24px;}
 .who-we-are-img img {margin-bottom: 30px;}
 .quadrado{display: none;}
 .who-we-are-text {padding-bottom: 45px;}
 section#troo-da-who-we-are-section{padding-bottom: 0;}
 .counter-box:after{display: none;}
 .counter-box {justify-content: left;}
 .text-conter { margin-bottom: 20px;}
 .feat-text {padding-left: 19px;padding-right: 19px;}
 .swing{display: none;}
 .loader-ss{display: none;}
 .more-course{margin-left: 0;padding: 73px 48px;}
 .cour-txt { margin-left: 0;padding-right: 0; padding-top: 24px;}
 #troo-da-course-categories-section .call-ss {float: left; margin-left: 0;}
 #troo-da-course-categories-section .vert-move{display: none;}
 #troo-da-course-categories-section .col-md-4 {width: 100%;}
 #troo-da-course-categories-section .col-md-5 {width:100%;}
 .path-text.hero-text { position: initial !important; margin-bottom: 57px;}  
.circles{display: none;} 
.ins-txt h4{font-size: 20px;}
.instructor{padding: 13px;}
#troo-da-students-says-section .more-course { max-width: 250px; height: 250px; padding: 48px 0; margin: 0 auto;}
.find-text{flex-wrap: wrap;}
.vert-move{display: none;}
#troo-da-blogs-section{padding-top: 0;}
#troo-da-blogs-section .cour-txt {margin-left: 0;padding-right: 0;}
.half-cricle{display: none;}
.get-in-touch-img img {width: 100%;}
.arrow-icon{display: none;}
.logo-link-ss { text-align: left;}
.logo-link-ss ul { padding: 0;}
.logo-link-ss {text-align: left;}
.logo-link-ss ul li { display: block; padding: 0 0 6px 0;}
.foot-cll {margin-left: 0;}
.botmff {border-top: 1px solid rgba(53, 86, 191, 0.2); margin-top: 0px !important;padding-top: 16px; padding-bottom: 68px;}
.foot-socail { display: flex; float: left;}
#troo-da-footer-section .loader-line{display: none;}
.instructor {flex-wrap: nowrap;display: block;    text-align: center;}
.team-deatils { opacity: 1; top: inherit; bottom: 0; position: static;  height: auto !important;  margin-top: 34px;}
.ins-img img{ display: block;  margin: 0 auto 12px auto;}
#troo-da-team-section { padding: 0;}
.eorr-page span { font-size: 104.248px;}
.eorr-page span img{width: 27%;}
.commingsoon-title br{display: none;}
.commingsoon-title{font-size: 39px; line-height: 46px;}
#troo-da-blogs-section .client-col{    margin-bottom: 19px;}
#troo-da-blogs-section .client-col:after{display: none;}
#troo-da-blogs-section .read-cta {padding-top: 0;}
.feat-text p{margin-right: 0;margin-top: 0;}
.conadd-ss {display: block; text-align: center;}
section#troo-da-apply-section .aplyfome{padding: 21px 12px; margin: 40px 9px;}
 section#troo-da-apply-section  .fome-section .field {position: relative; margin-top: 23px;}
 form.aplyfome .row { margin-bottom: 0; }  
 section#troo-da-apply-section .fome-section input{height: 48px;}
 section#troo-da-apply-section .fome-section label{font-size: 13px;}
 .sub-page ul.breadcrumb{padding: 12px 15px;}
 #troo-da-event-detail-section {padding: 0px 0 50px 0;}
.special-guest {margin-top: 30px;}
.sub-page-title h2{font-size: 30px;}
.sub-page-title h2 br{display: none;}
.job-name strong {font-size: 22px;line-height: 33px; text-align: left;}
.opening {padding: 8px 7px; margin-right: 9px;}
.job-name strong{    font-size: 18px; line-height: 25px;}
 .job-offer { padding: 20px 10px 23px 10px; }
 .job-type span { display: inline-block; padding-left: 7px;}
 .logo-ss img{width: auto;}
 header .call-ss{justify-content: start;}
 .dropdown-toggle::after{right:11px;}
}



@media  (min-width: 568px) and (max-width: 767px)  {

}