/*---------- Poppins Font Links Are Start Here  ----------*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins/Poppins-BlackItalic.eot');
  src: url('../fonts/poppins/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-BlackItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-BlackItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Bold.eot');
  src: url('../fonts/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Bold.woff') format('woff'),
      url('../fonts/poppins/Poppins-Bold.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Black.eot');
  src: url('../fonts/poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Black.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Black.woff') format('woff'),
      url('../fonts/poppins/Poppins-Black.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-ExtraBold.eot');
  src: url('../fonts/poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-ExtraBold.woff') format('woff'),
      url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-BoldItalic.eot');
  src: url('../fonts/poppins/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-BoldItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-ExtraBoldItalic.eot');
  src: url('../fonts/poppins/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-ExtraBoldItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Italic.eot');
  src: url('../fonts/poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Italic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Italic.woff') format('woff'),
      url('../fonts/poppins/Poppins-Italic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-ExtraLightItalic.eot');
  src: url('../fonts/poppins/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-ExtraLightItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-ExtraLight.eot');
  src: url('../fonts/poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-ExtraLight.woff') format('woff'),
      url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-MediumItalic.eot');
  src: url('../fonts/poppins/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-MediumItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Medium.eot');
  src: url('../fonts/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Medium.woff') format('woff'),
      url('../fonts/poppins/Poppins-Medium.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-LightItalic.eot');
  src: url('../fonts/poppins/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-LightItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-LightItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Light.eot');
  src: url('../fonts/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Light.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Light.woff') format('woff'),
      url('../fonts/poppins/Poppins-Light.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-Thin.eot');
  src: url('../fonts/poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Thin.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Thin.woff') format('woff'),
      url('../fonts/poppins/Poppins-Thin.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-SemiBold.eot');
  src: url('../fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'),
      url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-ThinItalic.eot');
  src: url('../fonts/poppins/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-ThinItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-ThinItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-ThinItalic.ttf') format('truetype'),
      url('../fonts/poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins/Poppins-Regular.eot');
  src: url('../fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-Regular.woff') format('woff'),
      url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'),
      url('../fonts/poppins/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/Poppins-SemiBoldItalic.eot');
  src: url('../fonts/poppins/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff'),
      url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype'),
      url('../fonts/poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/*---------- Poppins Font Links Are Close Here  ----------*/
/*---------- Mulish Font Links Are Start Here  ----------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'Mulish';
  src: url('../fonts/muli/Mulish-SemiBoldItalic.eot');
  src: url('../fonts/muli/Mulish-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/muli/Mulish-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/muli/Mulish-SemiBoldItalic.woff') format('woff'),
      url('../fonts/muli/Mulish-SemiBoldItalic.ttf') format('truetype'),
      url('../fonts/muli/Mulish-SemiBoldItalic.svg#Mulish-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/*---------- Mulish Font Links Are Close Here  ----------*/
/*---------- Bookmania Font Links Are Start Here  ----------*/
@font-face {
  font-family: 'Bookmania';
  src: url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.eot');
  src: url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.woff2') format('woff2'),
      url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.woff') format('woff'),
      url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.ttf') format('truetype'),
      url('../fonts/bookmania/FONTSPRINGDEMO-BookmaniaBold.svg#FONTSPRINGDEMO-BookmaniaBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*---------- Bookmania Font Links Are Close Here  ----------*/
/*---------- CSS Variable Are Start Here  ----------*/
:root{
  --primaryColor:#9B0D74;
  --greyBackground:#F6F7FB;
  --defaultTextColor:#242424;
  --siteHeading:60px;
  --mainHeading:50px;
  --sectionHeading:35px;
  --subHeading:32px;
  --sectionTitle:20px;
  --defaultFontSize:18px;
  --fontPoppins: 'Poppins';
  --fontMulish: 'Mulish';
  --fontBookmania:'Bookmania';
}
/*---------- CSS Variable Are Close Here  ----------*/
/*---------- Container CSS Are Start Here  ----------*/
.container{
  padding: 0 15px;
  margin: 0 auto;
}
@media (min-width:1400px){
  .container{
    max-width:1430px;
  }
}
@media (max-width:991px){
  .container{
    max-width:760px;
  }
}
@media (max-width:767px){
  .container{
    max-width:650px;
  }
}
/*---------- Container CSS Are Close Here  ----------*/
/*---------- Global CSS Are Start Here  ----------*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: var(--fontMulish);
  color: var(--defaultTextColor);
  position: relative;
  overflow-x: hidden;
}
.navigationWrapper .site-branding .site-description {
  display: none;
}
a{
  text-decoration: none;
  font-family: var(--fontPoppins);
  cursor: pointer;
}
a:hover{
  color: var(--primaryColor);
  text-decoration: none;
}
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
input:focus, textarea:focus, select:focus, button:focus{
  outline: none;
}
button{
  cursor: pointer;
}
img{
  max-width: 100%;
}
.siteHeading{
  font-size: var(--siteHeading);
}
.mainHeading{
  font-size: var(--mainHeading);
  font-weight: 600;
  line-height: 1.5;
  /* text-transform: capitalize; */
  margin-top: 5px;
}
.sectionHeading{
  font-size: var(--sectionHeading);
  font-weight: 600;
  line-height: 1.3;
  /* text-transform: capitalize; */
}
.sectionDescription {
  max-width: 1265px;
  margin: 0 auto;
  letter-spacing: 0.3px;
  line-height: 1.667;
}
.subHeading{
  font-size: var(--subHeading);
}
.midHeading{
  font-size: 30px;
}
.fs-20{
  font-size: 20px;
}
p, .defaultSize{
  font-size: var(--defaultFontSize);
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6{
  font-family: var(--fontPoppins);
  margin: 0;
  padding: 0;
}
.bannerButtons {
  display: flex;
  justify-content: center;
  grid-gap: 20px;
  flex-wrap: wrap;
  margin-top: 47px;
}
.dBtn{
  border-radius: 5px;
  letter-spacing: 0.36px;
  min-width: 217px;
  /* text-transform: capitalize; */
  font-size: var(--defaultFontSize);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 15px;
}
.dBtn svg{
  margin-left: 6px;
  font-size: 120%;
}
.btnMegenta{
  border: 1px solid var(--primaryColor);
  color:#fff;
  background-color: var(--primaryColor);
}
.btnMegenta:hover{
  border:1px solid  #fff;
  color:var(--primaryColor);
  background-color: #fff;
}
.btnPrimary{
  border: 1px solid var(--primaryColor);
  color: var(--primaryColor);
}
.btnPrimary:hover{
  background-color: var(--primaryColor);
  color: #ffffff;
}
.btnSecondary{
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btnSecondary:hover{
  background-color: #ffffff;
  color: var(--primaryColor);
}
.bannerButtons .bannerBtn {
  background-color: #fff;
  border: 1px solid #fff;
  color: var(--primaryColor);
}
.bannerButtons .bannerBtn:hover{
  background-color: transparent;
  color: #fff;
}
.primaryBg{
  background-color: var(--primaryColor);
}
.greyBg{
  background-color: var(--greyBackground);
}
.sectionTitle.white, .white{
  color: #fff;
}
.sectionTitle {
  position: relative;
  /* text-transform: uppercase; */  
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 2.4px;
  color: var(--primaryColor);
  width: fit-content;
}
.sectionTitle.text-white{
  color: #fff;
}
.sectionTitle.text-white::after ,.sectionTitle.text-white::before{
  background-color: #fff !important;
}
.sectionTitle::after {
  content: '';
  position: absolute;
  left: calc(100% + 23px);
  top: 50%;
  width: 33px;
  height: 1px;
  background-color: var(--primaryColor);
}
.sectionTitle.middleTitle {
  margin: 0 auto;
  text-align: center;
}
.sectionTitle.middleTitle::before {
  content: '';
  position: absolute;
  right: calc(100% + 23px);
  top: 50%;
  width: 33px;
  height: 1px;
  background-color: var(--primaryColor);
}
.sectionTitle.white::after, .sectionTitle.white::before {
  background-color: #fff;
}
/* .row{
  margin: 0;
}
.row > * {
  padding: 0;
} */
.circleAnimation{
  position: relative;
  overflow: hidden;
}
.circleAnimation::after {
  content: '';
  position: absolute;
  top: 80px;
  left: calc(100% - 123.5px);
  background: url(../images/intro-animate-icon.svg) no-repeat;
  background-size: cover;
  width: 247px;
  height: 247px;
  border-radius: 100%;
  animation: rotateIntroIcon 60s infinite linear;
}
.circleAnimation.leftAnimation::after {
  left:auto;
  right: calc(100% - 123.5px);
}
.circleAnimation.leftCircleAnimation::after {
  right: calc(100% - 123.5px);
  left: auto;
  top: 20px;
  z-index: -1;
}
@keyframes rotateIntroIcon{
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(359deg);
  }
}
.textBorder {
  border-left: 1px solid var(--primaryColor);
  padding-left: 30px;
  margin: 30px 0 60px;
}
.textBorder p {
  letter-spacing: 0.5px;
}
.slick-list.draggable {
  overflow: hidden;
}
.innerBanner{
  background-color: var(--primaryColor);
  padding-top: 182px;
  overflow: hidden;
  position: relative;
}
.innerBanner .bannerContentWrap{
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
.bannerContentWrap:before {
  background: transparent linear-gradient(177deg, #C851A7A3 0%, #A4248100 100%) 0% 0% no-repeat padding-box;
  content: '';
  position: absolute;
  top: -63px;
  left: 50%;
  opacity: 0.5;
  width: 340px;
  height: 340px;
  border-radius: 100%;
  z-index: -1;
  transform: translateX(-50%);
}
.innerBanner .innerBannerTitle{
  font-size: 50px;
  font-weight: 600;
  padding-bottom: 10px;
}
.innerBanner .bannerInfo p{
  margin-bottom: 25px;
}
.innerBanner.padding-bottom {
  padding-bottom: 380px;
}
.innerBanner.bannerPadding {
    padding-bottom: 430px;
}
.innerBanner {
  background-color: var(--primaryColor);
  padding-top: 182px;
  overflow: hidden;
  position: relative;
}
.bannerShape {
  height: 560px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.bannerShape img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.threeCircleWrap {
  width: 100px;
  height: 100px;
  position: absolute;
  border: 2px solid var(--primaryColor);
  border-radius: 100%;
  opacity: 0.3;
}
.bannerMarginTop{
  margin-top:-180px ;
}
.threeCircleWrap::after{
  animation-delay: 2.5s !important;
}
.threeCircleWrap::before, .threeCircleWrap::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid var(--primaryColor);
  border-radius: 100%;
  top: 0;
  left: 0;
  animation: tripleCircleAnimate 5s linear infinite;
}
@keyframes tripleCircleAnimate{
  0%{
      transform:scale(1)
  }
  50%{
      transform:scale(2);
      opacity:1;
  }
  100%{
      transform:scale(3);
      opacity:0;
  }
}
::placeholder{
  color: #A1A1A1;
  /* text-transform: capitalize; */
}
input, textarea, select {
  border-radius: 8px;
  background-color: #fff;
  border-style: none;
  width: 100%;
  padding: 15px 20px;
  color: #000;
  font-size: 16px;
  font-family: var(--fontPoppins);
  font-weight: 400;
}
.wpcf7-not-valid::placeholder{
  color: #ff0000c7;
}
.wpcf7-not-valid {
  box-shadow: 0px 0px 2px 1px #ff0000c7;
}
textarea {
  max-height: 107px;
  resize: none;
}
input[type="radio"] {
  position: relative;
  width: 22px;
}
input[type="radio"]::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0 0 4.5px #fff inset;
  cursor: pointer;
}
input[type="radio"]:checked:before{
  background-color: #BB2291;
}
select {
  appearance: none;
  position: relative;
  background-image: url(../images/selectField.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
}

.inputField {
  margin-bottom: 30px;
  padding: 0 10px;
}
.inputField label {
  display: block;
  /* text-transform: capitalize; */
  color: #fff;
  font-size: 16px;
  font-family: var(--fontPoppins);
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
}
.submitButton input {
  width: 100%;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  background-color: #FFFFFF21;
  color: #fff;
  padding: 15px;
  /* text-transform: capitalize; */
  font-size: 18px;
  font-family: var(--fontPoppins);
  font-weight: 400;
  transition: all 0.5s ease-in-out;
}
.submitButton input:hover{
  background-color: #fff;
  color: var(--primaryColor);
}
.contactForm .inputField span.wpcf7-not-valid-tip {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 5px;
}
.wpcf7-list-item{
  margin: 0;
}
.contactForm .inputField span.wpcf7-not-valid-tip + span.wpcf7-not-valid-tip{
  display: none;
} 
.inputField .checkBox span.wpcf7-form-control {
  display: flex;
  align-items: center;
  grid-gap: 35px;
  padding: 15px 0;
}
.inputField .checkBox label {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  margin: 0;
}
.wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);
  transform: translate(-50%, -50%);
}
.wpcf7-response-output {
  background-color: #FFF;
  border-style: none !important;
  color: var(--primaryColor);
  padding: 10px 15px !important;
  margin: 30px auto 0 !important;
  width: calc(100% - 10px);
}
.submitButton {
  padding: 0 10px;
}
/*---------- Global CSS Are Close Here  ----------*/

/*---------- Global Responsive CSS Are Start Here  ----------*/
@media (max-width:1399px){
  .siteHeading {
    --siteHeading: 45px;
  }
  .innerBanner .innerBannerTitle{
    font-size: 45px;
  }
  .subHeading {
    --subHeading: 26px;
  }
  .midHeading{
    font-size: 24px;
  }
  .sectionTitle{
    font-size: 18px;
  }
  .circleAnimation::after {
    width: 200px;
    height: 200px;
    left: calc(100% - 100px);
  }
  .circleAnimation.leftAnimation::after {
    right: calc(100% - 100px);
  }
  .circleAnimation.leftCircleAnimation::after {
    right: calc(100% - 100px);
  }
  .bannerContentWrap:before {
    width: 300px;
    height: 300px;
  }
  .bannerShape {
    height: 410px;
  }
  .innerBanner.padding-bottom {
    padding-bottom: 300px;
  }
  .innerBanner.bannerPadding {
    padding-bottom: 350px;
  }
  .inputField label, input, textarea, select{
    font-size: 14px;
  }
  .mainHeading {
    --mainHeading: 40px;
  }
  .sectionHeading {
    --sectionHeading: 32px;
  }
  p, .defaultSize,.dBtn {
    --defaultFontSize: 16px;
  }
  .bannerMarginTop {
    margin-top: -125px;
  }
  .sectionDescription{
    max-width: 1024px;
  }
}
@media (max-width:1199px){
  p, .defaultSize,.dBtn {
      --defaultFontSize: 15px;
  }
  .sectionHeading {
    --sectionHeading: 30px;
  }
  .innerBanner .innerBannerTitle{
    font-size: 40px;
  }
  .fs-20{
    font-size: 18px;
  }
  .dBtn{
    min-width: 180px;
    padding: 12px 15px;
  }
  .bannerContentWrap:before {
    width: 250px;
    height: 250px;
  }
  .mainHeading {
    --mainHeading: 36px;
  }
  .bannerShape {
    height: 350px;
  }
  .innerBanner.padding-bottom {
      padding-bottom: 260px;
  }
  .innerBanner{
    padding-top: 130px;
  }
  .innerBanner.bannerPadding {
    padding-bottom: 300px;
  }
  .bannerMarginTop {
    margin-top: -100px;
  }
}
@media (max-width:991px){
  .circleAnimation::after {
    width: 150px;
    height: 150px;
    left: calc(100% - 75px);
  }
  .circleAnimation.leftAnimation::after {
    right: calc(100% - 75px);
  }
  .circleAnimation.leftCircleAnimation::after{
    right: calc(100% - 75px);
  }
  .sectionTitle.middleTitle{
    padding: 0 40px;
  }
  .sectionTitle.middleTitle::before {
    right: calc(100% - 30px);
  }
  .sectionTitle::after {
    left: calc(100% - 33px);
  }
  .sectionTitle {
    padding-right: 40px;
  }
  .sectionTitle{
    font-size: 18px;
    line-height: 1.2;
  }
  .innerBanner .innerBannerTitle{
    font-size: 32px;
  }
  .bannerShape {
    height: 300px;
  }
  .innerBanner.padding-bottom, .innerBanner.bannerPadding{
      padding-bottom: 250px;
  }
  span.wpcf7-form-control.wpcf7-radio {
    padding: 0;
  }
  .submitButton input{
    font-size: 16px;
  }
  input, textarea, select {
    border-radius: 5px;
    padding: 12px 15px;
  }
  .submitButton input {
    padding: 12px;
  }
  .bannerMarginTop {
    margin-top: -80px;
  }
}
@media (max-width:767px){
  .sectionTitle.middleTitle {
    margin-bottom: 5px;
  }

  .sectionTitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .textBorder {
    padding-left: 15px;
    margin: 15px 0 30px;
  }
  .innerBanner .innerBannerTitle{
    font-size: 28px;
  }
  .bannerShape {
    height: 235px;
  }
  .innerBanner.padding-bottom, .innerBanner.bannerPadding{
    padding-bottom: 200px;
  }
  .bannerMarginTop {
    margin-top: -60px;
  }
}
@media (max-width:575px){
  .siteHeading {
    --siteHeading: 30px;
  }
  .sectionHeading {
    --sectionHeading: 26px;
  }
  .bannerShape {
    height: 175px;
  }
  .innerBanner.padding-bottom, .innerBanner.bannerPadding{
    padding-bottom: 160px;
  }
  .mainHeading{
    --mainHeading:30px;
  }
  .bannerMarginTop {
    margin-top: -40px;
  }
}
@media (max-width:400px){
  .bannerShape {
    height: 115px;
  }
  .innerBanner.padding-bottom, .innerBanner.bannerPadding{
    padding-bottom: 100px;
  }
  .inputField {
    margin-bottom: 15px;
  }
  .bannerButtons {
    margin-top: 30px;
  }
  .bannerMarginTop {
    margin-top: -20px;
  }
  .sectionTitle{
    font-size: 15px;
  }
}
/*---------- Global Responsive CSS Are Close Here  ----------*/
/*---------- Responsive Banner CSS Are Start Here  ----------*/
@media (min-width:1921px){
 .bannerShape {
    height: 650px;
  }
  .innerBanner.bannerPadding {
    padding-bottom: 550px;
  }
}
@media (min-width:2201px){
 .bannerShape {
    height: 750px;
  } 
  .innerBanner.bannerPadding {
    padding-bottom: 600px;
  }
  .bannerMarginTop {
    margin-top: -250px;
  }
}
@media (min-width:2550px){
 .bannerShape {
    height: 810px;
  }
  .innerBanner.bannerPadding {
    padding-bottom: 650px;
  }
}
@media (min-width:2801px){
 .bannerShape {
    height: 920px;
  }
}
@media (min-width:3200px){
 .bannerShape {
    height: 950px;
  }
  .innerBanner.bannerPadding {
    padding-bottom: 700px;
  }
  .bannerMarginTop {
    margin-top: -350px;
  }
}
/*---------- Responsive Banner CSS Are Close Here  ----------*/

/* latest css */
.action{
  display:block;
  margin:100px auto;
  width:100%;
  text-align:center;
}
.action a {
  display:inline-block;
  padding:5px 10px; 
  background:#f30;
  color:#fff;
  text-decoration:none;
}
.action a:hover{
  background:#000;
}