.alert-success, .alert-danger
   {
    margin-top: 12px;
   }
   .login_bg
   {
      background-color: #203A48;
   }
   .main_body
   {
      background-color: #2D4E60;
   }
   .txt_white
   {
      color: white;
   }
   .btn_green
   {
      background-color: #2CDA9D !important;
      color: #2D4E60;
   }
   .sign-in-detail
   {
      background-color: #2CDA9D !important;
   }
   .form-control
   {
      border:solid 2px white !important;
      background-color: #6B818D !important;
      color:white !important;
   }
   .main_logo
   {
      height:80px !important;
   }

   .pricing-switcher {
   text-align: center;
   }

   .pricing-switcher {
      text-align: center;
   }

   .pricing-switcher .fieldset {
      display: inline-block;
      position: relative;
      padding: 2px;
      border-radius: 50em;
      border: 2px solid #fff;
   }

   .pricing-switcher input[type="radio"] {
      position: absolute;
      opacity: 0;
   }

   .pricing-switcher label {
      position: relative;
      z-index: 1;
      display: inline-block;
      float: left;
      width: 130px;
      height: 40px;
      line-height: 40px;
      cursor: pointer;
      font-size: 1.4rem;
      color: #2CDA9D;
      margin-bottom: 0px !important;
   }

   .pricing-switcher .switch {
      position: absolute;
      top: 2px;
      left: 2px;
      height: 40px;
      width: 130px;
      background-color: #2D4E60;
      border-radius: 50em;
      -webkit-transition: -webkit-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      transition: transform 0.5s;
      color: #fff !important;
   }

   .pricing-switcher input[type="radio"]:checked + label + .switch,
   .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
      -webkit-transform: translateX(130px);
      -moz-transform: translateX(130px);
      -ms-transform: translateX(130px);
      -o-transform: translateX(130px);
      transform: translateX(130px);
      color: #fff !important;
   }

   .no-js .pricing-switcher {
      display: none;
   }


    .pagination
   {
      float:right;
   }
   .top-tab-horizontal,.top-menu, .wrapper, .iq-footer
   {
      background-color: #2D4E60 !important;
   }
   .tab-menu-horizontal, .iq-footer
   {
      background-color: #2CDA9D !important;
      color:#203A48 !important;
   }
   .iq-menu li a:hover
   {
      background-color: #2D4E60 !important;
      color:#2CDA9D !important;
   }
   .btn_green
   {
      background-color: #2CDA9D !important;
      color: #2D4E60;
      padding: 5px 20px;
   }
   .btn_green1
   {
      background-color: #2CDA9D !important;
      color: #2D4E60;
      padding: 5px 20px;
      float:right;
      margin-left:8px;
   }
   .form-control
   {
      border:solid 2px white !important;
      background-color: #6B818D !important;
      color:white !important;
   }
   .form-control::placeholder {
    color: #eff4f9;
    opacity: 1;
   }
   .login_bg
   {
      background-color: #203A48;
   }
   .txt_white
   {
      color: white;
   }
   .sub_box
   {
       background-color: #203A48 !important;
       color: white !important;
   }
   .info_label
   {
      width:100%;
   }
   .info
   {
      color:white;
      float: right;
   }
   .tablebody
   {
      background-color: #2D4E60;
   }
   #datatable
   {
      color:white;
      margin-bottom:0px;
      margin-top: 20px;
   }
   .search_box
   {
      padding-right: 0px;
   }
   .search_btn
   {
      /* padding-left: 0px; */
      margin-top: 30px;
   }
   .pagination li
   {
      padding: 5px;
      border:solid;
   }
   .pagination_arrow
   {
      color:white;
      font-size:35px;
   }

   .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background-color: #2CDA9D !important;
    color: #2D4E60;
    padding: 10px 20px;
  }
  .pagination li
  {
    border:none;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: #203A48;
    background-color: #2CDA9D;
    border-color: #2CDA9D;
  }
  .page-item .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2D4E60;
    border-color: #2D4E60;
  }
  .page-item.disabled .page-link{
      z-index: 3;
    color: #fff;
    background-color: #2D4E60;
    border-color: #2D4E60;
  }

   .image_body
   {
      margin-bottom:15px;
   }
   .demo-gallery > ul {
     margin-bottom: 0;
   }
   .demo-gallery > ul > li {
       float: left;
       margin-bottom: 15px;
       margin-top: 15px;
       width: 100%;
   }
   .demo-gallery > ul > li a {
     border: 3px solid #FFF;
     border-radius: 3px;
     display: block;
     overflow: hidden;
     position: relative;
     float: left;
   }
   .demo-gallery > ul > li a > img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
   }
   .demo-gallery > ul > li a:hover > img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
     opacity: 1;
   }
   .demo-gallery > ul > li a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
   }
   .demo-gallery > ul > li a .demo-gallery-poster > img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
   }
   .demo-gallery > ul > li a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
   }
   .demo-gallery .justified-gallery > a > img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
   }
   .demo-gallery .justified-gallery > a:hover > img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
     opacity: 1;
   }
   .demo-gallery .justified-gallery > a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
   }
   .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
   }
   .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
   }
   .demo-gallery .video .demo-gallery-poster img {
     height: 48px;
     margin-left: -24px;
     margin-top: -24px;
     opacity: 0.8;
     width: 48px;
   }
   .demo-gallery.dark > ul > li a {
     border: 3px solid #04070a;
   }
   .home .demo-gallery {
     padding-bottom: 80px;
   }
   .page
   {
    cursor:pointer;
    color: #2CDA9D !important;
    position: absolute;
   }
   .page1
   {
    cursor:pointer;
    color: #2CDA9D !important;
   }
   .onlybox
   {
    padding: 0px 20px !important;
   }
   .onlyboxtxt
   {
    font-size: 18px;
    font-weight: bold;
   }
   .half_box
   {
    width: 50% !important;
    float: left;
    padding: 0px;
   }
  
  .view_image
  {
    object-fit:cover;
  }
  .box_image
  {
    height: 150px;
  }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #2cd69b !important;
    background-color: #2cda9d !important;
}
@media(max-width:767px) {
   .search_btn { 
      margin-top: -15px;
      /* margin-left: 0px !important; */
   }
   .table{
      display: revert;
   }  
}
@media(max-width:979px) {
   .tab-padding-left{
      padding-left: 20px;    
   }
   .tab-padding-right{    
      padding-right: 20px;
   }
}

.div-padding{
   padding-top: 0px;
}

.img-set-lg{
   max-width: 80%;
   margin-right: auto;
   margin-left: auto;
}
.txt-dark-gray{
   color: #203A48 !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
   background: #203A48;
   box-shadow: 0 0 0 6px rgb(32 58 72 / 20%);

}
.owl-carousel .owl-dots .owl-dot span {
   background: #203A48;
}

.owl-carousel .owl-dots .owl-dot:hover span {
   background: #203A48;
}

.signin-button {
   /* width: 210px; */
   height: 45px;
   margin-left: 125px;
   margin-top: -35px;
}
.social_btn_top{
   margin-top: 20px;
}

.social__buttons .social-btn {
   padding: 10px 11px;
   /* width: 45px; */
   font-size: 17px;
   text-align: center;
   text-decoration: none;
   margin: 15px 2px;
   color: #000000 !important;
   border-radius: 23px;
   position: relative;
   background: #fff;
}
.img-height{
   height: 22px;
}
/*@media screen and (max-width: 2560px) {
   .social_btn_center{
       margin-left: 135px; margin-right: 135px;
   }
}
@media screen and (max-width: 1024px) {
   .social_btn_center{
       margin-left: 119px; margin-right: 119px;
   }
}
@media screen and (max-width: 768px) {
   .social_btn_center{
       margin-left: 69px; margin-right: 69px;
   }
}
@media screen and (max-width: 425px) {
   .social_btn_center{
       margin-left: 102px; margin-right: 102px;
   }
}

@media screen and (max-width: 375px) {
   .social_btn_center{
       margin-left: 78px; margin-right: 78px;
   }
}

@media screen and (max-width: 320px) {
   .social_btn_center{
       margin-left: 51px; margin-right: 51px;
   }
}*/

@media only screen and (min-width:320px) and (max-width:768px)
{
    .hidden-div{
        display: none;
    }
    .logo-hide{
        display: none;
    }
}
@media only screen and (min-width:576px) and (max-width:768px)
{
    .hidden-div{
        display: none;
    }
    .left-div{
        margin-left:15%;
    }
    .logo-hide{
        display: none;
    }
}
@media only screen and (min-width:768px) and (max-width:768px)
{
    .hidden-div{
        display: none;
    }
    .left-div{
        margin-left:25%;
    }
    .logo-hide{
        display: none;
    }
    .logo-hide-sm{
      display: block !important;
   } 
}
@media only screen and (min-width:768px) and (max-width:2560px)
{  
    .logo-hide-sm{
       display: none;
    }    
}
@media only screen and (min-width:768px) and (max-width:990px)
{  
   .sign-in-logo img {
        height: 40px;
        margin-top: 20px;
    }   
}