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

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot');
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Calibri.woff2') format('woff2'),
      url('../fonts/Calibri.woff') format('woff'),
      url('../fonts/Calibri.ttf') format('truetype'),
      url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
 /**
 * Variables - theme variables : color.
 */
:root {
  --themecolor: #de198e; /* pink - themecolor */
  --primary: #0094DC; /* blue */
  --secondary: #de198e; /* pink */
  --white: #ffffff; 
  --white-secondary: #fdfbed; 
  --grey: #404041; /* text-color */
  --grey-light: #a5a5a5; /* grey-light */
  --red: #ff0000;  /* text-red */
}

 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html { 
 line-height: 1.15; /* 1 */
 -webkit-text-size-adjust: 100%; /* 2 */
 height: -webkit-fill-available;
 } 
 
 /* Sections
 ========================================================================== */
 
 /**
 * Remove the margin in all browsers.
 */
 
 
 /**
 * Render the `main` element consistently in IE.
 */
 
 main { 
 display: block; 
 } 
 
 /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
 
 h1 { 
 font-size: 2em; 
 margin: 0.67em 0; 
 } 
 
 /* Grouping content
 ========================================================================== */
 
 /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 
 hr { 
 box-sizing: content-box; /* 1 */
 height: 0; /* 1 */
 overflow: visible; /* 2 */
 } 
 
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 
 pre { 
 font-family: monospace, serif; /* 1 */
 font-size: 1em; /* 2 */
 } 
 
 /* Text-level semantics
 ========================================================================== */
 
 /**
 * Remove the gray background on active links in IE 10.
 */
 
 a { 
 background-color: transparent; 
 } 
 
 /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 
 abbr[title] { 
 border-bottom: none; /* 1 */
 text-decoration: underline; /* 2 */
 text-decoration: underline dotted; /* 2 */
 } 
 
 /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
 
 b,
 strong { 
 font-weight: bolder; 
 } 
 
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
 kbd,
 samp { 
 font-family: monospace, serif; /* 1 */
 font-size: 1em; /* 2 */
 } 
 
 /**
 * Add the correct font size in all browsers.
 */
 
 small { 
 font-size: 80%; 
 } 
 
 /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 
 sub,
 sup { 
 font-size: 75%; 
 line-height: 0; 
 position: relative; 
 vertical-align: baseline; 
 } 
 
 sub { 
 bottom: -0.25em; 
 } 
 
 sup { 
 top: -0.5em; 
 } 
 
 /* Embedded content
 ========================================================================== */
 
 /**
 * Remove the border on images inside links in IE 10.
 */

 
 /* Forms
 ========================================================================== */
 
 /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 
 button,
 input,
 optgroup,
 select,
 textarea { 
 font-family: inherit; /* 1 */
 font-size: 100%; /* 1 */
 line-height: 1.15; /* 1 */
 margin: 0; /* 2 */
 } 
 
 /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
 
 button,
 input { /* 1 */
 overflow: visible; 
 } 
 
 /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
 
 button,
 select { /* 1 */
 text-transform: none; 
 } 
 
 /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
 
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] { 
 -webkit-appearance: button; 
 } 
 
 /**
 * Remove the inner border and padding in Firefox.
 */
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner { 
 border-style: none; 
 padding: 0; 
 } 
 
 /**
 * Restore the focus styles unset by the previous rule.
 */
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring { 
 outline: 1px dotted ButtonText; 
 } 
 
 /**
 * Correct the padding in Firefox.
 */
 
 fieldset { 
 padding: 0.35em 0.75em 0.625em; 
 } 
 
 /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 * `fieldset` elements in all browsers.
 */
 
 legend { 
 box-sizing: border-box; /* 1 */
 color: inherit; /* 2 */
 display: table; /* 1 */
 max-width: 100%; /* 1 */
 padding: 0; /* 3 */
 white-space: normal; /* 1 */
 } 
 
 /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 
 progress { 
 vertical-align: baseline; 
 } 
 
 /**
 * Remove the default vertical scrollbar in IE 10+.
 */
 
 textarea { 
 overflow: auto; 
 } 
 
 /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 
 [type="checkbox"],
 [type="radio"] { 
 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */
 } 
 
 /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button { 
 height: auto; 
 } 
 
 /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 
 [type="search"] { 
 -webkit-appearance: textfield; /* 1 */
 outline-offset: -2px; /* 2 */
 } 
 
 /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
 
 [type="search"]::-webkit-search-decoration { 
 -webkit-appearance: none; 
 } 
 
 /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
 
 ::-webkit-file-upload-button { 
 -webkit-appearance: button; /* 1 */
 font: inherit; /* 2 */
 } 
 
 /* Interactive
 ========================================================================== */
 
 /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
 
 details { 
 display: block; 
 } 
 
 /*
 * Add the correct display in all browsers.
 */
 
 summary { 
 display: list-item; 
 } 
 
 /* Misc
 ========================================================================== */
 
 /**
 * Add the correct display in IE 10+.
 */
 
 template { 
 display: none; 
 } 
 
 /**
 * Add the correct display in IE 10.
 */
 
 [hidden] { 
 display: none; 
 } 
 

/* ==========================================================================
Global Settings
========================================================================== */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } 

/*
* Body
*/

body { 
  color: var(--grey); 
  font-family: 'Calibri',"Helvetica Neue", "Helvetica", Arial, sans-serif; 
  font-weight: normal;
  font-size: 1em; 
  line-height: 1.4;
  margin: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
   } 


/*
* Links
*/
a, a:hover { text-decoration: none; } 
a:focus { outline: none; } 
p a, p a:visited { line-height: inherit; } 

/*    
* Headings
*/
h1 , h2 { 
  font-weight: normal; font-size: 1.563em; line-height: 1.2; margin-bottom: 14px; 

 } 
 @media screen and (min-width:576px) { 
 h1 , h2 { font-size: 1.938em; margin-bottom: 18px; } 
 } 
 @media (max-width: 425px){
  h1{
      font-size: 1.5em;
  }
  .lead{
      font-size: 1.5em;
  }
}
/*
* Paragraphs
*/  

p { font-weight: normal; } 
.lead,
.lead2{ 
 font-weight: 400; font-size:1.563em; line-height: 1.3; margin-bottom: 20px; 
 } 
 .lead3{
  font-size: 2.1875rem; font-weight: 500;
}

.mt{
  margin-top: 0px !important;
} 


 /*
* img
*/
img { 
  max-width: 100%; 
  border-style: none;
} 
.img-fluid { 
 max-width: 100%; 
 height: auto; 
 } 
 .border-radius-default{
  border-radius: 20px;
 }
/* ==========================================================================
Helper classes
========================================================================== */
/*
* font-weight
*/
.font-weight-bold{
  font-weight: 700;
}
/*
* width
*/
.w-100 {
  width: 100% !important;
}
/*
* Text Alignment
*/
.text-left { text-align: left; } 
.text-right { text-align: right; } 
.text-center { text-align: center; } 
.text-align-start{ text-align: start; }

.flex-center{ justify-content: center !important;}
/*
* list-unstyle
*/
.list-unstyled { 
padding-inline-start: 20px;
 padding-left: 0; 
 list-style: none; 
 } 

 .default-list li { 
 margin-bottom: 25px; 
 } 
 .default-list.alt li { 
  margin-bottom: 10px; 
  } 
/** Margin **/
.mt5{margin-top: 100px;}
.mt4{margin-top: 20%;}
.mt3{margin-top: 40px;}
.mt2{margin-top: 10px;}
.mb5{margin-bottom: 100px;}
.mb4{margin-bottom: 20%;}
.mb3{margin-bottom: 40px;}
.mb2{margin-bottom: 20px !important;}
.mb1{margin-bottom: 10px;}

.mb-0{
  margin-bottom: 0px !important;
}
.mb-1{
  margin-bottom: 4px;
}
/** Margin **/

/** Padding **/
.pl5{padding-left: 50px;}
.pl4{padding-left: 40px;}
.pl3{padding-left: 20px;}
.pl2{padding-left: 15px;}
.pr2{padding-right: 15px;}
.pt5{padding-top: 50px;}
.pt4{padding-top: 40px;}
.pt3{padding-top: 20px;}
.pb3{padding-bottom: 40px;}
.pb2{padding-bottom: 20px;}
.pb1{padding-bottom: 10px;}
.px-0 {
  padding-right: 0!important;
  padding-left: 0!important;
}
/** font-weight **/
.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}

/** display **/
.display-block{display: block;}
.d-inline-block{display: inline-block;}
.d-flex{display: flex;}

/** flex-alignment **/
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
/** positions **/
.relative {position: relative !important;}
.fixed {position: fixed !important;}
.static{position: static !important;}

/*
* button
*/
.button { 
 font-weight: 700; 
 border: 1px solid var(--themecolor); 
 color: var(--themecolor);
 font-size:1.25em; 
 padding: 10px;
 line-height: 1;
 min-width: 75px; 
 text-align: center; 
 transition: 0.3s all;
 outline: none;
 } 
.button:hover { 
 background-color: var(--themecolor);
 color: var(--white); 
 } 
 .button2 {
  background-color: var(--themecolor);
  color: var(--white);
  font-size: 1.25em;
  text-align: center;
  display: inline-block;
  width: 100%;
  box-shadow: 2px -1px 17px -2px rgb(164 164 164);
  padding: 11px 6px;
  font-weight: 700;
  line-height: 1.35;
}
@media (min-width:375px) { 
  .button2 {
    font-size: 1.563em;
  }
}
.bordered-btn{
  border: 1px solid var(--white);
}
.button2.alt{
  background-color: transparent;
  border: 1px solid var(--themecolor);
  color: var(--themecolor);
}
.center-btn{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.center-btn a{
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/*
* pagination
*/
.pagination-wrapper{
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 10px 30px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  }
  .pagination { 
   display: flex; 
   align-items: center; 
   justify-content: space-between; 
   max-width: 480px; 
   margin: 0 auto; 
   width: 100%;
   padding-left: 2px;
   padding-right: 2px;
   } 
   .pagination .button{ 
    background-color: var(--themecolor);
    border-color: var(--themecolor);
    color: var(--white);
   }
   .pagination .button:hover{ 
    background-color: var(--white);
    color: var(--themecolor);
   }
  
/*
* image1 - for inner images having equal padding and setting for figcaption
*/
.image1 { 
 margin-bottom: 30px; 
 padding-left: 15px;
 padding-right: 15px;
 } 

.image1 figcaption { 
 font-size: 1.375rem; 
 font-weight: 400; 
 } 
.image1 figcaption span { 
 color: var(--red);
 } 
/*
* image2 - for inner images having equal padding
*/
 .image2{
  padding-right: 15px;
  padding-left: 15px;
}
/*
* text-wrapper 
*/
.text-wrapper { 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-bottom: 60px; 
 } 
 .text-wrapper2{
  margin-top: 70px;
  margin-bottom: 0px;
}
 


/* ==========================================================================
Layout
========================================================================== */
/*
* container
*/
.page-container { 
 width: 100%; 
 padding-right: 15px; 
 padding-left: 15px; 
 margin-right: auto; 
 margin-left: auto; 
 position: relative;
 max-width: 480px;
 min-height: 100vh;
 } 
 .page-container:after {
  content: "";
  width: 100%;
  height: calc(100% - 90px);
  top: 90px;
  right: 0px;
  background-image: url(../images/body-bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: absolute;
  z-index: -1;
}
@media (min-width:375px){
  .page-container { 
    padding-right: 20px; 
    padding-left: 20px; 
  }
}
.container { 
  width: 100%; 
  padding-right: 15px; 
  padding-left: 15px; 
  margin-right: auto; 
  margin-left: auto; 
  max-width: 480px;
  } 

#content{
  padding-bottom: 62px;
}
.alt#content{
  padding-bottom: 30px;
}
 
/*
* Header
*/
.main-header { 
 display: flex; 
 justify-content: center; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 margin-bottom: 20px; 
 background-color: #230e47;
 margin-right: -15px;
 margin-left: -15px;
 } 
 @media (min-width:375px){
  .main-header { 
    margin-right: -20px;
    margin-left: -20px;
  }
}
/*
* footer
*/
.site-footer { 
 padding-bottom: 25px; 
 } 
.site-footer .inner { 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .site-footer .innerr{
  margin-top: 17%;
  padding-left: 15px;
  padding-right: 15px;
}

.site-footer .inner2{
  margin-top: 40%; 
}
 .copyright { 
  color: var(--grey-light); 
  margin-bottom: 40px;
  line-height: 1.3; 
 } 

/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*
* logo
*/
.brand-logo img { 
  max-width: 278px;
  height: auto;
  width: 100%;
  object-fit: cover; 
  object-position: center center; 
 } 
/*
* language toggle
*/
.language-toggle { 
 margin-bottom: 25px; 
 } 
.language-toggle ul { 
 border: 1px solid var(--themecolor);
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 border-radius: 100px; 
 padding: 5px 5px; 
 max-width: 210px; 
 margin: 0 auto; 
 } 
.language-toggle ul li a { 
 display: inline-block; 
 color: var(--themecolor);
 padding: 4px 24px; 
 border-radius: 100px; 
 } 
.language-toggle ul li.active a , .language-toggle ul li:hover a { 
 background-color: var(--themecolor);
 color: var(--white);
 } 
 @media (min-width:576px) { 
 .language-toggle { 
 margin-bottom: 50px; 
 } 
 } 

/*
* list1
*/
.list1 { 
 padding-left: 10px; 
 padding-right: 10px; 
 padding-inline-start: 15px;
 } 
.list-inner .icon { 
 background-color: var(--white); 
 border:1px solid var(--themecolor);
 border-radius: 50%; 
 width: 75px; 
 height: 75px; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 position: absolute; 
 top: 50%; 
 left: -15px; 
 transform: translateY(-50%); 
 z-index: 1; 
 padding: 15px;
 } 
.list1 li { 
 background-color: var(--themecolor);
 font-size: 1em;
 font-weight: 700; 
 border:1px solid var(--white); 
 position: relative; 
 padding-left: 50px; 
 margin-bottom: 40px; 
 box-shadow: 2px -1px 17px -2px rgba(164,164,164,1); 
 } 
.list1 li a { 
 color: var(--white); 
 display: block; 
 padding: 10px 10px 10px 15px; 
 } 
@media (min-width:375px) { 
 .list1 { 
  padding-left: 25px;
  padding-right: 15px;
  margin: 0 auto;
  max-width: 370px;
 } 
 .list1 li { 
  font-size: 1.2em;
  }
 } 

/*
* intro
*/
.intro h2 { 
 margin-bottom: 40px; 
 } 
.intro .lead { 
 margin-bottom: 20px; 
 } 

/*
* box1
*/
.box1{
  margin-bottom: 82px; 
}
.box1 .lead{
  margin-bottom: 82px;
}

/** intro **/
.inner-container .label{
    background-color: var(--themecolor);
    font-size: 1em;
    font-weight: 600;
    color: var(--white-secondary);
    border-radius: 13px;
    padding: 10px 15px;
    margin-bottom: 18px;
}
.inner-container .label2{
    background-color: var(--themecolor);
    font-size: 1.5em;
    font-weight: 700;
    color: var(--white-secondary);
    display: block;
    padding: 8px 0px;
    box-shadow: -1px 0px 9px 4px rgba(164, 164, 164, 0.54);
}
/*
* options-wrapper
*/
.options-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
}
.options-wrapper .button2{
  width: auto;
  font-size:1.25em; 
  padding: 10px;
  line-height: 1;
  min-width: 75px; 
  border: 1px solid var(--themecolor); 
}
.options-wrapper.alt{
  margin-left:-5px;
  margin-right:-5px;
}
.options-wrapper.alt .button2 {
  width: auto;
  width: 100%;
  margin-left:5px;
  margin-right:5px;
}
@media (min-width: 375px){
  .options-wrapper .button2{
    font-size:1.25em; 
  }
}
/*
* gradient-text
*/
.gradient-text{
background: rgb(238,131,34);
background: linear-gradient(90deg, rgba(238,131,34,1) 0%, rgba(227,49,38,1) 22%, rgba(227,25,70,1) 42%, rgba(187,27,123,1) 64%, rgba(92,47,123,1) 84%, rgba(25,72,147,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*
* message-box
*/
.message-box .lead{
  font-size: 1.25em;    font-weight:600;
}

/*
* bottom-fixed
*/
.bottom-fixed{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

/*
* three-col-list
*/
.three-col-list{
  margin-left: -10px;
  margin-right: -10px;
}
.three-col-list li{
  padding-left: 10px;
  padding-right: 10px;
}