@charset "utf-8";

@font-face {
	font-family: 'Borna';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('../fonts/borna-regular-webfont.eot');
	src: url('../fonts/borna-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-regular-webfont.woff2') format('woff2'),url('../fonts/borna-regular-webfont.woff') format('woff'),url('../fonts/borna-regular-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('../fonts/borna-bold-webfont.eot');
	src: url('../fonts/borna-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-bold-webfont.woff2') format('woff2'),url('../fonts/borna-bold-webfont.woff') format('woff'),url('../fonts/borna-bold-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('../fonts/borna-medium-webfont.eot');
	src: url('../fonts/borna-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-medium-webfont.woff2') format('woff2'),url('../fonts/borna-medium-webfont.woff') format('woff'),url('../fonts/borna-medium-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('../fonts/borna-semibold-webfont.eot');
	src: url('../fonts/borna-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-semibold-webfont.woff2') format('woff2'),url('../fonts/borna-semibold-webfont.woff') format('woff'),url('../fonts/borna-semibold-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('../fonts/borna-regularitalic-webfont.eot');
	src: url('../fonts/borna-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-regularitalic-webfont.woff2') format('woff2'),url('../fonts/borna-regularitalic-webfont.woff') format('woff'),url('../fonts/borna-regularitalic-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('../fonts/borna-bolditalic-webfont.eot');
	src: url('../fonts/borna-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-bolditalic-webfont.woff2') format('woff2'),url('../fonts/borna-bolditalic-webfont.woff') format('woff'),url('../fonts/borna-bolditalic-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('../fonts/borna-mediumitalic-webfont.eot');
	src: url('../fonts/borna-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-mediumitalic-webfont.woff2') format('woff2'),url('../fonts/borna-mediumitalic-webfont.woff') format('woff'),url('../fonts/borna-mediumitalic-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Borna';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('../fonts/borna-semibolditalic-webfont.eot');
	src: url('../fonts/borna-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/borna-semibolditalic-webfont.woff2') format('woff2'),url('../fonts/borna-semibolditalic-webfont.woff') format('woff'),url('../fonts/borna-semibolditalic-webfont.ttf') format('truetype');
}

/*------------| body frame start |-----------*/

  :root {
    /* ---------- Colors ---------- */
    --color-primary: #031AAB;    
    --color-secondary: #6778D7;  
    --color-accent: #FA9100;     
    --color-yellow: #FFFA08;     
    --color-text: #000000;       
    --color-body-text: #5b5b5b;  
    --color-white: #FFFFFF;
    --color-light-bg: #F2F2F0;

    /* ---------- Fonts ---------- */
    --font-header: "DM Sans", sans-serif;
    --font-footer: "DM Sans", sans-serif;
    --font-heading: "Borna", sans-serif;
    
  }

  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  html {
    margin-top: 0 !important;
  }
  html, body {
  	width: 100%;
  	height: 100vh;
  	padding: 0px;
  	margin: 0 !important;
    overflow-x: hidden;
  }

  body {
  	padding:0px;
  	margin: 0px;
  	font-size: max(16px, min(16px + 4 * (100vw - 667px) / 773, 18px));
  	line-height: max(24px, min(24px + 10 * (100vw - 667px) / 773, 28px));
    letter-spacing: 0px;
  	overflow-x: visible !important;
    font-family: 'Borna';
    font-weight: 400;
    font-display:swap;
    font-style:normal;
    font-stretch:normal;
  	display: flex;
  	flex-direction: column;
  	word-break: break-word;
    word-break: break-word; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-body-text);
    background: #ffffff;
  }
/*------------| body frame End |-----------*/



/* ====================================================================================== */
/* ================================== All tags css Start here =========================== */
/* ====================================================================================== */

 /* ---------- Headings Tags Start ---------- */
    
  h1 {
    font-size: max(36px, min(36px + 24 * (100vw - 667px) / 773, 54px));
    line-height: max(46px, min(46px + 26 * (100vw - 667px) / 773, 64px));
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h2 {
    font-size: max(30px, min(30px + 24 * (100vw - 667px) / 773, 47px));
    line-height: max(40px, min(40px + 26 * (100vw - 667px) / 773, 57px));
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom:15px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h3 {
    font-size: max(26px, min(26px + 24 * (100vw - 667px) / 773, 42px));
    line-height: max(35px, min(35px + 26 * (100vw - 667px) / 773, 52px));
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h4 {
    font-size: max(22px, min(22px + 16 * (100vw - 667px) / 773, 36px)); 
    line-height: max(28px, min(28px + 18 * (100vw - 667px) / 773, 42px));
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h5 {
    font-size: max(18px, min(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)), 28px));
    line-height: max(26px, min(26px + (36 - 26) * ((100vw - 320px) / (1920 - 320)), 36px));
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h6 {
    font-size: max(16px, min(16px + 4 * (100vw - 667px) / 773, 20px)); 
    line-height: max(24px, min(24px + 6 * (100vw - 667px) / 773, 28px)); 
    color: #0319aa;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: 'Borna';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
    text-transform: inherit;
  }
 
  p { margin: 0px; padding: 0px 0px 15px 0px;}
  p:has(+ hr) { padding-bottom: 0;}

  /* ---------- Headings Tags Ends ---------- */

  
  ul { padding: 0px 0px 20px 20px; margin: 0px; }
  ul li { position: relative; padding: 5px 0px 5px 5px;  text-align: left; /* list-style-type: disc; */ }
  ul li ul li { list-style: circle; }
  ul li ul, ol li ol { padding-top: 10px; padding-bottom: 10px; } 

  /* custom css for OL numbers start */
   ol { padding: 0px 0px 20px 0px; margin: 0px; list-style-type: none;	counter-reset: li;}   
   ol li { padding: 5px 0px 5px 25px; text-align: left; position: relative; font-family: Borna; font-weight: 500; color: #000000;}
   ol > li:before { counter-increment: li; content: counter(li) ". "; color: #000000; margin-right: 0.25em; font-weight: 600; position: absolute; left: 0;}
  /* custom css for OL numbers end */

  hr {padding: 0px; border: 0px; height: 1px; margin: 10px auto; background-color: #0319aa; }
  strong, b { font-weight: 700; font-style: normal; }
  img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; }


 /* ========================= Anchor hover css Start here ========================= */

    a {
      opacity: 1;
      color: #031AAB;
      text-decoration:none;
      cursor: pointer;
      /* -webkit-transition: color, border .5s cubic-bezier(.16,.84,.44,1);
      -moz-transition:    color, border .5s cubic-bezier(.16,.84,.44,1);
      -o-transition:      color, border .5s cubic-bezier(.16,.84,.44,1);
      transition:         color, border .5s cubic-bezier(.16,.84,.44,1);      
      background-image: linear-gradient(#1881C4, #1881C4);
      background-repeat: no-repeat;
      background-position: bottom left;
      background-size: 0% 1px;
      transition: background-size 500ms ease-in-out; */
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-bottom: 1px solid transparent;
    }

    a:hover {
      border-bottom: 1px solid #031AAB;
      /* color: #000000; */
      /* text-decoration: underline; */
      /* background-size: 100% 1px;  */
      /* background-image: linear-gradient(#505050, #ffffff); */
    }

  /* ========================= Anchor hover css End here ========================= */

  input { margin: 0px; }  
  section{ position: relative; width: 100%; }

  .clearfix::after,
  section::after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0%;
  }

  *:focus, a:hover, a:active, a:focus {
    outline: 0;
  }

  button:focus,
  a:focus, a:active,
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  select::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none;
    /* border: 0; */
  }

  figure{
    padding: 0px;
    margin: 0px;
  }

  input[type='submit'], input[type=button], input[type=reset], button, .btn {
      color: #ffffff;
      background: #fa9100;
      border: 1px solid #fa9100;
      /* border-radius: 15px; */      
      font-size: 18px; 
      line-height: 22px; 
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-display: swap;
      letter-spacing: 0px;
      text-decoration: none;
      text-transform: initial;
      padding: 12px 10px;
      margin-top: 20px;
      text-align: center;
      display: inline-block;
      position: relative;
      z-index: 1;
      overflow: hidden;
      min-width: min-content;
      width: auto;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
  }

  input[type='submit']:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover {
    background: #9adfe5 !important;
    color: #ffffff;   
  }

  .btn::after,
  .btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
  }

  /* 
  input[type='submit']:hover:before, input[type=button]:hover:before, input[type=reset]:hover:before, button:hover:before, .btn:hover:before {    
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bannerBG.svg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #dddddd;
    z-index: -1;
  } 
  */
 
 /* input[type='submit']:hover:after, input[type=button]:hover:after, input[type=reset]:hover:after, button:hover:after, .btn:hover:after { } */


 input[type='text'],
 input[type='email'],
 input[type='tel'],
 input[type='date'],
 textarea{
   width:100%;
 }
 input[type='text'],
 input[type='tel'],
 input[type='date'],
 input[type='email'],
 input[type="file"],
 textarea,
 select{
   border: 1px solid #000000;
   background-color: #fff;
   font-size:1rem;
   font-family: "Open Sans", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   padding: 7px 15px;
   margin: 0px;
   color: #181818;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 40px;
 }

 select {
    background-image: url('../images/down_arrow.svg');
    background-position: right center;
    background-repeat: no-repeat;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    padding: 3px 15px 3px 0px;
    height: 40px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 30px;
    font-weight: normal;
    font-size: 1.125rem;
    border-bottom: 1px solid #000;
 }
 select option{
    padding:10px 0px;
    display: block;
    font-size: 1.125rem;
 }
 select::-ms-expand {
   display: none;
 }
 input[type=checkbox]:not(old) {
   width: 30px;
   margin: 0px;
   padding: 0;
   opacity: 0;
   position: absolute;
 }
 input[type=checkbox]:not(old)+span {
   display: inline-block;
   margin-left: 0px;
   padding-left: 36px;
   background: url('../images/checkbox_unchecked.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   line-height: 20px;
   margin-bottom: 0px;
   cursor: pointer;
 }
 input[type=checkbox]:not(old):checked+span {
   background: url('../images/checkbox_checked.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   cursor: pointer;
 }
 textarea {
   width: 100%;
   font-family: "Open Sans", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   font-size: 1.125rem;
   line-height: 1.875rem;
   height: 100px;
   padding: 8px 15px;
   box-sizing: border-box;
   color: #000000;
   border:1px solid #000000;
   background-color: #ffffff;
   border-radius: 0px;
   resize: none;
 }

/* ====================================================================================== */
/* ==================================== All tags css End here =========================== */
/* ====================================================================================== */



/* ========================= placeholder css Start here ========================= */

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder {
  	color:#333333;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder {
  	color:#333333;
    opacity: 1;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder {
  	color:#000;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder {
  	color:#333333;
  }

/* ========================= placeholder css End here ========================= */

/* ========================= Box image full cover css Start here ========================= */
  .box {
    position: relative;
    overflow: hidden;
  }
  .box:before {
  	content: "";
  	display: block;
  	padding-top: 100%; 	/* initial ratio of 1:1*/
  }
  .imageHolder {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 0;
    font-size: 0;
    border: 0;
    background: rgba(0,0,0,0.05);
  }
  .OF-cover {
  	object-fit: cover;
  	font-family: 'object-fit: cover';
    object-position: center center;
  	font-family: 'object-fit: cover; object-position: center center';
    width: 100%;
    height: 100%;
  }

/* ========================= Box image full cover css end here ========================= */

/* ========================= page.php [ Table and .entry Table ] common classes css End here ========================= */
  
  table { font-size: 1.125rem; width: 100% !important; border: 0px; table-layout: fixed; background: transparent; text-align: left; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-display: swap; border-collapse: collapse;  }
  table.tableWrap { width: 100%; overflow-x: scroll; display: block;}
  table thead tr th { font-family: "Open Sans", sans-serif; font-size: 1.5rem;}
  table tr td { padding: 12px 15px; border-collapse: collapse; }
  table h1, table h2, table h3, table h4, table h5 { margin: 0px; }
  table th { background: transparent; color: #000; padding: 15px; text-align: left; font-weight: 700; border-bottom: 1px solid #000; word-wrap: break-word; }
  table td { border-bottom: 1px solid #000;  word-wrap: break-word;  color: #000; }
  
  .tableWrap { overflow: auto; }

  .page-template-default .entry { padding-bottom: 30px; }

  .entry table thead th {  min-width: 300px;}
  .entry table { width: 100%; border: 0px; table-layout: auto; }
  .entry table tr td { padding: 10px; border-collapse: collapse; font-size: 1.125rem; }
  .entry table { background: transparent; text-align: left; border-left: 1px solid #000000; border-top: 1px solid #000000; border-collapse: collapse; border-bottom: 1px solid #000000; }
  .entry table h1, .entry table h2, .entry table h3, .entry table h4, .entry table h5 {	margin: 0px;}
  .entry table th, thead td { background: #000000; color: #ffffff; padding: 15px 8px; border-right: 1px solid #000000; font-weight: 700; border-bottom: 1px solid #000000; word-wrap: break-word; font-size: 1.125rem;  }
  .entry table td { padding: 15px 8px; border-right: 1px solid #000000; border-bottom: #000000; word-wrap: break-word; }
  
  .alignleft { float: left;	margin: 20px 25px 20px 0px; }
  .alignright { float: right; margin: 20px 0px 20px 25px; }
  .aligncenter { float: none;	margin: 20px auto 20px auto; }

/* ========================= page.php [ Table and .entry Table ] common classes css End here ========================= */

/* ========================= blockquote css End here ========================= */
  blockquote {
    position: relative;
    margin: 10px 0 10px;
    padding: 20px 20px 20px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.875rem;
    background-color: transparent;
    color: #000000;
  }
  blockquote:before {
    content: open-quote;
    font-size: 1.125rem;
    line-height: 1.875rem;
    position: absolute;
    top: 15px;
    font-style: inherit;
    left: 0;
}
blockquote::after {
    content: close-quote;
    font-size: 1.125rem;
    line-height: 1.875rem;
    position: absolute;
    right: 2px;
    font-style: inherit;
    bottom: -9px;
}

  /* blockquote:before {
    content: "";
    font-family: 'Vanitas';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    color: #000000;
    background: url(../images/blockqoutes.svg) no-repeat center center;
    width: 100px;
    height: 80px;
  }
  blockquote::after {
    display: none;
    content: close-quote;
    font-size: 90px;
    line-height: 54px;
    position: absolute;
    right: 7px;
    bottom: 0px;
    font-style: inherit;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: 'Vanitas';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  } */
  blockquote * {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #000000;
    padding-bottom: 15px;
    margin-bottom: 0;
    /* font-family: 'Roboto Condensed', sans-serif; */
  }
  blockquote a {
    line-height: normal;
    padding-bottom: 0;
  }
  blockquote h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  blockquote p:last-child {
  	padding-bottom: 0;
  }

/* ========================= blockquote css End here ========================= */

/* ========================= container width common css Start here ========================= */

  .innerContainer,
  .innerContainer.flexWrap {
    max-width: 1260px;
    margin: 0 auto;
    width: 100%;
    padding-left: max(20px, min(20px + 70 * (100vw - 1024px) / 416, 100px));
    padding-right: max(20px, min(20px + 70 * (100vw - 1024px) / 416, 100px));
  }

  .container_1200,
  .container_1200.flexWrap {
    max-width: 1200px;
    padding-top: 0;
    padding-left: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-right: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-bottom: 0;
    margin: 0 auto;
    width: 100%;
  }

/* ========================= container width common css End here ========================= */

/* ========================= breadcrumb menu & pagination css start here ========================= */
  .breadcrumb  {
  	width: 100%;clear: both;padding-bottom: 30px;
  }
  .breadcrumb ul {
    padding: 0px;
    list-style: none;
  }
  .breadcrumb ul li {
    display: inline;
  }
  .breadcrumb ul li+li:before, .breadcrumb ul li+li+li:before {
    padding: 1px;
    color: #132836;
    content: "/\00a0";
  }
  .breadcrumb ul li a {
    color: #374197;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  .breadcrumb ul li a:hover {
    color: #000;
    text-decoration: underline;
  }
  .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 70px 0 20px;
  }
  .pagination a {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 1.125rem;
    font-weight: 1.625rem;
    text-transform: none;
    letter-spacing: 0.3px;
    margin: 0 10px;
  }
  .pagination a.page-numbers { cursor: pointer; background: #e8f7fe; border: 1px solid #0319aa; text-transform: none; color: #0319aa;}
  .page-numbers:last-child { margin-left: 0; }
  .pagination a.active, .page-numbers.current {
    background-color: #0319aa;
    color: #ffffff;
    padding: 8px 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    border: 1px solid #0319aa;
  }
  .pagination a:hover:not(.active) {
    background-color: #0319aa;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

/* ========================= breadcrumb menu & pagination css end here ========================= */

/* ========================= on scroll appearMe css start here ========================= */

 /* fadeIn in opacity css Start */
  .fadeIn {
    opacity: 0;
    transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -webkit-transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -moz-transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -o-transition: opacity .7s cubic-bezier(.4,0,.2,1);
  }
  .fadeIn.animated {
    opacity: 1
  }
/* fadeIn in opacity css End */

/* fadeInUp in opacity css Start */
  .fadeInUp {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -webkit-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -moz-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -o-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
  }
  .fadeInUp.animated {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
/* fadeInUp in opacity css End */

/* Text FadeInUp css start */

  @keyframes textFadeInUp {
  	0% {
  	    opacity: 0;
  	    -webkit-transform: translate3d(0,40px,0);
  			transform: translate3d(0,40px,0)
  	}

  	100% {
  	    opacity: 1;
  	    -webkit-transform: none;
  	    transform: none;
  	}
  }

  .textFadeInUp.animateme.animated,
  .imgFadeInUp.animateme.animated {
  		-webkit-animation-name: textFadeInUp;
      animation-name: textFadeInUp;
      -webkit-animation-duration: 0.7s;
      animation-duration: 0.7s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      opacity: 0;
  }

/* Text FadeInUp css End */

/* ========================= on scroll appearMe css End here ========================= */


/* ========================= flex css start here ========================= */

  .flexNoWrap, .flexWrap, .flexStretch, .flexHorizontalCenter, .flexVerticalCenter, .flexRowReverse, .flexcolReverse, .flexGrow {
     display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;
  }
  .flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  .flexWrap {
  	text-align: left;
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	flex-flow: row wrap;
  	padding: 0;
  	list-style: none;
  }
  .flexStretch {
     -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .flexHorizontalCenter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flexVerticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flexRowReverse, .RightImage {
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
    -ms-flex-flow: row-reverse wrap;
  }
  .flexcolReverse {
       -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .flexcolReverse .col {
    width: 100%;
  }
  .flexGrow {
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  .flexGrow .col:last-child {
    -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }
/* ========================= flex css End here ========================= */

/* ========================= iframe Fullwidth video code css Start here ========================= */
  /* full width banner video start */
  .fluidVideo {
  	position: relative;
  	width: 100%;
    height: 100%;
  	margin-bottom: 25px;
  }

  .fluidVideo iframe, .fluidVideo video {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @media (max-aspect-ratio: 16/9) {
    .fluidVideo iframe { width: 177.77vh; }
  }
  /* full width banner video End */

  /* make fullVideo inside editor start => use this clsss to parent of Div [.pagefluidVideo] */
   .pagefluidVideo {
     padding-bottom: 56.1%;
     position: relative;
     width: 100%;
     margin-bottom: 25px;
   }
   .pagefluidVideo iframe,
   .pagefluidVideo video {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     z-index: 1;
     border: 0;
     -o-object-fit: cover;
     object-fit: cover;
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
     bottom: 50%;
    }
    @media (max-aspect-ratio: 16/9) {
      .pagefluidVideo iframe { width: 100%;}
    }
  /* make fullVideo inside editor End */

/* ========================= iframe Fullwidth video code css End here ========================= */

/* ========================= images loader css start here ========================= */

  /* Solution for lazyload image appearance with loader start */
    .imgloader {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-image: url('../images/ajax-loader.svg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 40px;
    }
    img[data-lazy-src]{
      opacity: 0;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
    }
    img.lazyloaded {
      opacity: 1;
    }
    img.lazyloaded ~ .imgloader {
      opacity: 0;
    }
  /* Solution for lazyload image appearance with loader End here */

/* ========================= images loader css End here ========================= */

/* ========================= Code for Sticky footer css Start here ========================= */
  #page-wrap { flex: 1 0 auto; padding-top: 140px; }
  footer { flex-shrink: 0; }
  
/* ========================= Code for Sticky footer css End here ========================= */

/* ========================= Page Not Found css Start here ========================= */

  /* .pageNotFound {width: 100%; padding: 5% 20px; max-width: 700px; text-align: center; margin:0px auto;}
  .pageNotFound > div { border: 6px solid #004C63; width: 250px; height: 250px; margin: 0px auto; margin-bottom: 15px; position: relative; overflow: hidden;}
  .pageNotFound > div span {color:#004C63;font-size: 80px; position: absolute; right: 24px; top: 46%; font-weight: bold; left: 0px; width: 100%;}
  .pageNotFound > h3 { font-size: 39px; margin: 30px 0 20px;}
  .pageNotFound a { color:#34CCDF; font-weight: 600;}
  .pageNotFound a:hover { color:#004C63;} */

/* ========================= Page Not Found css End here ========================= */

/* ========================= Grid css Start here ========================= */
  .wp-12 { width: 100%;}
  .wp-11 { width: 91.66666667%;}
  .wp-10 { width: 83.33333333%;}
  .wp-9 { width: 75%;}
  .wp-8 {	width: 66.66666667%;}
  .wp-7 {	width: 58.33333333%;}
  .wp-6 {	width: 50%;}
  .wp-5 { width: 41.66666667%;}
  .wp-4 {	width: 33.33%	}
  .wp-3 {	width: 25%; }
  .wp-2 {	width: 16.66666667%;}
  .wp-1 {	width: 8.33333333%;}

/* ========================= Grid css End here ========================= */

/* ========================= common css start here ========================= */

  .TB-Space{ padding: 30px 0;}
  .tbSpace { margin: 40px 0px;}
  .T-Space{ margin-top: 70px;}
  .TSpace{ padding-top: 70px;}
  .B-Space{ margin-bottom: 70px;}
  .BSpace{ padding-bottom: 100px;}
  .LRSpace { padding: 0 70px;}
  .whiteBg { background: #fff;}
  .grayBg { background: #FAFAFA;}
  .textAlignCenter { text-align: center;}

/* ========================= common css End here ========================= */

/* =========================  ajax-loader css Start here ========================= */
  .ajax-loader {
    background-image: url('../images/ajax-loader.svg');
  	background-color: #000;
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 28px 28px;
  	width: 36px !important;
  	height: 36px !important;
  	margin: 0px 0px 0 -18px !important;
  	position: absolute;
  	bottom: -40px;
  	left: 50%;
  }
/* =========================  ajax-loader css End here ========================= */