:root
{
  --primary_color:#283891;
  --secondary_color:#30ABDF;    
  --highlight_color:#f65d28;
  --text-subcolor:#3B4661;

  --font_size_heading:30px;
  --font_size_subheading:20px;
  --font_size_other:16px;
}

::selection {
  background-color: #30ABDF;
  color: white;
}
a {
  cursor: pointer !important;
}
.card-side-homess a {
  cursor: pointer!important;
}
.b2t{color: white; border-radius: 50px; background-color: var(--secondary_color); width: 50px; height: 50px; justify-content: center;align-items: center;display: none; border: 0; z-index: 30; position: fixed; bottom: 30px; right: 20px;}
.b2t i{font-size: 26px;}

ul li:focus{box-shadow: none!important;}
a:focus{box-shadow: none!important;}

input:focus{box-shadow: none;}

/* h1, h2, h3,h4, h5,h6,p{margin: 0;} */

body{background-color: white; height: 100%; font-family: 'Poppins', sans-serif;}
.community-body-bg{background-color: #f0efe9 !important; font-family: 'Poppins', sans-serif;}

.header{background-color: white; border-bottom: 1px solid #ededed;}
.header ul li{font-size: 16px; font-weight: 700; margin: 0px 20px;}
.header nav ul li a{color: #000 !important;}
.header .navbar-brand img{width: 200px;}
.navbar-brand { margin-right:0;}
.header button{color: white; background-color: var(--highlight_color); font-size: 16px; border:1px solid var(--highlight_color); padding: 6px 20px; border-radius: 50px; font-weight: 600;}
.header button:hover{color: var(--highlight_color); background-color: transparent; border:1px solid var(--highlight_color); padding: 6px 20px; border-radius: 50px; font-weight: 600;}
.header button.btn-menu{background-color: transparent; border: 0; color: var(--highlight_color);}
.header button.btn-menu:focus{box-shadow: none;}
.btn-menu i{background-color: transparent; border: 0; color: #3d3d3d; font-size: 22px;}
button.close_menu{
  text-align: end;
}

.close_menu{font-size: 30px; color: var(--primary_color);}
.close_menu:hover{color: var(--secondary_color);}
.section-company-name{background-color: var(--primary_color); padding: 90px 0px; text-align: center;}
.section-company-name h1 {
  color: white;
  font-weight: 600;
  font-size: 50px;
  
}
.facebook {
 background: transparent !important;
}
.section-company-name p{color: white; font-size: 15px;}
.section-company-inner{position: relative;}
.section-company-form{position: absolute; bottom: -108px;
  margin: auto;
  left: 30%;
  border-radius: 50px;
  right: 30%;}
  .section-company-form a{color: white;}
  .section-company-form select option:hover{background-color: var(--primary_color);}
  .section-company-form label{padding: 12px 20px; font-size: 20px; background-color: var(--secondary_color); border-radius: 50px; border: 0; color: white;}
  .section-company-form select{background-color: transparent; border-radius: 50px; border: 0; font-size: 14px; font-weight: 600;}
  .section-company-form select:focus{box-shadow: none; }
  .section-company-form .input-group{background-color: white; border-radius: 50px;  border-bottom: 1px solid #e9e9e9;}
  
  .section-community-form a{color: white;}
  .section-community-form select option:hover{background-color: var(--primary_color);}
  .section-community-form button{padding: 12px 20px; font-size: 20px; background-color: var(--secondary_color); border-radius: 50px; border: 0; color: white;}
  .section-community-form select{background-color: transparent; border-radius: 50px; border: 0; font-size: 14px; font-weight: 600;}
  .section-community-form select:focus{box-shadow: none; }
  .section-community-form .input-group{justify-content: space-between;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; background-color: white; border-radius: 50px;}
  .vertical_line{width: 1px !important; height: 30px; background-color: #d9d9d9; border-left: 1px solid #d9d9d9; margin: 10px 0px;}
  .section-community-form
  {
    padding: 10px 0px;
  }
/*.input-group div{width: 30%;}*/
.input-mobile{justify-content: unset!important;}
.input-mobile select{width: 100%;}
.input-mobile div{flex: 1!important;}
.section-community-form .input-mobile{justify-content: unset;  margin: 20px 0px;}



.section-company-map{padding: 90px 0px; text-align: start; font-weight: 600;}
.section-company-map a{text-decoration: none;}
.section-company-map span{display: flex; background-color: var(--secondary_color); width: 50px; height: 50px; align-items: center; border-radius: 50px;}
.section-company-map h1{font-weight: 600;}
.section-company-map span h4{font-weight: 600; width: fit-content; margin: auto; color: white;}
hr.mainhr{width: 100%; opacity: 1; margin: 0px; margin-left: 26px;}
.section-company-map h5{font-weight: 700; font-size: 14px;margin: 0px;}
.section-company-map p{ font-size: 15px; margin-top: 10px;
  font-weight: 500;
  color: #757575;}
  .maps{background-color: #f5f5f5; padding: 30px; margin-top: 20px; border-radius: 6px; background-color: white;}
  .maps .input-group{padding: 10px; width: 250px; border-radius: 50px; box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
  .maps .input-group label{background-color: transparent; border-radius: 50px; border: 0; font-size: 12px; font-weight: normal;}
  .maps .input-group select{border-radius: 50px; border: 0; font-size: 14px; color: black; font-weight: 600;}
  .maps .input-group select:focus{box-shadow: none;}
  .maps .input-group select:se{box-shadow: none;}
  .map-block{padding: 10px; margin-top: 20px; text-align: center;}
  .map-buttons button:nth-child(1):focus{box-shadow: none;}
  .map-buttons button:nth-child(2):focus{box-shadow: none;}
  .map-buttons .btn-group-vertical{background-color: white; border-radius: 50px; box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
  .map-buttons button:nth-child(1){background-color: transparent; color: black; border: 0;border-radius: 50px; }
  .map-buttons button:nth-child(2){background-color: transparent; color: black; border: 0; border-radius: 50px;}
  .map-buttons button:hover{background-color: var(--secondary_color); color: white; border: 0; border-radius: 50px; }
  .ad-block{margin-top: 50px;}
  .ad-block img{width: 100%; }
  .bg-overlay{position: relative; margin: auto;}
  .bg-overlay img{border-radius: 16px;}
  .black-overlay{width: 100%; top: 0;
    height: 100%;
    position: absolute;
    background-color: #00000073; border-radius: 16px;}
    .txt-block{position: absolute; top: 20px;
      left: 20px;}
      .txt-block h6{font-size: 14px; color: white; }
      .txt-block h3{font-size: 40px; color: white; font-weight: 600; margin-top: 30px;}
      .txt-block p{font-size: 20px; color: white; font-weight: 500; margin-top: 30px;}
      .category{background-color: var(--primary_color); padding: 10px; border-radius: 10px; display: flex; justify-content: center;  align-items: center; margin-top: 30px; height: 80px;}
      .category h4{color: white; font-size: 16px; text-align: center; line-height: 1.6; margin-bottom: 0px; vertical-align: middle;}

      .nd-paginate{
       float:left!important;
     }

     .section-explore{padding: 50px 0px;}
     .section-explore img{border-radius: 16px;}
     .section-explore a{text-decoration: none;}
     .section-explore h6{font-size: 18px;
      font-weight: 500; color: var(--secondary_color);}
      .section-explore h2{font-size: 30px; font-weight: 600; color: black;}
      .card-txt{ padding: 20px 0px; }
      .card-txt h5{font-size: 18px !important; font-weight: 600; color: black;}
      .card-txt p{font-size: 14px; font-weight: 500; color: #5e5e5e;}
      .section-explore .card{border: 0; background-color: white; box-shadow: 1px 0px 7px 4px #f0f0f0; height: 30rem;}
      .card{border-radius: 16px; align-items: stretch;}
      .card .card-txt{ padding: 20px; }
      .card img{border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}

      .section-city{padding: 100px 0px; background-color: #f8f8f8;}
      .section-city li a{text-decoration: none; color: black;}
      .section-city li a:hover {color: #8b8b8b;}
      .section-city h4{font-size: 20px; font-weight: 600; color: black;}
      .section-city h3{font-size: 14px; font-weight: 600; color: var(--secondary_color); margin: 50px 0px;}
      .section-city ul{list-style-type: none; padding: 0px;}
      .section-city ul li{margin: 10px 0px; font-weight: 600; font-size: 14px; color: black; display: block;}




      .section-footer{padding: 100px 0px; background-color: white;}
      .section-footer p{color: #3b3b3b; font-weight: 500;}
      .footer-items{margin-top: 100px; display: flex; align-items: center; justify-content: space-between;}
      .footer-items ul{margin-bottom: 0px; list-style: none;}
      .footer-items ul li{margin-bottom: 0px; list-style: none; display: inline-block; margin: 0px 20px; justify-content: end;}
      .footer-items ul li a{text-decoration: none; font-size: 16px; font-weight: 600; color: #222222;}
      .section-footer-bottom{background-color: var(--primary_color); padding: 80px 0px;}
       
  #signinID{
    padding:8px 10px 8px 10px;
    border-radius: 12px;
    color: white;
    background: #F5B230;
   }


      div#mapUSA {
        width: 80%;
        margin: auto;
      }
      div#mapCanada{
        width: 80%;
        margin: auto;
      }
      .section-ads{padding: 80px 0px;}
      .ad-block-content img{margin-top: 10px; width: 100%;}


      .nav-pills .nav-link, .nav-pills .nav-link:focus {
        font-weight: 600;
        font-size: 14px;
        color: gray;
        border-radius: 50px;
      }
      .nav-pills .nav-link{
        width: 200px;
        padding: 10px 0px;
      }
      .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active:focus {
       border-radius: 50px; 
       background-color: var(--primary_color); color: white;}
       .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
        color: white;
        background-color: var(--primary_color);
        border-radius: 50px; 
        border-color: transparent; }
        .nav-pills {    border-radius: 50px; 
          border-bottom: 0; justify-content: center; width: fit-content; box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
          .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link:hover {
            color: white;
            background-color: var(--primary_color);
            border-radius: 50px; 
            border-color: transparent;
          }

          
          .map-block #mapUSA svg path, .map-block #mapCanada svg path  {
            fill: var(--primary_color);
          }
          .map-block #mapUSA svg rect, .map-block #mapCanada svg rect {
            fill: var(--primary_color);
          }
          .map-block #mapUSA svg path:hover, .map-block #mapCanada svg path:hover  {
            fill: var(--secondary_color);
          }
          .map-block #mapUSA svg rect:hover, .map-block #mapCanada svg rect:hover {
            fill: var(--secondary_color);
          }







          .card-body-txt .card-tags {
            display: flex;
            flex-wrap: wrap;
          }

          .p-20{padding: 20px;}
          .mt-30:not(:first-child){margin-top: 30px;}
          .px-20{padding: 0px 20px;}
          .p-30{padding: 30px;}




          .section-breadcrumb-details{margin-top: 40px;}
          .section-breadcrumb-details nav ol li.active{font-size: var(--font_size_other); color: #999999!important; }
          .section-breadcrumb-details nav ol li a{font-size: var(--font_size_other); color: #424242!important; text-decoration: none; font-weight: 600;}
          .section-breadcrumb-details nav ol li a:hover{font-size: var(--font_size_other); color: var(--secondary_color)!important;}
          

          .section-breadcrumb nav ol li.active{font-size: var(--font_size_other); color: #707070!important; }
          .section-breadcrumb nav ol li a{font-size: var(--font_size_other); color: #424242!important; font-weight: 600; text-decoration: none;}
          .section-breadcrumb nav ol li a:hover{font-size: var(--font_size_other); color: var(--secondary_color)!important; }


          .section-community {padding: 30px 0px;}
          .section-community h1{font-size: 30px; font-weight: 600;}
          .section-community p.search_result{text-align: end;}
          .section-community .card{border: 0; box-shadow: #0e1e2512 0px 2px 4px 0px; margin-top: 0px;position: relative}
          .card-side-homes{border-left: 1px solid #ebebeb;}
          .card-body-txt .top-heading{color: var(--secondary_color); font-size: 18px; font-weight: 600;}
          .card-body-txt h5{margin-top: 10px; font-weight: 600; font-size: 24px;}
          .card-tags{margin-top: 20px;}
          .card-body-txt img{border-top-left-radius: 0!important;border-top-right-radius: 0!important; border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
          .card-body-txt .card-text{font-size: 16px; font-weight: lighter; color: var(--text-subcolor);}
          .card-body-txt .card-tags span, .tag-blocks .card-tags-main .main-tags span{margin-right: 10px;     margin-top: 10px; color: var(--text-subcolor); border-radius: 50px; border: 1px solid #E5E5E5; padding: 4px 10px; font-size: 14px;}
          .card-side-homess p{line-height: 40px;}
          .ads{text-align: center; background-color: white; margin: 20px 0px;}
          .card-side-homess a {color: white; background-color: var(--highlight_color); font-size: 16px; border: 1px solid var(--highlight_color);padding: 6px 20px; margin-top: 20px; border-radius: 50px; font-weight: 600;}
          .card-side-homess a:hover {color: var(--highlight_color); background-color: white; font-size: 16px; border: 1px solid var(--highlight_color);}
          .spotlight-img{border-right: 1px solid #ebebeb;}

          .section-community .card-spotlight img{ width: 100% !important; border-top-left-radius: 0!important;border-top-right-radius: 0!important; border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
          .section-community .card-spotlight p{font-size: var(--font_size_other); color: var(--secondary_color); margin: 10px 0px;}
          .card-side-homess .spotlight {color: var(--secondary_color);}
          .card-side-homess h3 {font-size: 24px; font-weight: 600;}
          .card-side-homess .sub-txt{font-size: 15px;}

          .breadcrumb {margin-bottom: 0px}
          .pagination_btm{width: fit-content;margin: auto; }
          .pagination_btm ul{ margin-bottom: 0; background-color: white; box-shadow: #0e1e2512 0px 2px 4px 0px; border-radius: 50px;}
          .pagination_btm ul li a{ border: 0; color: #505967; background-color: transparent; width:40px; height: 40px; display: flex; align-items: center;justify-content: center;}
          .pagination_btm ul li:nth-child(1) a{border-top-left-radius: 50px!important; border-bottom-left-radius: 50px!important;}
          .pagination_btm ul li:last-child a{border-top-right-radius: 50px!important; border-bottom-right-radius: 50px!important;}
          .pagination_btm ul li a:hover{color: var(--secondary_color); background-color: transparent;}
          .page-item.active .page-link {z-index: 0;color: #fff;background-color: var(--secondary_color);border-radius: 50px; border-color: #0d6efd;}




/*Here community detail page styles */
/*Here community detail page styles */
/*Here community detail page styles */
/*Here community detail page styles */
/*Here community detail page styles */
/*Here community detail page styles */

.card-bottom-txt{display: flex; justify-content: space-between; align-items: center;}
.card-bottom-txt p.card-text a{color: var(--secondary_color); text-decoration: none;}
.ads-block:not(:first-child){margin-top: 30px;}
.share-block {display: flex; justify-content: space-evenly;width: 30%; align-items: center;}
.share-block a{padding:2px 10px ; border-radius: 50px; font-size: 18px; background-color: transparent; color: var(--secondary_color); border: 1px  solid var(--secondary_color);}
.share-block a:hover{ background-color: var(--secondary_color); color: white; border: 1px  solid var(--secondary_color);}
.share-block a.share-btn, .share-block a.bookmark-btn{width: 40px; height: 40px; color: var(--text-subcolor); display: flex; align-items: center; justify-content: center; border: 1px solid var(--text-subcolor);}
.share-block a.share-btn:hover, .share-block a.bookmark-btn:hover{ color: white;  border: 1px solid var(--text-subcolor); background-color: var(--text-subcolor);}
.community-img{margin-top: 20px; position: relative;}
.community-img img{border-radius: 16px;}
.img-overlay{width: 100%;border-radius: 16px; position: absolute;display: flex;height: 100%;z-index: 1;background-color: #00000040;align-items: center;justify-content: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.img-overlay h5{color: white;}
.tag-blocks{display: flex; margin-top: 50px;justify-content: space-between;}
.tag-blocks .card-tags-main .main-tags{display: flex; flex-wrap: wrap;}
.tag-blocks .card-tags-main h5{color: var(--secondary_color); font-size: 18px; margin-bottom: 10px;}
.form-community{margin-top: 30px;text-align: end;}
.form-community input{border-radius: 50px;}
.form-community textarea::placeholder,.form-community input::placeholder{color: #bdbdbd!important;}
.form-community input:focus{box-shadow: none; border: 1px solid var(--secondary_color);}
.form-community textarea{border-radius: 20px;resize: none;}
.form-community textarea:focus{box-shadow: none; border: 1px solid var(--secondary_color);}
.form-community button{background-color: var(--secondary_color); border: 2px solid var(--secondary_color); border-radius: 50px;}

.buttonBottomTop {
    position: fixed;
    width: 42px;
    left: auto;
    bottom: 40px;
    height: 42px;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    right: 40px;
    background: #002f6c;
    align-items: center;
    border: none;
    border-radius: 4px;
    padding: 9px!important
}

button.buttonBottomTop svg {
    font-size: 24px;
    line-height: 42px
}


section.section-explore .container .row .col-12 .card a img {
  height: 337px !important;
}

.section-explore .card{
  height: 100% !important;
}
.form-floating {width: 30%;}
.section-community .oio-banner-zone {
  max-width: 100%!important;
  margin: 0 auto !important;
}

/* .section-community li::marker {
  content: ""!important;
} */
.activities_list {
  display: flex  !important;
  justify-content: space-between!important;
}

.contact-block a {
  display: block;
  color: #34b0e3;
  text-decoration: none;
}

.contact-block h6 {
  font-weight: 600;
}

.card-body-txt p {
  color:#333333;
  line-height:1.7;
  font-size:15px 
}



.border-box input {
  /*border-radius: 50px;*/
  background:transparent;
  border: 1px
  solid #ced4da;
  padding: 6px 20px;
}

.border-box button, .border-box button:focus {
  background-color: var(--secondary_color);
  font-size: 18px;
  box-shadow: none;
  border-radius: 50px;
  color: white;
  padding: 6px 14px;
}

.border-box button:hover {
  background-color: transparent;
  color: var(--secondary_color);
  border: 1px solid var(--secondary_color);
}

.border-box input:focus {
  box-shadow: none;
}
.border-box input::placeholder {
  color: #b3b3b3;
}
.justify-s-b {
  justify-content: space-between;
}
.main-block {
  display: flex;
}
.border-box {
  border: 1px
  solid #e5e5e5;
  border-radius: 20px;
  padding: 40px;
  background-color: white;
}

.border-box .card-title, .border-box p {
  text-align: start !important;
}
.rightMid {
 
  width: 60% !important;
  
}
.Subscribe {
  background: #ffffff !important;
  border: none !important;
  border: 0 !important;
  box-shadow: #0e1e2512 0px 2px 4px 0px !important;
}

.state-detail .card img
{
  width: 100%!important;
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}
.viewPhotos img {
  border-radius: 5px 5px 0 0;

  display: inline-block;
  width: 100% !important;
  height: 423px !important;

}

.community_overview {
  height: 450px!important;

  width: 100%!important;
}

a.manageCommunityBannerClick img {
  width: 100% !important;
}
.card-body h5 a {
  color: black;
}
a.more.fcClicks {
  color: #767676;
}
.tab-content > .tab-pane {
  display: block;
  height:0;
  overflow:hidden;
}

.tab-content > .active {
  display: block;
  height:auto;
}
.requestForm input{
  border: 1px solid #ccc;
  color: #232323;
  font-size: 17px;
  padding: 20px 25px!important;
  line-height: 1.5!important;
  border-radius: 50px!important;
  background: transparent;
  margin-top: 20px !important;
  width:100% !important;
  
}
.requestForm textarea {
  border: 1px  solid #ccc;
  color: #232323;
  font-size: 17px;
  padding: 20px 25px!important;
  line-height: 1.5!important;
  border-radius: 20px!important;
  background: transparent;
  margin-top: 20px !important;
  width:100% !important;
  
}

input#fsSubmitButton1982146 {
  padding: 10px 0px!important;
  background-color: #34b0e3 !important;
  border-color: #34b0e3 !important;
}

div#fsSubmit1982146 {
  text-align: center!important;
  display: flex;
  justify-content: end;
}
input#fsSubmitButton1982146 {
  background-color: #34b0e3 !important;
  border-color: #34b0e3 !important;
  width: fit-content!important;
  padding: 10px  30px!important;
  text-align: end!important;
  margin: 20px 0px!IMPORTANT;
  TEXT-ALIGN: right!important;

}

.btn-outline-success {
  color: white;
  background-color: var(--highlight_color) !important;
  font-size: 16px !important;
  border: 1px solid var(--highlight_color) !important;
  padding: 6px 20px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
}
section.content {
  padding-top: 0px !important;
  margin-top: 70px !important;
}
.leftMid{
  width:100% !important;
}
.fsSubField input, .fsRow .fsCell input, .fsRow .fsCell textarea {
  width: 100%!important;
}
.requestForm .fsSubmitButton {
  background: var(--highlight_color);
  border: 1px solid var(--highlight_color);
  border-radius: 50px !important;
  color: #fff;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 5px;
  font-size: 16px !important;
}

.requestForm select {
  border: 1px solid #ccc;
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  padding: 5px;
  width: 90% !important;
  margin: 3px;
}
.inpholder label{margin: 14px 0px 14px 14px;}
.text-red{color:red}
.requestForm select{
  border: 1px solid #ccc;
  color: #232323;
  font-size: 17px;
  padding: 20px 25px!important;
  line-height: 1.5!important;
  border-radius: 50px!important;
  background: transparent;
  margin-top: 20px !important;
  width: 90% !important;
  float:left;
}
.fb i{
  font-size: 32px;
  color: #0c58b5;
}
.insta i{
  font-size: 32px;
  color: #d33855;
}
.share_linkss{
  z-index:99;
}
.tweetr i{
  font-size: 32px;
  color: #2d8bff;
}
.pinterest i{
  font-size: 32px;
  color: #ab0000;
}
a.social {
  border: 0px;
}
a.social:hover {
  background-color:transparent;
  border:0px;
}
div#contct_form {
  background-color: #fff !important;
}
.inpholder label {
  margin: 0px 0px 14px 14px !important;
}

.requestForm input, .requestForm textarea {
  border: 1px solid #ccc;
  color: #232323;
  font-size: 12px!important;
  font-weight: 500;
  padding: 5px;
  width: 90% !important;
  margin: 3px;
}
.share_linkss {
  position: absolute;
  top: 50px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  right: 50px;
  border: 1px solid rgb(132, 209, 253);
  padding: 3px 0px;
  border-radius: 19px;
}
b, strong {
  font-weight: bolder;
  color:#000000 !important;
}
.outer_div .subscriberClass {
  width: 95%;
  height: 35px !important;
  padding: 0 10px !important;
  margin: 10px 0 !important;
  font-size: 15px !important;
  background-color: transparent;
  border-radius: 30px !important;
}	
.activities_list ul {
  column-count: 2;
  column-gap: 400px;
}
.activities_list ul li{
  line-height: 40px;
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free";
  font-size: 18px !important;
}
.popular-cities ul{
  column-count: 5;
}
.outer_div span strong {
  background: var(--highlight_color);
  border-radius: 22px !important;
  color: #fff;
  text-align: -webkit-center;
  float: left;
  font-size: 18px !important;
  font-weight: bold;
  line-height: 24px !important;
  padding: 10px 0;
  / text-shadow: 0 0 2px #444; /
  width: 100%;
  margin-bottom: 25px !important;
}
.outer_div #submit {
  background-color: #32368f !important;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px !important;
  font-weight: bold;
  height: 40px;
  margin: 20px 0;
  text-shadow: 0 0 1px #000000;
  text-transform: uppercase;
  width: 162px;
}
.modal-content{
  width:35% !important;
}
.slideForm_login {
  left:30% !important;
  width:500px !important;
}
a#phnNo {
  color: #d95000 !important;
}

.btn-block {
  
  width: fit-content!important;
  margin: 0
}
.collapse{
  height: fit-content!important;
  align-items: center
}

.header .btn-block button{
  color: white;
  background-color: var(--highlight_color);
  font-size: 16px;
  border: 1px solid var(--highlight_color);
  padding: 6px 20px;
  border-radius: 50px;
  font-weight: 600;
}



.header .btn-block button:hover {
  color: var(--highlight_color);
  background-color: transparent;
  border: 1px solid var(--highlight_color);
  padding: 6px 20px;
  border-radius: 50px;
  font-weight: 600;
}
.blog-overview .card-body {
    padding: 20px;
}
.blog-title a{
  text-decoration: none;
  font-weight: 600;
  color: #222;
}
h2.title.blog-title {
   font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    text-align: justify;
}

.blog-details h3 {
   font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    color: #222;
    line-height: 25px;
}

.blog-overview .entry.clearfix a{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
    font-size: 15px;
    color: #717171;
    line-height: 24px;
	text-decoration: none;
	text-align: justify;
}
.blog-img a img{
  width:100%;
}
.blog-img{
  width:100%;
/*        height:40%*/
}
.card-body-txt img{
  width:100%;
  max-height:340px;
  object-fit:fill;
  margin-bottom:15px;
}
.blog-detail img{
  width:100%;
}
.blog-img img{width:100%;height:300px; object-fit: cover;}
.blog-detail-img img{ width:70%; height:280px; object-fit: cover;}
.featured-img img{height:240px;width:100%; object-fit: cover;}

.tnp-subscription form div label
{
  display: none;
}

.tnp-subscription form div input:not(.tnp-submit)
{
  width: 99%;
}

.wp-block-tnp-minimal
{
  padding: 0px!important;
}

.tnp-subscription form div input.tnp-submit
{
  color: white ;
  background-color: #34b0e3;
  font-size: 18px;
  padding: 6px 14px;
}

.tnp-subscription form:not(.tnp-field-button)
{
  position: relative;
  display: flex;
  flex-direction:row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.tnp-subscription form div.tnp-field-email, .tnp-subscription form div.tnp-field-profile
{
  width: 50%;
}


.tnp-subscription form div input
{
  position: relative;
}

.tnp-field-profile input:focus, .tnp-field-email input:focus
{
  z-index: 10;
  outline: none;
  border-color: #86b7fe;
}

.tnp-subscription form div input.tnp-submit:hover {
  background-color: transparent;
  color: var(--secondary_color);
  border: 1px solid var(--secondary_color);
  
}

.tnp-field-button
{
  margin-top: 20px;
}

#blog-pagination li a{text-decoration: none;}
.hr-top-blog{
  color: #f4f7fb;
  height: 2px;
  width: 75%
}
.blog-share-links ul li{
  border: 1px solid #283891;
  border-radius: 60%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  background-color: #283891;
  margin-bottom: 10px;
}
.blog-share-links ul li a {
  color:white;
}
.blog-details ol,ul {
  padding-left: 1rem;
  color:#333333;
  font-size:16px;
}

.blog-share-links ul{
  padding-left: 0px;
}
.blog-details{
  margin-left:12px;
  text-align:justify;
  box-sizing: border-box;
  width: 100%;
}
.entry p, .card-txt p
{
  font-size:16px;
  font-weight: 600;
  color:#3b4661 ;
}

.readmore a, .entry p a, .card-body-txt a, .card-txt p a
{
  color: #222;
  font-weight: 600;
  text-decoration: none;
}
.readmore a{
	text-decoration: none;
}
.blog-img img
{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.featured-img a img 
{
 border-top-left-radius: 16px;
 border-top-right-radius: 16px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}
.blog-thumb{
  color: #222;
  text-decoration: none;
}

.iframe1 #document html body {
	font-family: 'Source Code Pro', monospace;
	font-size : 200px;
}

form.form_15iP5 {
  width: 100%!important;
}
.heading-blue {
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    background-color: #283891;
    color: #fff;
    font-weight: normal;
    margin-bottom: 1rem;
    border-radius: 15px;
    font-weight: 600;
}
img.card-icon {
  width: 120px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding-bottom: 15px;
}
.about-text p a{
  color:orange;
  font-weight:500;
}
.about-text p{
  font-size: 18px;
  line-height: 28px;
}
span.cont:hover {
  text-decoration: underline;
}
p.cont-txt {
  font-size: 16px;
  line-height: normal;
}
.icon {
  width: 50px;
  height: 50px;
  background-color: orange;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 39px
}
.ms-3.c-details a {
  color: #222222 !important;
  text-decoration:none;
	
}
/*.fa, .far, .fas {
  color: white;
}*/
span.cont {
  word-break: break-all;
}
.icon .fas {
    color: white;
}

span.cont {
/*     width: 220px!important; */
    display: block;
}
.Similar_Articles .post_content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
    font-size: 15px;
    color: #717171;
    line-height: 24px;
    text-decoration: none;
	text-align:justify;
}
.Similar_Articles .post_title{
	font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    color: #222;
    line-height: 25px;
}
.Similar_Articles .post_title a{
	text-decoration: none;
}
.single_post_bg{
    background-color: #fff;
    box-shadow: #0e1e2512 0px 2px 4px 0px;
    position: relative;
    border-radius: 16px;
    padding: 2rem;
}
.single_blog_content h2{
    font-size: 20px;
    cursor: pointer;
    font-weight:600;
    color: #222;
    line-height:24px;
    margin-bottom:8px;
}
@media (min-width: 320px) and (max-width: 575px){
.section-city .col-xsm-6 {
    flex: 0 0 auto;
    width: 50%;
}
}

.card-body-txt .feature_extract {
    text-align: justify;
    font-size: 15px;
    color: #717171;
    line-height: 24px;
    text-decoration: none;
}
@media (max-width: 991px){
	.sidebar_margin{
		margin-top: 20px;
	}
}
@media (max-width: 756px){
.card-body-txt img{
		height:70%; 
	}
}

@media (max-width: 1200px){
	h2.title.blog-title {
    height: unset;
}
	.about-text p {
    font-size: 15px;
    line-height: 24px;
}
	.ms-3.c-details a {
    font-size: 12px;
}
}