
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/************************************************************************************
RESET
*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, dd, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, input, select, textarea {
	margin:0; padding:0;
}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, video, audio, mark {
 display:block; margin:0; padding:0;
}

object, embed { outline:0; }

img, fieldset, a img { border:0; }

/* Flexible Images */
img { height:auto; max-width:100%; width:auto\9; vertical-align:middle; /* ie8 */ }

/* Flexible Embedded Videos */
.video embed, .video object { width:100%; height:auto; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body { color:#202020; font-family:'Poppins', sans-serif; font-size:16px; line-height:24px; font-weight:400; background:#efedfb; }

/* Links */

a { text-decoration:none; outline:none; color:#1f2d85; cursor:pointer; transition: color .5s ease-out; }

a:hover { outline:0; text-decoration:none; color:#01b400; transition: color .5s ease-out; }

a:active, a:focus  { text-decoration:none; outline:none; }

/* paragraph */

p { margin-bottom:20px; }

p span { color:#1f2d85; }


/* list */

ul, ol, li { 
	margin:0;
	padding:0;
  list-style:none;
}

ul.listed { list-style-position:outside; list-style:initial; display:inline-block;  }
ul.listed li { list-style:initial; text-align:left; margin-bottom:8px; }


/* paragraph */



/* headings */

h1, h2, h3, h4, h5, h6, .h1-custom, .h3-custom, .h2-custom, .h6-custom, .banner-text { color:#1f2d85; line-height:normal; padding:0; 
display:block; font-weight:700; }


.h1-custom { width:100%; margin-bottom:25px; padding:0 0 10px 0; color:#1f2d85; line-height:normal; display:block; font-weight:700; 
  position:relative; font-size:28px; }
.h1-custom span { font-weight:500; }
.h1-custom:after { height:2px; width:50px; position:absolute; left:0; bottom:0; content:''; background:#01b400; }

.h2-custom { width:100%; margin-bottom:8px; color:#000; line-height:24px; display:block; font-weight:600; font-size:21px; }


/* image */

.full-img-common { display:flex; height:100%; }
.full-img-common img  { object-fit:cover; width:100%; }

.full-img {  }
.full-img img  { width:100%; }

/* button */


.custom-button { padding:0 20px; width:100%; height:50px; background:#fff; box-shadow:none; font-size:18px;  
  color:#e84e85;  margin:0;  border-radius:30px; font-weight:600; text-transform:uppercase; border:none; width:185px;
  transition: all .5s ease-out;  } 
.custom-button:hover, .custom-button:focus  { background:#fff; color:#028002; transition:all .5s ease-out; } 

/* link */

.more-link { margin-bottom:0; padding:0 0 8px 0; color:#1f2d85; line-height:100%; display:inline-block; font-weight:600; 
  position:relative; font-size:16px; transition: all .5s ease-out; }
.more-link:after { height:2px; width:100%; position:absolute; left:0; bottom:0; content:''; background:#01b400; 
  transition: all .5s ease-out; }

/* form */

.custom-form-group { margin-bottom:40px; }

.custom-label {  font-size:16px; font-weight:500; line-height:20px; margin-bottom:20px; display:block; }

.custom-input-text { padding:0 25px; width:100%; height:50px; background:#059404; box-shadow:none; font-size:17px; line-height:50px;  
  color:#fff; text-align:left;  margin:0;  border-radius:30px;  font-weight:400; border:none;  }  

.custom-input-text:hover, .custom-input-text:focus { outline:none; box-shadow:none; border:none; background:#028002;  }

.custom-input-text::-webkit-input-placeholder { color:#fff; }
.custom-input-text:-ms-input-placeholder { color:#fff; }
.custom-input-text::placeholder { color:#fff; }

::-webkit-input-placeholder {
  color: #646464;
}

:-ms-input-placeholder {
  color: #646464;
}

::placeholder {
  color: #646464;
}

/* Tables */

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }


/* Contain floats */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clear  { font-size:0; line-height:0; clear:both; height:0; }


/* Tools */

.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left       { float:left !important; }
.f-right      { float:right !important; }
.f-none       { float:none !important; }
.no-display   { display:none!important; }
.l-padding-0  { padding-left:0 !important; }
.r-padding-0  { padding-right:0 !important; }
.no-bg        { background:none !important; }
.no-border    { border:none !important; }
.padd-both    { padding-top:10px!important; padding-bottom:10px!important; }
.padd-both-100{ padding-top:100px!important; padding-bottom:100px!important; }
.overflow-h   { overflow:hidden!important; }
.overflow-a   { overflow:auto!important; overflow-x:hidden!important; }
.mt-80        { margin-top: 80px !important; }
.mt-100       { margin-top: 100px !important; }
.required     { color:#ff0000; }
.font-size-18 { font-size:18px !important; }
.bor-g        { border: 1px solid #9acc5b !important; }
.mt-opp-01    { margin-top:-8px; }
.img-100      { width:100% !important }

/* mobile-custom-class */

.a-left-mobile { text-align:left !important; }


/* Structure */

#page, .full-row  { width:100%; }
.fixed-row, .content-area { margin:0 auto; }

.body-l-panel {  }
.body-r-panel {  }

.w-shadwo-box-sec { padding:30px 4%; background:#fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); height:100%; }

.blue-box-sec { padding:25px 7%; background:#1a266e; height:100%; border-radius:20px; }

/* device-view */

.desktop-view  { display:block; }
.mobile-view { display:none; }

.desktop-view-02  { display:block; }
.mobile-ipad-view { display:none; }











