*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-family: 'Inter', sans-serif; font-size:14px; color:#000000;font-weight:200; background-color:#ffffff}
a{text-decoration:none;color: #613e19;}
ul{ list-style:none;} 
.btn-check:focus+.btn, .btn:focus{ box-shadow:none;}
.btn-check:focus+.btn-secondary, .btn-secondary:focus{box-shadow: none;}
i { font-family: "Font Awesome 6 Free";}
.container{max-width:1260px; padding-left:40px ;  padding-right:40px ;}
header .container-float{ padding-left:90px ;  padding-right:90px ;}
header{ position: relative; width:100%; top:0 ; background-color: #FFFFFF; padding:18px 0px }
header figure{margin-bottom: 0px;}
header.stick{ position: fixed; z-index: 99; box-shadow: 1px 1px 6px #00000017 }
header ul {margin:0px ; padding: 0px;}
header ul li a{font-weight: 400;font-size: 14px;line-height: 16px;color: #000000; padding:0px 1rem ;}
header ul li .closeNav{ display: block ; }
header  .loginBut{ margin-left:15px ;display: flex;flex-direction: row;justify-content: space-between;align-items: center;font-weight: 700;font-size: 14px;line-height: 16px;color: #02A95C; padding:0.8rem 1.2rem ;border: 2px solid #02A95C;
border-radius: 100px; padding-left:45px ; background-image: url(../images/ic-login-green.svg); background-repeat: no-repeat; background-position:16px center; }
header  .loginBut:hover{background-color:#02A95C; color:#fff ;background-image: url(../images/ic-login-white.svg); }
header.stick + .mask{ padding-top:100px; }
h2{font-family: 'Libre Baskerville', serif; font-size:32px; color:#2A2A2A}
.title p{ font-size:18px;}
.homPage{display: flex; flex-direction: column;}  
.mask {position: absolute; top:auto; right: 0; bottom: 0; left: 0; width: 100%;  height: 100%; padding-top:80px ;  overflow: hidden;  background-attachment: fixed;}  
a:hover{color:#02A95C}     
#homIntro { background-image: url("../images/banner-home.jpg"); height: 100%; background-repeat:no-repeat ; background-size:cover;    min-height:600px;flex: 1;  position: relative;}
#homIntro h1{font-family: 'Libre Baskerville', serif; font-style: normal;font-weight: 400;font-size: 32px;line-height: 50px;text-align: center;text-transform: capitalize;color: #FFFFFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8); margin-bottom:2rem;}
#homIntro h1 strong{color:#02A95C ;}
#homIntro p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;text-align: center;color: #FFFFFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8); }
#homIntro ul{ width:100%}
#homIntro ul li{font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px; padding-bottom:8px;text-align: center;color: #FFFFFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);}
.banrtxtar{ width:100%; max-width:960px; margin:0px auto}
.bgSelect{padding: 30px;gap: 10px;background: rgba(0, 0, 0, 0.5);border-radius: 10px; margin-top:2.5rem!important ;}
.bgSelect .form-select{min-width:253px;}
.bgSelect .form-select, .bgSelect .form-control{height:60px;}
.bgSelect .btn-search{background-color: #02A95C;height:70px;border-radius: 6px; padding:0px 50px; font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;color: #FFFFFF;}
.bgSelect .btn-search:hover{background-color:#fff; color:#02A95C ;}
.faSharp{ padding-top:2rem; }
.faSharp a{ font-style: normal;font-weight: 400;font-size: 20px;line-height: 16px;color: #FFFFFF;}
.faSharp a i{margin-top:10px ;}

/**/
.aboutPage{background-color: #F7F7F7; padding:100px 0px 80px;}
.aboutPage .monitUs{padding-top:60px;}
.aboutPage > .title h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A;margin-bottom:1rem;}
.aboutPage > .title p{font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #2A2A2A;}
.aboutPage .bgAbou{display: flex;flex-direction: column;align-items: center;padding: 40px 30px; height:100% ; text-align: center; background-color: #FFFFFF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.aboutPage .bgAbou .figure{ margin-bottom:0px; ; }
.aboutPage .bgAbou .figure > img{margin-bottom:2rem;}
.aboutPage .bgAbou figcaption{font-family: 'Noto Sans', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;text-transform: capitalize;color: #2A2A2A;}

.pricesPage{background-color: #fff; padding:100px 0px 80px;}
.pricesPage .title{margin-bottom:2rem;}
.pricesPage .title h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A;margin-bottom:1rem;}
.pricesPage .title p{font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #2A2A2A;}
.pricesPage .whyUs{padding-bottom:100px;}
.pricesPage .whyUs h3{font-family: 'Libre Baskerville', serif; font-style: normal;font-weight: 700;font-size: 28px;line-height: 35px;text-transform: capitalize;color: #000000; position:relative; margin-bottom:2.5rem;}
.pricesPage .whyUs h3 strong{ color:#02A95C; }
.pricesPage .whyUs h3:after{ position: absolute; content:"";background: #02A95C;border-radius: 10px;transform: matrix(1, 0, 0, -1, 0, 0);width: 88px;
height: 2px; left: 0; bottom:-20px; }
.pricesPage .whyUs p{font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #2A2A2A; padding-right: 50px;}


.legaltxt{background-color: #fff; padding:100px 0px 80px;}
.legaltxt h1{font-family: 'Libre Baskerville', serif; font-style: normal;font-weight: 700;font-size: 32px;line-height: 35px; padding-bottom:30px;	}
.legaltxt .title{margin-bottom:2rem;}
.legaltxt .title h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A;margin-bottom:1rem;}
.legaltxt .title p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;color: #2A2A2A;}
.legaltxt p strong{font-family: 'Libre Baskerville', serif; padding-bottom:1px; display:block}
.legaltxt ul{ list-style:disc}
.legaltxt ul li{ list-style:disc; font-size: 16px;line-height: 22px;color: #2A2A2A; padding-bottom:10px; font-weight: 400;}
.legaltxt ol li{ font-size: 16px;line-height: 22px;color: #2A2A2A; padding-bottom:10px; font-weight: 400;}
.legaltxt a{ color:#02A95C; font-weight:bold}

.srclog{ padding:30px; border-radius:100px; background-color:#e8e8e8; margin-bottom:20px; display:inline-block}
.srclog {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.searchtxt{background-color: #fff; padding:180px 0px 280px;}
.searchtxt h1{font-family: 'Libre Baskerville', serif; font-style: normal;font-weight: 700;font-size: 32px;line-height: 35px; padding-bottom:30px;	}
.searchtxt .title{margin-bottom:2rem;}
.searchtxt .title h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A;margin-bottom:1rem;}
.searchtxt .title p{font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #2A2A2A;}
.searchtxt p strong{font-family: 'Libre Baskerville', serif; padding-bottom:1px; display:block}
.searchtxt ul li{  font-size: 18px;line-height: 22px;color: #2A2A2A; padding-bottom:10px; font-weight: 400;}
.searchtxt ol li{ font-size: 16px;line-height: 22px;color: #2A2A2A; padding-bottom:10px; font-weight: 400;}
.searchtxt a{ color:#02A95C; font-weight:bold}


.pricPage{background-color: #F7F7F7; padding:100px 0px 80px;}
.pricPage .title h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A;margin-bottom:1rem;}
.pricPage .title p{font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #2A2A2A;}
#navList{padding-bottom: 40px; padding-top:1rem ;}
#navList a{padding: 15px 30px;background-color: #DCDCDC;font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;color: #848484;}
#navList a.active{ background-color:#02A95C; color: #FFFFFF;}
#pageName .bgAnnua{display: flex;flex-direction: column;  height:100% ;background-color: #FFFFFF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);border-radius: 10px; padding:30px ;}
#pageName .bgAnnua h3{font-style: normal;font-weight: 500;font-size: 24px;line-height: 29px;color: #000000; margin-bottom:25px;}
#pageName .bgAnnua h3 small{font-weight:400;font-size:16px;line-height: 20px;}
#pageName .bgAnnua h2{font-family: 'Libre Baskerville', serif; display: flex; font-style: normal;font-weight: 400;font-size: 32px;line-height:45px;color: #2A2A2A; margin-bottom:1.2rem;}
#pageName .bgAnnua h2 strong{font-weight: 700;font-size: 42px;line-height: 52px; padding:0px 5px;}
#pageName .bgAnnua h2 small{font-weight: 400;font-size: 14px;line-height: 17px; padding-top:5px;}
#pageName .bgAnnua p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #02A95C; margin-bottom:1.2rem;}
#pageName .bgAnnua button{ max-width:130px; margin-bottom:1.2rem; text-align: center; font-style: normal;font-weight: 500;font-size: 16px;line-height: 19px;color: #FFFFFF;padding: 15px 20px;background: #02A95C;box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);border-radius: 100px;}
#pageName .bgAnnua button:hover{opacity:0.8;}
#pageName .bgAnnua ul{margin: 0px; padding:0px;}
#pageName .bgAnnua ul li{background-image:url(../images/ic-check.svg); background-repeat:no-repeat; margin-bottom:1.4rem; padding-left:40px; position:relative; font-style: normal;font-weight: 400;font-size: 14px;line-height: 17px;color: #000000;}
#pageName .bgAnnua.done{ background-color:#02A95C;; }
#pageName .bgAnnua.done h3{color:#fff;}
#pageName .bgAnnua.done p{color:#fff;}
#pageName .bgAnnua.done h2{color:#fff;}
#pageName .bgAnnua.done ul li{background-image:url(../images/ic-checkwh.svg); background-repeat:no-repeat; margin-bottom:1.4rem; padding-left:40px; position:relative; font-style: normal;font-weight: 400;font-size: 14px;line-height: 17px;color: #ffffff;}
#pageName .bgAnnua.done button{ background-color:#fff;color: #02A95C; }
#pageName .bgAnnua  .done{background-image:url(../images/ic-check-big2.svg); background-position:left center; background-repeat:no-repeat; font-style: normal;font-weight: 400;font-size: 20px;line-height: 24px;color: #212121; padding-left:55px;}
.contactPage {padding:80px 0px ;}
.contactPage .bgContUs{padding: 100px 240px;max-width:900px;background-color: #FFFFFF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);border-radius: 10px;}
.contactPage .bgContUs h2{font-style: normal;font-weight: 400;font-size: 32px;line-height: 40px;color: #2A2A2A; margin-bottom:1.5rem;}
.contactPage .bgContUs p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 25px;text-transform: capitalize;color: #2A2A2A; margin-bottom:0px;}
.contactPage .bgContUs p a{color: #02A95C; }
footer{ border-top:1px solid rgba(0, 0, 0, 0.25); padding: 20px 0px}
footer a{font-style: normal;font-weight: 600;font-size: 16px;line-height: 19px;color: #02A95C;}
footer p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;text-transform: capitalize;color: #000000; padding-top:1rem;}
/**/

.loginPage { padding:20px 0px; max-width:483px; margin:0px auto;border-radius: 10px; background-color:#ffffff;  position:relative;padding: 30px;}
.loginPage .title{padding:3rem 0px; }
.loginPage h2{font-style: normal;font-weight: 700;font-size: 31px;line-height: 38px;color: #1D1D1D;}
.loginPage p{font-style: normal;font-weight: 600;font-size: 16px;line-height: 19px;color: #1D1D1D;}
.mfp-close-btn-in .loginPage .mfp-close{ top:35px; right:30px ; }
.loginPage .form-floating > .form-control{background-color:#E6E6E6;border-radius:7px;padding: 15px 21px; height: 70px;}
.loginPage .form-floating > label{font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;padding:25px 23px;}
.loginPage .text-right {font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #000000;}
.loginPage .logBtn{padding-top:20px;}
.loginPage .logBtn button{padding: 15px 23px;display:block; width:100%; background-color: #02A95C;border-radius: 7px;font-weight: 700;font-size: 22px;line-height: 27px;color: #FFFFFF;text-align:center;}
.loginPage .logBtn button:hover{opacity: 0.8;}
.loginPage .form-floating > .form-control:focus ~ label, .loginPage .form-floating > .form-control:not(:placeholder-shown) ~ label, .loginPage .form-floating > .form-select ~ label {transform: scale(.70) translateY(-.62rem) translateX(.25rem);}
.loginPage .icInputEma .form-control{background-image:url(../images/mail.png);background-position: bottom 25px right 20px; background-size:20px auto ; background-repeat:no-repeat; padding-right:45px ; }
.loginPage .icInputPas .form-control{background-image:url(../images/padlock.png);background-position: bottom 25px right 20px; background-size:20px auto ; background-repeat:no-repeat; padding-right:45px ; }
.forgPassw a{font-style: normal;font-weight: 600;font-size: 16px;line-height: 19px;color: #1D1D1D; padding-top:1rem;display: inline-block; }
.text-right{text-align:right;}
.bottomanimation i{transition: all 0.3s ease;animation: arrowdown 1.7s ease-in-out infinite; webkit-animation:arrowdown 1.7s ease-in-out infinite;animation:arrowdown 1.7s ease-in-out infinite position:relative; top: 0; font-size:24px; font-weight: 600; color: #fff;}
.bottomanimation:hover i{top:20px;color:#b8b2b2;}
.btn_buynow{max-width: 130px;    margin-bottom: 1.2rem;    text-align: center;    font-style: normal;    font-weight: 500;    font-size: 16px;    line-height: 19px;    color: #FFFFFF;    padding: 15px 20px;    background: #02A95C;       border-radius: 100px; border:2px solid #02A95C}
.btn_buynow:hover{color:#02A95C;  background: #fff;}

.btn_buynow_wht{max-width: 130px;    margin-bottom: 1.2rem;    text-align: center;    font-style: normal;    font-weight: 500;    font-size: 16px;    line-height: 19px;    color:#02A95C;  background: #fff;   padding: 15px 20px;        border-radius: 100px; border:2px solid #02A95C}
.btn_buynow_wht:hover{max-width: 130px;    margin-bottom: 1.2rem;    text-align: center;    font-style: normal;    font-weight: 500;    font-size: 16px;    line-height: 19px;    color:#02A95C;  background: #fff;   padding: 15px 20px;        border-radius: 100px; border:2px solid #02A95C}

.mfp-iframe-holder .mfp-content  {
    max-width:480px;
    height:500px;
	 background-color:#fff; border-radius:20px;
	 width:100%;
 }
 .mfp-iframe-scaler iframe{ background-color:#fff;   border-radius:20px;}
.proceed{
    padding: 15px 23px;
    display: block;
    width: 100%;
    background-color: #02A95C;
    border-radius: 7px;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: center; border:0px
}
.proceed:hover{ opacity:0.7;
    padding: 15px 23px;
    display: block;
    width: 100%;
    background-color: #02A95C;
    border-radius: 7px;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: center;
}
.btnClassref{background-color: #02A95C;     height: 30px;    border-radius: 6px;    padding: 0px 20px;    font-style: normal;    font-weight: 700; margin-top:5px;   font-size: 14px; border:0px;    line-height: 30px;    color: #FFFFFF;}
.reftrarea{display:inline-block; width:100%; padding:3px 3px; margin-bottom:5px; font-size:12px; background-color:#ffffff; color:#000; font-weight:600; border:1px dashed #666; width:100%; height:27px;  overflow-wrap: break-word; word-break: break-all;}
@keyframes arrowdown2{0%{transform:translateX(0px);-webkit-transform:translateX(0px);}
50%{transform:translateX(-10px);-webkit-transform:translateX(-10px);}
100%{transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-webkit-keyframes arrowdown2{0%{transform:translateX(0px);-webkit-transform:translateY(0px);}
50%{transform:translateX(-10px);-webkit-transform:translateY(-10px);}
100%{transform:translateX(0px);-webkit-transform:translateY(0px);}
}
@keyframes arrowdown{0%{transform:translateY(0px);-webkit-transform:translateY(0px);}
50%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-webkit-keyframes arrowdown{0%{transform:translateY(0px);-webkit-transform:translateY(0px);}
50%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);}
}


@media screen and ( max-height:750px ){
 #homIntro h1{font-size:30px; line-height:40px;margin-bottom:1rem;}

}
@media screen and ( max-height:500px ){
 #homIntro h1{font-size:26px; line-height:36px;margin-bottom:1rem;}

}
