@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
body table.pln-clst tr.asstd_bg1 td:last-child {
    background: #1a5c16 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.table-responsive .table tr.greenbg_2 th button {
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 13px;
}
.aboutsection1 img {
    border-radius: 10px;
    box-shadow: 1px 1px 10px gray;
}
.table-responsive .table tr.greenbg_2 th:nth-child(4), .table-responsive .table tr.greenbg_2 th:nth-child(5)
{ 
border-top: 0px solid #267C21 !important;
    border-radius: 0 0 0;
}
table.tajuizd.pln-clst tr.actul-pack th {
    box-shadow: 0rem 0rem 0rem 0 rgba(0, 40, 87, 0.2) !important;
   
}
.table-responsive table.pln-clst tr.actul-pack th:nth-child(4) span.dis_cs1, .table-responsive table.pln-clst tr.actul-pack th:nth-child(5) span.dis_cs1 {
    color: #bbbbbb;
}
.ictst1 span {
    font-size: 30px;
    font-weight: 700;
    color: #267C21;
}
table.tajuizd tr th span.dis_cs1 {
    font-size: 12px;
    color: #7B4F2E;
    line-height: 30px;
}
tr.greenbg1 th.greybg2
 {    font-size: 15px;}
table.tajuizd.pln-clst tr.actul-pack th { box-shadow: 0rem 0rem 0rem 0 rgba(0,40,87,0.2) !important;}
table.tajuizd tr th span.totl_cs1 {font-weight: 600;}
table.tajuizd tr th span {display: block;}
.table-responsive table.pln-clst tr td:nth-child(4), .table-responsive table.pln-clst tr td:nth-child(5),
.table-responsive table.pln-clst tr.actul-pack th:nth-child(5), .table-responsive table.pln-clst tr.actul-pack th:nth-child(4){
    background: #1a5c16 !important;
    color: #fff !important;
    border-bottom: 1px solid #ffffff3b !important;
}
.overline_css th span.act_cs1{ font-size: 16px;text-decoration: line-through;}

.overline_css  th.ui-corner-top {
    text-decoration: none !important;
}
.table-responsive .table tr.greenbg_2 th:nth-child(4), .table-responsive .table tr.greenbg_2 th:nth-child(5) {
    background: #267C21 !important;
}

.table-responsive .table tr.greenbg_2 th:nth-child(4) h3, .table-responsive .table tr.greenbg_2 th:nth-child(5) h3 {
    color: #fff;
}

.table-responsive .table tr.greenbg_2 th:nth-child(4) h5, .table-responsive .table tr.greenbg_2 th:nth-child(5) h5 {
    color: #bbbbbb;
}

.table-responsive .table tr.greenbg_2 th:nth-child(4) .gbts label, .table-responsive .table tr.greenbg_2 th:nth-child(5) .gbts label {
    color: #267C21;
    background: #fff;
}
.answered_1 {
    float: bone;
    font-weight: 500;
    color: #267C21;
    display: inline-block;
}
.ss-page img {
    height: 230px;
    width: inherit;
}
.ss-page {
    text-align: left;
}
.ss-page .hlts {
    font-weight: 700;    font-size: 18px;
}
.ss-page {
    color: #7B4F2E;
    background: #f1f1f1;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box-shwd {
    box-shadow: 1px 0px 5px gray;
    padding: 55px 55px 40px 55px;
    width: 75%;
    margin: auto;
    margin-bottom: 45px;
}
.nav-sty ul.navbar-nav li:hover ul.dropdown-menu {position: absolute;}
.container.captions {}
body.modal-open .modal{}
li.cl-nst button {color: #fff !important;background: #267C21;}
  .fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.fadeInRight {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
      @keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.delay-1000 {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

  /*.sub-caption:before {
    content: "";
    height: 2px;
    width: 40px;
    background: #F0452D;
    position: absolute;
    z-index: 99;
    left: 0;
    top: calc(50% - 1px);
}
*/
.clbtnc a {font-family: Poppins, Arial;}
.clbtnc { margin-top: 40px;}     
 .main-caption {
 font-family: "Cookie", cursive;
 font-optical-sizing: auto;
    font-size: 30px;
    color: #4A2412;
    max-width: 65%;
}
      .sub-caption {
    position: relative;
    font-size: 40px;
    color:#267C21;
    padding-left: 0px;
    margin-bottom: 15px;
    font-weight:500;
    font-family: "Lobster", sans-serif;
  font-optical-sizing: auto;
}
.icn_mv {
    display: inline-block;
    position: relative;
}

.icn_mv:after {
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    content: "\f101";
    color: #fff;
    top: 25%;
}

.icn_mv > input {
    padding-right: 22px;
}
.clbtnc a .fa {margin-left: 5px;}
a.btn-cl1 .fa {margin-left: 5px;}
    .captions {
    position: absolute;
    top: calc(45% - 60px);
    left: 0;
    right: 0;
}

/* Slider caption readability */
.sliderwithsearch #homecarousel .carousel-item {
    position: relative;
}
/*
.sliderwithsearch #homecarousel .carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 48%, rgba(0, 0, 0, 0.12) 100%);
    z-index: 1;
}
*/
.sliderwithsearch #homecarousel .captions {
    z-index: 2;
}

.sliderwithsearch #homecarousel .sub-caption,
.sliderwithsearch #homecarousel .main-caption {
    color: #fff;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55);
}

.sliderwithsearch #homecarousel .main-caption {
    line-height: 1.25;
    max-width: 70%;
}

@media only screen and (max-width: 767px) {
    .sliderwithsearch #homecarousel .captions {
        top: 18%;
        padding: 0 14px;
    }

    .sliderwithsearch #homecarousel .sub-caption {
        font-size: 26px;
    }

    .sliderwithsearch #homecarousel .main-caption {
        font-size: 23px;
        max-width: 100%;
    }
}

body { padding: 0px 0 0 0; }
a { color: #267C21; }
.abthd h2 {text-align:left;}
p.conp-st {
    background: #267C21;
    padding: 20px;
    margin-bottom: 20px !important;
    color: #fff;
}
ul.social li a.twitter {
    background-image: url(../images/x.png) !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    background-position: center !important;
  background-color: #333 !important;
}
.footer:before {
    background-image: url(../images/f-bg.jpg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:"";
    opacity: 0.2;
    background-size: cover;
    background-position: center;
}
section.footer{position:relative;}
.nav-item-b button.nav-link {
   font-size: 14px;
    padding: 10px 17px;
    margin: 0px 0;
    background: #F0452D;
}
section.footer h4, body .footer li a, section.footer li {color: #fff !important;}
.right-conc {
    background: #267C21;
    padding: 20px;
    border-radius: 10px;
}

.right-conc h4, .right-conc p {
    color: #fff;
}
.grid-ba-bt .iconic_contents {
    background: #f1f1f1f1;
    padding: 10px;
    border-radius: 5px;
}
img {max-width: 100%;}
.navbar-light a.navbar-brand {
    color: #267C21;
    font-size: 30px;    font-weight: 400;
    padding: 10px 0;
}
.nvb-top ul {
margin: 10px 0;
    padding: 0;
    text-align: right;
}
.grid-ba-bt .iconic_contents {
    display: flex;
    align-items: center;
    justify-content: center;
}

grid-ba-bt .iconic_contents {
    display: flex;
}

.grid-ba-bt .iconic_contents img {
    width: 60px;
    margin-right: 15px;
}

.grid-ba-bt .iconic_contents span {
    font-size: 19px;
    font-weight: 500;
}


.trusted.grid-ba-bt .col-md-3 {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.nvb-top ul li {display: inline-block;}

.nvb-top ul li a {
   padding: 0px 10px;
    margin: 0 5px;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
}

.hd-top { background: #267C21;}
.carousel-inner img {
      width: 100%; height: 100%;
  }
.navbar-light a.navbar-brand:hover { color: #1a5c16; }
ul.navbar-nav li:hover ul.dropdown-menu {
    display: block;
}
  div#imsif img {
    width: 100%;
    max-width: 100%;
}

 @media only screen and (max-width: 320px) {
table.table.plan-table.ui-corner-bottom.tajuizd {
    min-width: 320px;
}
}
table.tajuizd tr:nth-child(odd) {
    background: #f1f1f1;
}
table.tajuizd tr th {background:#555;color:#fff; font-size: 17px;
    font-weight: 500;   padding: 10px 6px !important;
}
table.tajuizd tr td, table.tajuizd tr th {border: 1px solid #dddddd;
    padding: 6px;
        }
table.tajuizd tr:nth-child(even) {
    background: #fff;
}
select#mem_dob_year {
    margin: 0 !important;
}
.email a {}
.col-md-3.headinghlts {
    float: left;
    text-align: center;
    padding: 10px;
    background: #488400;
    color: #fff;
    margin: 3% 1% 5%;
    width: 23%;
    cursor: pointer;
}
.col-md-3.headinghlts a {
    color: #fff;
}
.error {
    color: red !important;
}
div#viewpro {
    max-width: 30% !important;
    margin: 0 auto !important;
    border: 5px solid #F0452D;
}
input.invalid { background-color: #ffdddd; }
.tab { display: none; }
button { background-color: #267C21; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; }
button:hover { opacity: 0.8; }
#prevBtn { background-color: #bbbbbb; }
.step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; }
.step.active { opacity: 1; }
.step.finish { background-color: #4CAF50; }
input#mem_mobilecode { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_mobile { width: 75%; float: left; }
.empincme span{ margin: 20px 20px 0 0; float: left; }
.mem_dosham span { margin: 7px 10px; float: left; }
input#mem_mobilecode2 { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_mobile2 { width: 75%; float: left; }
input#mem_phonecode { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_phone { width: 75%; float: left; }
span#time1 { width: 100%; float: left; margin: 10px 0; }
span#time_birth { width: 100%; float: left; }
span#place1 { width: 100%; float: left; margin: 10px 0; }
.date_field.mydate select.selectfield { width: 24%; margin: 0 1% !important; overflow: hidden; }
.date_field select.selectfield:last-child { margin: 0 !important; }
.date_field select.selectfield { margin: 0 6px !important; overflow: hidden; }
.date_field select.selectfield:first-child { margin: 0 !important; }
.date_field select#mem_dob_year { margin: 0 !important; }
.date_field select#tob_sec { margin: 0 !important; }
select#mem_empinc_cur { width: 40%; margin: 0 !important; }
input#mem_emp_income { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_empinc_type { width: 30%;  margin: 0 !important; }
select#mem_fam_cur { width: 40%; margin: 0 !important; float: left; }
input#mem_fam_income { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_faminc_type { width: 30%;  margin: 0 !important; }
select#mem_par_currency { width: 40%; margin: 0 !important; float: left; }
select#mem_par_empnature {
    width: 100%;
}
select#language {
    width: 100% !important;
}
.empincmenew span {
    margin: 10px 15px 20px 0; float: left;
}
input#mem_parinc_amt { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_parinc_type { width: 30%;  margin: 0 !important; }
div#divorced { width: 50%; float: left; }
#divorced .col-md-4.text-right { float: left; }
#divorced .col-md-8 { float: left; }
div#childstay { width: 50%; float: left; }
#childstay .col-md-4.text-right { float: left; }
#childstay .col-md-8 { float: left; }
div#child { width: 50%; float: left; }
#child .col-md-4.text-right { float: left; }
#child .col-md-8 { float: left; }
select.agefrom, select.ageto { width: calc(40% - 1%) !important; }
/*
button#nextBtn1 { float: right; }
button#prevBtn { float: left; }
button#nextBtn2 { float: right; }
button#nextBtn3 { float: right; }
*/
.bg-light {
    background: #fff !important;
}
select.agefrom, select.ageto {
    width: calc(40% - 1%) !important;
}
.owl-item h3 {
    text-align: center !important;
    display: block !important;
    margin: -45px 0 0;
    background: #0000005e !important;
    color: white;
    z-index: 133;
    padding: 5px;
    font-size: 14px;
    position: relative;
}
.navbar-brand img {
 
}
.counter-area.counter-bg {
    background-size: cover;
    background-position: center;
    background: url(../images/bgcounter.jpg);
}

.counter-area {
    position: relative;
    z-index: 2;
    padding: 50px 0 50px 0;
    overflow: hidden;
    width: 100%;
}
.counter-area .bg-text {
    position: absolute;
    left: 10%;
    top: 10%;
    font-size: 200px;
    color: #fff;
    font-weight: 700;
    z-index: -1;
}
.counter-area .single-counter-box .icon {
    margin-bottom: 25px;
}
.counter-area .single-counter-box .icon i {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
}
.counter-area:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .90;
    z-index: -1;
}
.counter-area .single-counter-box .icon i:before {
    font-size: 60px;
    line-height: 60px;
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-user:before {
    content: "\f007";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.counter-area .single-counter-box .content .counter-text {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
.counter-area .single-counter-box .content .counter-number {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: block;
}
ul.dropdown-menu li a {
    text-decoration: none;
    padding: 7px 10px;
    display: block;
    font-size: 14px;
    color: #7B4F2E;
}
table.nopadtd .horotable tr td {
    padding: 0;
    margin: 0;
    line-height: 10px;
}
.red {
    color: red;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
ul.dropdown-menu.righted {
    left: auto;
    right: 0;
}
.login-popup {
    padding: 30px 0;
}
.login_form label {
    display: block; font-weight: 400;
}
select.agefrom, select.ageto {
    width: calc(50% - 0.9em);
}
label.intermediate {
    padding: 0 2px;
}
span.spacing {
    display: inline-block;
    min-width: 10px;
}
input, select, textarea {
    width: 100%;
    border: 1px solid #eaeaea;
    background: rgba(0,0,0,0);    color: #7B4F2E;
}
input, textarea {
    padding: 10px 15px;
}
select {
    padding: 7px 15px;    min-width: 70px;
}
.horotable textarea {
    min-height: 80px;    text-align: center;
}
table.horotable {
    max-width: 450px;
    margin: 0 auto;
}
table.nopadtd tr td {
    padding: 0 5px 3px;
}
input[type=checkbox], input[type=radio] {
    width: auto;
    top: 1px;
    position: relative;
}
.boxed_data {
    float: left;
    width: 100%;
    border: 1px solid #ffe8c3;
    padding: 20px 15px 5px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    margin-bottom: 30px;
}
.boxed_data h4 {
    border-bottom: 1px dotted #ffe8c3;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.threeipf {
    width: calc(33.333% - 60px);
}
.boxed {
    border: 1px solid #ffe8c3;
    padding: 15px 10px 0;
    margin-bottom: 20px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
form.quick_search label.intermediates {
    margin-right: 10px;font-size: 12px;
}
form.quick_search .threecolgroups label.intermediates:last-child { margin-right: 0; }
input[type="submit"] {
    background: #267C21;
    color: #fff;
    border: 0;
}
.page_content {text-align: justify;}
h3 { color: #267C21; margin-bottom: 15px; }
.quick_search input[type="submit"] {
    display: inline-block;
}
.page_contents {
    float: left;
    width: 100%;
    margin: 0px 0;
    min-height: 60vh;
}
.poweredright { display: none; visibility: hidden;opacity: 0; }
.page1 .poweredright { display: block; visibility: visible;opacity: 1; }

.quick_search input[type="submit"] {
    display: inline-block;
    width: auto;
    border-radius: 3px;
}
.login_form {
    font-size: 0.85rem;
    letter-spacing: 0.03em;
}
.popup-register {
    margin: 25px 0;
}
.popup-register p { margin-bottom: 0; }
ul.dropdown-menu li a i.fa {
    padding-right: 5px;
}
section {
    width: 100%;
    position: relative;
    float: left;
        padding: 10px 0;
}
section.nopadding { padding:0; }
/*.search_fields {
    position: absolute;
    max-width: 400px;
    width: 100%;
    padding: 25px;
    z-index: 9;
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    right:10%;
}
*/
#navbarResponsive li.nav-item.cl-nst button.nav-link

 {
    padding: 7px 10px;
    border-radius: 5px;
}

#navbarResponsive li.nav-item.cl-nst {
    padding: 1rem 0.5rem;
}
.min-padding { padding: 25px 0; }
.trusted { padding: 50px 0; background: #fff;}
.iconic_contents {}
.iconic_contents i.fa {
    font-size: 24px;
    color: #F0452D;
    border: 1px solid #d8d8d8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;    
    margin-right: 5px;    vertical-align: sub;
}
.imglmt1 img { max-width: 280px;}
a.read_more { position: relative; }
a.read_more:after {
    right: -.25rem;
    content: "\f105";
    transition: left .3s cubic-bezier(.455,.030,.515,.955);
    position: relative;
    font-family: fontAwesome;
    width: 1.5rem;
    top: 1px;
}
.bottom-footer p {
    margin: 0;
    color: #fff;
}
.bottom-footer p a {
    color: #fff;
}
section.bottom-footer {
    padding: 10px 0;
    background: #267C21;
    font-size: 13px;
}
section.titlebar {
    padding: 65px 0;
    background: url(../images/title-image1.jpg);
    background-size: cover;
}
section.titlebar h3 {
   /* background:url(../images/title-img.png) no-repeat right center;*/
   text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}
section.footer {
    background: #313131;
    padding: 50px 0;
}
#headertop ul.navbar-nav li.nav-item.active a {
    color: #f0452d;
}
section.footer,section.footer a {color: #ffffff; }
h4 { color: #F0452D; }
a.read_more:focus::after, a.read_more:hover::after {
    right: -.625rem;
}
form.quick_search label {
    margin: 7px 0 5px;
    font-size: 14px;
}
p { color:#7B4F2E; line-height: 1.7; }
ul.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.footer-menu li a {
    line-height: 30px;
    position: relative;
    color: #fff;
    padding-left: 15px;
}
ul.footer-menu li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    left: 0;
}
ul.reachus {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.reachus li {
    padding: 8px 0 5px 20px; position:relative;    line-height: 24px;
}
ul.reachus li:before {
font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: 0;
}
ul.reachus li.company { font-weight:500;}
ul.reachus li.company:before {
    content: "\f0f7";
}
ul.reachus li.location:before {
    content: "\f041";
}
ul.reachus li.email:before {
    content: "\f003";
}
ul.reachus li.mobile:before {
    content: "\f10b";
    font-size: 26px;
    top: 7px;
}
ul.reachus li.phone:before {
    content: "\f095";
}

@-moz-document url-prefix() {
  .search_fields {
    top: auto; bottom:20px;
  }
  select.agefrom, select.ageto {
    width: calc(50% - 0.94em);
}
}

.crsl-items{
  margin: 0px auto;
}
.crsl-item figcaption{
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #FFF;
  background: rgba(0,0,0,.5);
}
.crsl-nav{
  position: relative;
  min-height: 1px;
}
.crsl-nav .previous{
  float: left;
}
.crsl-nav .next{
  float: right;
}
figure {margin:0;padding:0}
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
section.featured_profiles {
    background: #f5f2ee;
}
.crsl-nav .previous, .crsl-nav .next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    margin: 5px;
    position: relative;
    top: 146px;
    z-index: 999;
    background: #267c21;
    color: #fff;
}
ul.social {
    padding: 0;    margin: 8px 0 0;
}
ul.social li { display: inline-block; }
ul.social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    color:#fff;
    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
    margin-right: 3px;
}
ul.social li a.facebook { background: #3b5998; }
ul.social li a.twitter { background: #55acee; }
ul.social li a.linkedin { background: #007bb5; }
ul.social li a.youtube { background: #ff0000; }
ul.social li a.instagram { background: #e4405f; }
ul.social li a.pinterest { background: #bd081c; }
ul.social li a.googleplus { background: #dd4b39; }
ul.social li a.whatsapp { background: #25D366; }
.date_field select {
    width: calc(33.333% - 4px);
    float: left;
    margin-right: 6px;
}
.chkrad-fields {
    display: block;
    padding: 8px 0px;
}

.date_field select:last-child, .iptwoboxes input:last-child { margin-right: 0; }
.r1, .r13 { background: url(../images/1.gif) no-repeat center; }
.r2, .r14 { background: url(../images/2.gif) no-repeat center; }
.r3, .r15 { background: url(../images/3.gif) no-repeat center; }
.r4, .r16 { background: url(../images/4.gif) no-repeat center; }
.r5, .r17 { background: url(../images/5.gif) no-repeat center; }
.r6, .r18 { background: url(../images/6.gif) no-repeat center; }
.r7, .r19 { background: url(../images/7.gif) no-repeat center; }
.r8, .r20 { background: url(../images/8.gif) no-repeat center; }
.r9, .r21 { background: url(../images/9.gif) no-repeat center; }
.r10, .r22 { background: url(../images/10.gif) no-repeat center; }
.r11, .r23 { background: url(../images/11.gif) no-repeat center; }
.r12, .r24 { background: url(../images/12.gif) no-repeat center; }
h4.panel-title {
    padding: 12px;
    font-size: 14px;
    border: 1px solid #e6e6e6; margin-bottom: 0;
}
.panel-group {
    margin-bottom: 30px;
}
h4.panel-title a { color: #267C21 }
.panel-collapse {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 30px;
    border-top: 0;
}
.centered-box {

    display: table;
    margin: auto;
    border: 1px solid #eaeaea;
    padding: 25px 15px 10px;
    width: 100%;
    box-shadow: 0 3px 3px #eaeaea;-moz-box-shadow: 0 3px 3px #eaeaea;-webkit-box-shadow: 0 3px 3px #eaeaea;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;

}
p.info {
    font-size: 12px;
    color: #717171;
}
.msize-1 { max-width: 565px; }
.msize-3 { max-width: 650px; }
.two_col input, .two_col select {width: calc(50% - 3px);
    float: left;
    margin-right: 6px;}
.two_col input:last-child, .two_col select:last-child { margin-right: 0; }
label strong { font-weight: 500; }
.pro_list_boxes {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.pro_list_boxes .form-group {
    margin-bottom: 0;
}
.pro_list_boxes label {
    margin: 6px 0;
}
.pro_list_boxes label.hlts {
    color: #267C21;
    font-size: 1.2em;
    letter-spacing: 0.5px;font-weight:700;
}
a .pro_list_boxes { color: #7B4F2E;    background: #f1f1f1; }
#viewpro .carousel-indicators li {
    height: auto;
    text-align: center;
    text-indent: 0;
}
#viewpro .carousel-indicators { bottom:0; }
.viewdatas {
    margin-bottom: 30px;
    line-height: 26px;
}
span.answered {
    float: right;
    font-weight: 500;
    color: #267C21;    display: inline-block;
}
.headinghlts h4 {
    padding-bottom: 4px;
    font-size: 25px;
    border-bottom: 1px dotted;
}
ul.fivelists {
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #ffebca;
    border-radius: 5px;
}
ul.fivelists li {
    display: inline-block;
    min-width: calc(20% - 3px);    padding: 5px 0;
}
table.npspacing { margin:30px 0; }
table.npspacing td, table.npspacing th{ padding: 0;  }
.boxed h6 {
    color: #F0452D;
}
.pro_list_boxes img {
    max-height: 230px;
}
.login_right {
    padding: 15px;
    margin: 0px 0 10px;
    border: 1px solid #ffe9c5;
    border-radius: 5px;
}
.login_right ul {
    list-style: none;
    padding: 0; margin-bottom: 1.5rem;
}
.login_right h6 {
    color: #F0452D;
}
.login_right ul li a {
    color: #7B4F2E;    line-height: 28px;
}

span.answered.btn-success { color: #fff; }
.login_right ul.nomatmar {margin-bottom: 0}
.marb10 { margin-bottom: 10px; }
.mart10 { margin-top: 10px; }
.green { color: green !important; }
.red { color: red !important; }

#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff;
    background: linear-gradient(90deg, #2e7d32 0%, #ffee58 100%);
    border-radius: 999px;
    border: 0;
    box-shadow: 0 6px 14px rgba(46, 125, 50, 0.35);
    font-size: 16px;
    font-weight: 600;
}

#tabs .nav-tabs .nav-link {
    border: 0;
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    color: #374151;
    font-size: 16px;
    padding: 8px 18px;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
p.infos {
    text-align: center;
    color: red;
    font-size: 14pt;
}
.mgmyphoto { text-align: center; }
.mgmyphoto img {max-width: 250px; }
ul.nav-btns {
    display: block;
    width: 100%;
    text-align: right;
}
ul.nav-btns li {
    display: inline-block;
    padding: 5px;
    margin: 0 5px;
}
ul.nav-btns li:first-child {margin-left: 0;}
ul.nav-btns li:last-child {margin-right: 0;}
ul.nav-btns li a {border: 1px solid #267C21;
    padding: 7px 20px;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
    color: #267C21;}

@media only screen and (max-width:1440px){
 .iconic_contents2 {min-height: 272px;padding: 20px !important;}   
    
}
@media only screen and (max-width:991px){
.box-shwd {
    box-shadow: 1px 0px 5px gray;
    padding: 15px 15px 10px 15px;
    width: 85%;
    margin: auto;
    margin-bottom: 15px;
}
     .iconic_contents2 {min-height: auto !important;padding: 20px !important;}  
  body  .grid-ba-bt .iconic_contents {
      justify-content: start !important;
    }
.hd-top .row {
    display: flex;
    width: 100%;
}

.hd-top .row .col-md-6 {
   width: auto;
        max-width: max-content;
}



.hd-top .container {
    width: 100%;
    max-width: 100%;
}
.navbar-light a.navbar-brand {
    max-width: calc(100% - 75px);
        overflow: hidden;
}
.nav-link {padding:0.5rem 1rem;}
ul.navbar-nav li ul.dropdown-menu {display: none;}
ul.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-menu { background: #fff; }
.sliderwithsearch .search_fields {position: relative;}
.iconic_contents i.fa {
    clear: both;
    margin: 0 auto;
    display: block;
}
.iconic_contents {
    text-align: center;
}
ul.reachus li.email{  word-break: break-all;}
}
@media only screen and (min-width:768px) and (max-width:991px){
body { font-size: 0.7em }
}

@media only screen and (max-width:767px){ 
.plan-d-p .table-responsive {
    padding-bottom: 70px;
    max-width: 800px;
    overflow: auto scroll;
    display: block !important;
}
body   .table-responsive table.pln-clst {
    width: 1000px;
    max-width: 100%;
    /*table-layout: fixed; */
}
  .table-responsive table.table.plan-table.tajuizd.pln-clst tr th:nth-child(1),
  .table-responsive table.table.plan-table.tajuizd.pln-clst tr td:nth-child(1) {
    background: #f8e3ff !important;
    border-bottom: 1px solid gray !important;
}
  .table-responsive table.table.plan-table.tajuizd.pln-clst tr.asstd_bg1 td:nth-child(1){
   background: transparent !important;
  }
body table.pln-clst  tr:first-child th:nth-child(1){background:#fff !important;}
body table.pln-clst td:nth-child(1), body table.pln-clst th:nth-child(1) {
   position: sticky !important;
        z-index: 2;
        left: 0px;
        width: 140px !important;
        max-width: 140px !important;
    
        box-shadow: 4px 0px 6px 0px rgba(0, 0, 0, 0.05);
        padding: 10px 10px 10px 10px !important;
        text-align: left;
}
body table.pln-clst tr td, table.pln-clst tr th {
    width: 140px;
}
    
    
    .bst-sel.et_pb_shop ul.products.columns-5 li.product {
    width: 100% !important;
}
       body section{padding: 40px 0;}
 .clbtnc { margin-top: 15px ;}  
 
.fe-profiles .owl-carousel .item {
    margin-top: 0px !important; margin-bottom: 5px !important;
}
body .fe-profiles .gallery-slider > h2 {
    margin-bottom: 0px !important;
}
 body .ictst {
    display: flex;
    align-items: center;
    justify-content: center;
}
 body .co-cd1 h2 + p, body .co-cd1 {
    text-align: center;}
    body h2.title-stc {   font-size: 25px !important;
        text-align: center !important;}
.gen-grom {font-size: 14px;}
.iconic_contents {margin-bottom: 15px;}
.form-group {margin-bottom: 0.5rem;}
p.copyright, .page1 .poweredright { text-align: center !important; }
body {padding: 0px 0 0 0;}
.form-group .text-right {text-align: left !important;}
select {  min-width: 40px;}
}
@media only screen and (max-width:460px){ 
    .navbar-light a.navbar-brand {    font-size: 20px; margin-right: 0;}
    body { font-size: 0.7em }
}

div#option-visible {
    position: relative;
}
div#option-visible:before {
    content: "";
    position: absolute;
    width: 25%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 271px;
    top: -20px;
}
.members-main {
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 #aaa;
    margin-bottom: 5px;
}
.members-main img {
    margin-bottom: 0;
    width: 100%;
    height: 230px;
}

.bg11, .members-main:hover .members-profile .bg11 {
    background: #488400c4 !important;
}
.members-profile {
    position: absolute;
   
    color: #fff;
    left: 0;
    right: 0;
    top: -100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.members-profile h5 { 
    text-transform: uppercase;
    padding-top: 80px;
    font-weight: 600;
     text-align: center;
    color: #fff;
}

.members-profile p {
    padding: 15px 18px 20px 20px;
    color: #fff !important;text-align: center;
}
.members-main:hover .members-profile {
    top: 0;
    left: 0;
    right: 0;
    background: #ff0000;
    height: 100%;
}
.subscribe-area .subscriber-wrapper h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
}
.subscribe-area .subscriber-wrapper .form-wrapper {
    margin-top: 50px;
    position: relative;
}
.subscribe-area .subscriber-wrapper .form-wrapper input[type=email] {
    background-color: transparent;
    padding: 13px 25px;
    border-radius: 25px;
    border: 3px solid #ffe9c3;
    width: 100%;
    padding-right: 150px;
    color: #fff;
}
.subscribe-area .subscriber-wrapper .form-wrapper input[type=submit] {
           width: 18%;
    padding: 11px 25px;
    border-radius: 25px;
    border: none;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    background-color: #fff;
    color: #ed1c24;
    position: absolute;
    top: 3px;
    right: 2px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}   
.subscriber-wrapper {
    width: 74%;
    margin: auto;
}
p.white-txt {
    color: #fff;
}
.subscribe-area .form-wrapper ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f1f1f1;
  opacity: 1; /* Firefox */
}

.subscribe-area .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #f1f1f1;
}

.subscribe-area .form-wrapper ::-ms-input-placeholder { /* Microsoft Edge */
  color: #f1f1f1;
}
.owl-stage-outer {
    background: url(../images/mobile-screen.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 220px;
    padding: 25px 0;
}
.owl-carousel .item {
    margin: 45px 12px 51px 12px;
    overflow: hidden;
    border-radius: 2px;
}
@media only screen and (max-width: 1024px) and (min-width: 1000px)  {
    .page1 .search_fields{
        padding: 10px;
    }
    .page1 .search_fields h3 {
    font-size: 17px;
    margin-bottom: 5px;
}
.page1  .search_fields .form-group {
    margin-bottom: 10px;
}


}
@media only screen and (max-width: 1024px) {
  body  section{padding:50px 0;}
  h2.title-stc.mb-5 {
    margin-bottom: 30px !important;text-align: left !important;
}
    section.services-section h2.title-stc {
    text-align: center !important;
}
       .fe-profiles .owl-carousel .item {
        margin-top: 0px !important;margin-bottom: 5px !important;
    }
      h2.title-stc {text-align: left !important;}
    .owl-stage-outer {
        background-size: 313px;
    }
}
@media only screen and (max-width: 812px) {
   div#imsif form.quick_search,  div#imsif .gen-grom {
    text-align: left;
}
    .pro_list_boxes {text-align: center;}
    .owl-stage-outer {
        background-size: 228px;
    }
}
@media only screen and (max-width: 768px) {
    .owl-stage-outer {
        background-size: 228px;
    }
}

@media only screen and (max-width: 736px) {
    .owl-stage-outer {
        background-size: 515px;
        padding: 100px 0;
    }
}
@media only screen and (max-width: 568px){
    .fe-profiles .owl-carousel .owl-item img{padding:0 !important;}
.owl-stage-outer {
    background-size: 500px;
    padding: 50px 0;
}
.owl-carousel .owl-item img {
    padding: 30px;
}
}
@media only screen and (max-width: 414px){
.owl-stage-outer {
    background-size: 330px;
}
}
@media only screen and (max-width: 375px){
.owl-carousel .owl-item img {
    padding: 10px;
}
}
@media only screen and (max-width: 320px){
.owl-stage-outer {
    background-size: 270px;
}
}
@media only screen and (min-width: 1024px) {

div#option-visible:before {
    content: "";
    position: absolute;
    width: 24%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 231px;
    top: -9px;
    background-size: contain;
}

}    
@media only screen and (min-width: 768px) {
div#option-visible:before {
    content: "";
    position: absolute;
    width: 22%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 176px;
    top: 9px;
    background-size: contain;
}

 }   
 @media only screen and (min-width: 375px) {
div#option-visible:before {
   content: "";
    position: absolute;
    width: 48%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 187px;
    top: 6px;
    background-size: contain;
}
 }
 @media only screen and (min-width: 414px) {
div#option-visible:before {
   content: "";
    position: absolute;
    width: 48%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 187px;
    top: 6px;
    background-size: contain;
}
  }

@media only screen and (min-width: 411px) {
div#option-visible:before {
   content: "";
   position: absolute;
   width: 28%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: 136px;
   top: 16px;
   background-size: contain;
}
  }  
 @media only screen and (min-width: 360px) {
div#option-visible:before {
 content: "";
   position: absolute;
   width: 48%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: -9px;
   top: 8px;
   background-size: contain;
}
    }

 @media only screen and (min-width: 320px) {
div#option-visible:before {
 content: "";
   position: absolute;
   width: 48%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: -9px;
   top: 8px;
   background-size: contain;
}
    }
@media only screen and (max-width: 991px){section.titlebar h3 {background: transparent;}
    
    
}    
.stickyheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999 !important;
    background: #ffffff;
    -webkit-animation-name: silde_to_top;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 1000;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    border-bottom: 1px solid #EEEEEE;
}
@-webkit-keyframes silde_to_top {
    0% {
        top: -200px;
        top: default;
        opacity: 0;
    }
    100% {
        bottom: default;
        top: 0%;
        z-index: 1000000;
        opacity: 1;
    }
}
.removestickyheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    -webkit-animation-name: silde_to_bottom;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 100;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    border-bottom: 1px solid #EEEEEE;
}
@-webkit-keyframes silde_to_bottom {
    0% {
        bottom: default;
        top: 0%;
        z-index: 1000000;
        opacity: 1;
    }
    100% {
        top: -200px;
        top: default;
        opacity: 0;
    }
}
.iconic_contents2 h2:before {
    content: "";
    background: #fff;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0;
}
.iconic_contents2 h2 {font-size: 20px;margin-bottom: 16px;position:relative;padding-bottom: 10px;}
.iconic_contents1 {margin-bottom: 15px;}
section.services-section {background: #267C21;}
h2.title-stc {font-size: 30px;font-weight: 700;}
section.services-section {background: #267C21;}
.ticenc { text-align: center;}
.ticenc h2, .ticenc p {color: #fff;}
.ticenc {margin-bottom: 30px;}
a.r-msty {
    color: #F0452D;
}
.iconic_contents2 h2, .iconic_contents2 p {color: #fff !important;}
.iconic_contents2 { /*min-height: 265px;*/ padding: 30px; border: 1px solid rgb(255 255 255 / 22%); margin-bottom: 30px;}
.iconic_contents1 img {width: 70px;margin-bottom: 5px;}
.iconic_contents2 p {margin-bottom: 10px;}
ul.navbar-nav li a, ul.navbar-nav li button{font-size: 14px;font-weight: 500;    text-transform: uppercase;}
.clbtnc a {font-size:15px;background:#267C21;padding:7px 15px;color:#fff;}
.licon ul {  padding: 0; margin: 0;}

.licon ul li .licn-c h3 {   
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 7px;
    color: #4A2412;
    position: relative;
    padding-bottom: 6px;}
    .licon ul li .licn-c h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    height: 2px;
    content: "";
    background: #F0452D;
}
.licon ul li {list-style: none;    margin-bottom: 25px;}
/*
.licon ul li {list-style: none;padding-left: 30px;position: relative;}
.licon ul li:before {
        content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
        left: 0;
    font-size: 20px;
}
*/
.nav-sty ul.navbar-nav li.nav-item > a {padding: 1.6rem 1rem;}
.nav-sty ul.navbar-nav li:hover ul.dropdown-menu li a {font-size: 14px;text-transform: capitalize;}
.nav-sty ul.navbar-nav {display: flex;flex-direction: row;}
.nvb-right.nav-sty li.nav-item.cl-nst { padding: 1rem 0.5rem;}
.nvb-right.nav-sty li.nav-item.cl-nst  button.nav-link {
    padding: 7px 10px; border-radius: 5px;}
    .logo-cntsty {
    position: absolute;
    z-index: 999;
    top: -20px;
}
.logo-cntsty a.navbar-brand { padding: 0; margin: 0;}
.header-custem {padding: 21px 0;}
.divclp {  display: flex;align-items: center;justify-content: center;}
.rightdesign .form-group select {border: 1px solid #c3c3c3;}
.rightdesign {  background: #f8f9f9;    padding: 30px;}
a.btn-cl1{background: #267C21;    color: #fff;padding: 10px 15px;    font-size: 12px;line-height: 14px;}
select.agefrom, select.ageto { width: calc(47% - 1%) !important;}
span.col-cnti {color: #F0452D;}
.ictst1 p { margin: 0;}
.ictst{ border-bottom: 1px solid #cecece;padding-bottom: 25px;margin-bottom: 30px; margin-top: 25px;}
.ictst1 h3 {margin: 0;font-size: 30px;font-weight: 700;}
.ictst1 {margin-left: 16px;}
.ictst2 {background: #267C21;padding: 9px;border-radius: 50%;}
.ictst2 img {width: 100%; height: 40px;}
.qutsection1 {
   text-align: center;
    padding: 50px;
    background: #f0f5fa;
    border-radius: 40px;
    box-shadow: 1px 1px 4px #c5c4c4;
}

.qutsection1 h5 { color: #267C21; margin-bottom: 40px;}

.qutsection1 h2 {
    font-size: 29px;
    color: #267C21;
    margin-bottom: 25px;
    line-height: 40px;
}
section.aboutsection1 {padding: 50px 0 60px 0;background:#fff;}
.qutsection1 a.btn-cl1 {background: #267C21;font-size: 16px;border-radius: 20px;}
.grd-mst {padding-top: 0px;}
.iner_contents2 {
  background: #267C21;
    padding: 35px;
    margin-bottom: 20px;
    min-height: 200px;
    border-radius: 20px;
}
section.abt-last1 {
    padding: 60px 0 50px 0 !important;
    background: #f1f1f1;
}
.iner_contents2 h2 {
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin-bottom: 13px;
}

.iner_contents2 p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
}
.serv_contents3 {
    border: 0px solid gray;
    margin-bottom: 30px;
    box-shadow: 1px 1px 5px gray;
}

.serv_contents2 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}

.serv_contents2 p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0;
}
section.featsection {
    background: #f1f1f1;
}
.serv_contents2 {
  padding: 25px 15px;
    background: #267C21;
    min-height: 240px;
}
.fe-profiles { text-align: center;}

.fe-profiles .gallery-slider > h2 {
    font-size: 30px;
    color: #555555;

    position: relative;
}
/*
.fe-profiles .gallery-slider > h2:before {
    content: "";
    background: #F0452D;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    }
    */
.fe-profiles .owl-stage-outer {padding: 10px 0 0 0;}
.serv_contents img {width: 100%;}
.serv_contents {margin-bottom: 10px;}
.qutsection1 a.btn-cl1:hover {background: #267C21;}
 #buttonse {
  display: inline-block;
  background-color: #F0452D;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonse::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonse:hover {
  cursor: pointer;
  background-color: #333;
}
#buttonse:active {
  background-color: #555;
}
.grid-mnew h3 {
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
.grid-mnew {box-shadow: 1px 1px 4px gray; padding: 20px;    margin-bottom: 30px;    text-align: center;}
.grid-mnew p {  font-size: 15px;}
#buttonse.show {  opacity: 1;  visibility: visible;}
ul.ce-nec {
    margin: 0;
    padding: 0;
}

ul.ce-nec li {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 18px;
    position: relative;
}
.read-mc { text-align: right;}

.read-mc a .fa {
    margin-left: 5px;
}
.read-mc a {
    padding:5px 9px 5px 5px;
    background: #267C21;
    color: #fff;
    font-size: 12px;
}
ul.ce-nec li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #267C21;
    left: 0;
    position: absolute;
    top: 0;
    }
h3.titccs {  text-align: center;
    margin: 10px 0;
    border-bottom: 1px solid gray;
    padding-bottom: 10px !important;}
    .plan-d-p h3.titccs {
    margin-bottom: 30px;
}
.table-responsive table.pln-clst tr th:first-child, .table-responsive table.pln-clst tr td:first-child {
    padding-left: 40px;width: auto;
    padding-right: 40px;
}
.table-responsive table.pln-clst tr td:first-child{font-weight:normal;}
tr.greenbg1 th {text-align: center;}
tr.greenbg1 th h5 {    margin-bottom: 15px; font-size: 14px;color: #7B4F2E;}
tr.greenbg1 th h3 { margin-bottom: 7px;font-size: 19px;}
/*body table.pln-clst th, body table.pln-clst td, body table.pln-clst th, body table.pln-clst, body table.pln-clst tr {
    border: 0 !important;   background: transparent !important;} */
body table.pln-clst th {color: #4A2412;}
body table.pln-clst td {padding: 14px 10px;font-size: 15px;
font-weight: 600;color: #4A2412;}
body table.pln-clst td:nth-child(2), body table.pln-clst td:nth-child(3) {    text-align: center;}
table.tajuizd.pln-clst tr th {background: transparent;}
table.tajuizd.pln-clst tr th, table.tajuizd.pln-clst tr td {box-shadow:1.25rem 2.5rem 3.75rem 0 rgba(0,40,87,0.2);}
table.tajuizd.pln-clst tr:nth-child(odd){background: transparent;}
table.tajuizd.pln-clst  tr:nth-child(even) {background: #edf1f5;}
body table.pln-clst td:nth-child(2) {
    border-left: 1px solid #267C21 !important;
    border-right: 1px solid #267C21 !important;
}
body table.pln-clst tr.greenbg_2 th:nth-child(1) {
    border-top: 1px solid #267C21 !important;
}
table.tajuizd.pln-clst tr:nth-child(even) td {
    background: #edf1f5;
}
.table-responsive table.pln-clst {
    width: auto;
}
.plan-d-p .table-responsive {
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
table.tajuizd.pln-clst tr:nth-child(odd) td {
    background: #fff;
}
body table.pln-clst tr.greenbg_2 th {
    border-top: 1px solid #267C21 !important;   
    border-radius: 1.25rem 1.25rem 0 0;
}
tr.asstd_bg1, tr.asstd_bg1 td {
    background: transparent !important;
}

tr.asstd_bg1 td:last-child {
    border-top: 1px solid #267C21 !important;
    border-radius: 1.25rem 1.25rem 0 0;
}
body table.pln-clst tr:last-child td:nth-child(1) {
    border-bottom: 1px solid #267C21 !important;
}

body table.pln-clst tr:last-child td {
    border-bottom: 1px solid #267C21 !important;   
    border-radius: 0 0 1.25rem 1.25rem;
}
body table.pln-clst td:nth-child(1), body table.pln-clst th:nth-child(1) {
   
}
body table.pln-clst td, body table.pln-clst th {
    border-left: 1px solid #267C21 !important;
    border-right: 1px solid #267C21 !important;
}
/*
table.pln-clst tr td:nth-child(2) {
    background:#f0fff0 !important;
    color: #267C21;
    font-size: 15px;
}

 table.pln-clst tr td:nth-child(3) {
    background:#e8f5e9 !important;
    color: #267C21;
    font-size: 15px;
}
*/
.pln-clst, .pln-clst tr, .pln-clst td, .pln-clst tr th{border:0px !important;}
.btnfpr button:hover {
    background: #F0452D !important;
}
table.pln-clst tr.las-nobg td:nth-child(2), table.pln-clst tr.las-nobg td:nth-child(3)
 { background: transparent !important;}
 .btnfpr button {    background: #267C21;    width: 170px;}
table.pln-clst {
    border-collapse: separate;
    border-spacing: 10px 0px;
}


.gbts {
    position: relative;
    display: block;
    text-align:center;
}
.gbts label {
 display: block;
    color: #ffffff;
    border-radius: 5px;
    padding: 6px 12px !important;
    border: 0;
    cursor: pointer;
    background: #267C21;
    font-size: 13px;
    width: 75px;
    margin: auto;
}
.gbts input[type="radio"] {
        position: absolute;
    width: 100%;
    appearance: none;
    height: 100%;
    left: 0;
    cursor: pointer;
    opacity: 0;
}
.gbts input[type="radio"]:checked + label {
    background:#267C21;
    color:#fff;
}
table.pln-clst tr td, table.pln-clst tr td {
    width: 160px;
    text-align: center;
}
/* === Frontend Material Theme Layer (public pages only) === */
:root {
  --mui-primary: #096939;
  --mui-primary-dark: #064d2a;
  --mui-accent: #233350;
  --mui-surface: #ffffff;
  --mui-bg: #f0f5f2;
  --mui-border: #c8d9e0;
  --mui-text: #4A2412;
  --mui-muted: #7B4F2E;
}

body {
  background: var(--mui-bg);
  color: var(--mui-text);
  font-family: "Roboto", "Poppins", Arial, sans-serif;
}

.page_content,
.centered-box,
.pro_list_boxes,
.search_fields.rightdesign,
.search_lists .pro_list_boxes {
  background: var(--mui-surface);
  border: 1px solid var(--mui-border);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

section.titlebar .container {
  /*padding: 16px 22px;
  background: linear-gradient(90deg, #2e7d32 0%, #ffee58 100%);
  border: 0;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(46, 125, 50, 0.18); */
}

section.titlebar h3 {
  margin: 0;
  color: #ac2b24;
 /* text-shadow: 2px 2px 20px #000000; */
  font-weight: 700;position: relative;
}
section.titlebar {
    position: relative;
}
.quick_search,
#tabs .tab-content {
  background: #f8fbe8;
  border: 1px solid #dce8c6;
  border-radius: 12px;
  padding: 14px;
}
section.titlebar:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   /* background: rgb(0 0 0 / 30%); */
    content: "";
}
.quick_search .form-group,
.pro_list_boxes .form-group,
.viewdatas {
  margin-bottom: 12px;
}

.quick_search input[type="text"],
.quick_search input[type="email"],
.quick_search input[type="number"],
.quick_search input[type="url"],
.quick_search select,
.quick_search textarea,
.page_content input[type="text"],
.page_content input[type="email"],
.page_content input[type="number"],
.page_content input[type="url"],
.page_content select,
.page_content textarea {
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  min-height: 40px;
  padding: 8px 12px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.quick_search textarea,
.page_content textarea {
  min-height: 110px;
  resize: vertical;
}

.quick_search input:focus,
.quick_search select:focus,
.quick_search textarea:focus,
.page_content input:focus,
.page_content select:focus,
.page_content textarea:focus {
  border-color: var(--mui-primary);
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.15);
}

.quick_search input[type="submit"],
.page_content input[type="submit"],
.btn,
button {
  border-radius: 999px;
}

.quick_search input[type="submit"],
.page_content input[type="submit"],
.btn-primary,
.btn-danger,
button {
  background: #267C21;
  border-color: #267C21;
  color: #ffffff;
  font-weight: 600;
}

.quick_search input[type="radio"],
.quick_search input[type="checkbox"],
.page_content input[type="radio"],
.page_content input[type="checkbox"] {
  accent-color: var(--mui-primary);
}

.headinghlts h4,
.boxed_data h4,
.title-stc {
  color: #4A2412;
  font-weight: 700;
}

.answered,
.answered_1,
.info,
.page_content label {
  color: var(--mui-muted);
}

.navbar-light .navbar-nav .nav-link {
  color: #267C21;
  font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link {
  color: var(--mui-primary);
}

.page_contents > .container > .row > .primary.page_content {
  background: var(--mui-surface);
  border: 1px solid var(--mui-border);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

@media only screen and (max-width: 991px) {
  .quick_search [class*="col-md-"],
  .page_content [class*="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
  }

  .page_content,
  .centered-box,
  .quick_search,
  #tabs .tab-content {
    padding: 12px;
  }
}

/* ============================================================
   MATERIAL DESIGN TOP NAVIGATION
   ============================================================ */

/* --- Base Navbar --- */
#headertop {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  padding: 0;
  transition: box-shadow 0.3s ease, background 0.3s ease;
  z-index: 1030;
}

#headertop .container {
  padding-top: 0;
  padding-bottom: 0;
}

/* --- Sticky state enhances shadow (via JS .stickyheader) --- */
.stickyheader {
  box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
  background: #ffffff !important;
}

/* --- Announcement Bar --- */
.announcement {
  display: flex;
  align-items: stretch;
  background: #F0452D;
  overflow: hidden;
}

.announcement-title {
  background: #c73220;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
  border-right: 2px solid rgba(255,255,255,0.2);
}

.announcement-messgae {
  flex: 1;
  color: #fff;
  font-size: 14px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
}

.announcement-messgae marquee { width: 100%; }
.announcement-messgae strong  { color: #ffd54f; }

/* --- Brand / Logo --- */
#headertop .navbar-brand {
  padding: 10px 0;
  margin-right: 24px;
}

#headertop .navbar-brand img {
  height: 100px;
  width: auto;
  object-fit: contain;
  transition: opacity 0.2s ease;
}

#headertop .navbar-brand:hover img {
  opacity: 1;
}

/* --- Hamburger toggler --- */
#headertop .navbar-toggler {
  border: none;
  padding: 8px;
  border-radius: 8px;
  outline: none;
  color: #267C21;
  transition: background 0.2s ease;
}

#headertop .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

#headertop .navbar-toggler:hover {
  background: rgba(38,124,33,0.08);
}

#headertop .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(31,41,55,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* --- Nav Links --- */
#headertop .navbar-nav .nav-item > .nav-link,
#headertop .navbar-nav .nav-item > a.nav-link {
  color: #267C21;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 22px 14px;
  position: relative;
  transition: color 0.25s ease;
  white-space: nowrap;
}

#headertop .navbar-nav .nav-item > .nav-link::after,
#headertop .navbar-nav .nav-item > a.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
  height: 3px;
  background: #F0452D;
  border-radius: 3px 3px 0 0;
  transform: scaleX(0);
  transition: transform 0.25s ease;
}

#headertop .navbar-nav .nav-item > .nav-link:hover,
#headertop .navbar-nav .nav-item > a.nav-link:hover,
#headertop .navbar-nav .nav-item > .nav-link:focus,
#headertop .navbar-nav .nav-item > a.nav-link:focus {
  color: #267C21;
}

#headertop .navbar-nav .nav-item > .nav-link:hover::after,
#headertop .navbar-nav .nav-item > a.nav-link:hover::after {
  transform: scaleX(1);
}

/* Remove underline pseudo-element from Login/Register buttons */
#headertop .navbar-nav .nav-item.cl-nst > button.nav-link::after,
#headertop .navbar-nav .nav-item > a.nav-link[href="register.php"]::after {
  display: none;
}

/* --- Dropdown Arrow hide for cleaner look --- */
#headertop .dropdown-toggle::after {
  border: none;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  vertical-align: middle;
  margin-left: 5px;
  opacity: 0.6;
  transition: transform 0.2s ease;
}

#headertop .nav-item:hover .dropdown-toggle::after {
  transform: rotate(180deg);
}

/* --- Dropdown Menu (MD Card style) --- */
#headertop .dropdown-menu {
  display: none;
  background: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08);
  padding: 8px 0;
  min-width: 200px;
  margin-top: 0;
  top: 100%;
  animation: mdDropFade 0.18s ease;
}

@keyframes mdDropFade {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

#headertop .nav-item.dropdown:hover > .dropdown-menu,
#headertop .nav-item.dropdown .dropdown-menu.show {
  display: block;
}

#headertop .dropdown-menu li a,
#headertop .dropdown-menu a {
  display: block;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #4A2412;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
  transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
  text-decoration: none;
  white-space: nowrap;
}

#headertop .dropdown-menu li a:hover,
#headertop .dropdown-menu a:hover {
  background: rgba(38,124,33,0.08);
  color: #267C21;
  padding-left: 26px;
}

/* --- Login Button (MD Filled) --- */
#headertop .nav-item.cl-nst {
  display: flex;
  align-items: center;
  padding: 0 4px;
}

#headertop .nav-item.cl-nst button.nav-link,
li.cl-nst button.nav-link {
  background: #267C21 !important;
  color: #ffffff !important;
  border: none;
  border-radius: 24px;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease;
  box-shadow: 0 2px 6px rgba(38,124,33,0.25);
  white-space: nowrap;
}

#headertop .nav-item.cl-nst button.nav-link:hover,
li.cl-nst button.nav-link:hover {
  background: #1a5c16 !important;
  box-shadow: 0 4px 12px rgba(38,124,33,0.35);
  transform: translateY(-1px);
}

#headertop .nav-item.cl-nst button.nav-link:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(38,124,33,0.2);
}

/* --- Register Link (MD Text Button with gold accent) --- */
#headertop .navbar-nav .nav-item a.nav-link[href="register.php"] {
  color: #ffffff !important;
  background: #F0452D;
  font-weight: 700 !important;
  border: 2px solid #F0452D;
  border-radius: 24px;
  padding: 7px 18px !important;
  margin: auto 6px;
  box-shadow: 0 4px 12px rgba(222,151,0,0.35);
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.2s ease;
}

#headertop .navbar-nav .nav-item a.nav-link[href="register.php"]:hover {
  background: #F0452D;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(222,151,0,0.35);
}

/* --- Welcome/User link style --- */
#headertop .navbar-nav .nav-item .nav-link[href="myprofile.php"]:first-child {
  font-size: 12px;
  color: #267C21;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

/* --- Mobile Responsive (≤ 991px) --- */
@media (max-width: 991px) {
  #headertop .navbar-brand img {
    height: 55px;
  }

  #headertop .navbar-nav .nav-item > .nav-link,
  #headertop .navbar-nav .nav-item > a.nav-link {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(38,124,33,0.06);
  }

  #headertop .navbar-nav .nav-item > .nav-link::after,
  #headertop .navbar-nav .nav-item > a.nav-link::after {
    display: none;
  }

  #headertop .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    background: rgba(38,124,33,0.04);
    padding: 0;
    border-left: 3px solid #267C21;
    margin-left: 16px;
    animation: none;
  }

  #headertop .dropdown-menu li a,
  #headertop .dropdown-menu a {
    padding: 10px 16px;
    font-size: 13px;
    color: #267C21;
  }

  #headertop .dropdown-menu li a:hover,
  #headertop .dropdown-menu a:hover {
    background: rgba(38,124,33,0.08);
    padding-left: 20px;
  }

  #headertop .nav-item.cl-nst {
    padding: 10px 16px;
  }

  #headertop .nav-item.cl-nst button.nav-link {
    width: auto;
    display: inline-block;
  }

  #headertop .navbar-nav .nav-item a.nav-link[href="register.php"] {
    display: inline-block;
    margin: 8px 16px;
    padding: 8px 20px !important;
  }

  #headertop .navbar-collapse {
    background: #ffffff;
    border-top: 2px solid rgba(38,124,33,0.10);
    padding-bottom: 12px;
    box-shadow: 0 8px 20px rgba(38,124,33,0.12);
    border-radius: 0 0 12px 12px;
  }

  /* Show dropdown on click (mobile - controlled by Bootstrap JS) */
  #headertop .nav-item.dropdown:hover > .dropdown-menu {
    display: none;
  }
  #headertop .nav-item.dropdown .dropdown-menu.show {
    display: block;
  }
}

/* Global green-brown typography palette (frontend) */
:root {
  --font-gray-main: #7B4F2E;
  --font-gray-heading: #4A2412;
  --font-gray-muted: #8B6347;
}

body {
  color: var(--font-gray-main);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--font-gray-heading);
}

p,
li,
label,
td,
th,
small,
input,
select,
textarea {
  color: #555555;
}

.text-muted {
  color: var(--font-gray-muted) !important;
}

.text-success-msg {
  color: #2e7d32 !important;
}

.text-error-msg {
  color: #d32f2f !important;
}

.text-accent-amber {
  color: var(--font-gray-main) !important;
}

.text-accent-gold {
  color: #054616 !important;
}

.text-note-highlight {
  color: var(--font-gray-main) !important;
}

.font-w-500 {
  font-weight: 500;
}

.font-w-600 {
  font-weight: 600;
}
.list-stlebtns {
    display: flex;
    justify-content: center;
}
.list-stlebtns button {
    margin: 0 4px;
}
/* ============================================================ */