/*
Theme Name: CodeDokan V2.4
Theme URI: https://codedokan.com/
Author: CodeDokan.Com
Author URI: https://www.facebook.com/codedokan
Description: codedokan-Theme brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.4
License: GNU General Public License v2 or later
License URI:  https://codedokan.com/
Text Domain: codedokan.Com
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use


/* Base CSS */
@import url(https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap); 
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face {
    font-family: 'SolaimanLipiNormal';
    src: url(../../../../../../../themes/CodeDokan-V2.4/fonts/solaiman-lipi.eot);
    src: url(../../../../../../../themes/CodeDokan-V2.4/fonts/solaiman-lipi.eot) format('embedded-opentype'),
         url(../../../../../../../themes/CodeDokan-V2.4/fonts/solaiman-lipi.woff) format('woff'),
         url(../../../../../../../themes/CodeDokan-V2.4/fonts/solaiman-lipi.ttf) format('truetype'),
         url('../../../../../../../themes/CodeDokan-V2.4/fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family: SolaimanLipiNormal;
	src        : url(../../../../../../../themes/CodeDokan-V2.4/assets/fonts/solaiman-lipi.eot);
	src        : url(../../../../../../../themes/CodeDokan-V2.4/assets/fonts/solaiman-lipi.eot) format('embedded-opentype'), url(../../../../../../../themes/CodeDokan-V2.4/assets/fonts/solaiman-lipi.woff) format('woff'), url(../../../../../../../themes/CodeDokan-V2.4/assets/fonts/solaiman-lipi.ttf) format('truetype'), url(../../../../../../../themes/CodeDokan-V2.4/assets/fonts/solaiman-lipi.svg#SolaimanLipiNormal) format('svg');
	font-weight: 400;
	font-style : normal
  }
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: normal;
  
  font-family: 'Hind Siliguri', sans-serif;
font-weight: 500;
}
body {
/* font-family: 'PT Sans','SolaimanLipiNormal',sans-serif!important;  */
font-family:'Google Sans','SolaimanLipiNormal','Hind Siliguri', sans-serif;
position: unset !important;
}


a:hover { text-decoration: none }
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}
/* global css strat */
@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}
.mt-80 {
    margin-top: 80px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-none-30 {
    margin-bottom: -30px;
}

.mb-none-40 {
    margin-bottom: -40px;
}

.mb-none-50 {
    margin-bottom: -50px;
}

.mt-minus-100 {
    margin-top: -100px;
}

.mb-none-115 {
    margin-bottom: -115px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pt-120 {
    padding-top: 120px;
}

@media (max-width: 991px) {
    .pt-120 {
        padding-top: 90px;
    }
}

@media (max-width: 575px) {
    .pt-120 {
        padding-top: 60px;
    }
}

.pb-120 {
    padding-bottom: 120px;
}

@media (max-width: 991px) {
    .pb-120 {
        padding-bottom: 90px;
    }
}

@media (max-width: 575px) {
    .pb-120 {
        padding-bottom: 60px;
    }
}

.pt-150 {
    padding-top: 150px;
}

@media (max-width: 1199px) {
    .pt-150 {
        padding-top: 120px;
    }
}

@media (max-width: 991px) {
    .pt-150 {
        padding-top: 90px;
    }
}

@media (max-width: 575px) {
    .pt-150 {
        padding-top: 80px;
    }
}

.pb-150 {
    padding-bottom: 150px;
}

@media (max-width: 1199px) {
    .pb-150 {
        padding-bottom: 120px;
    }
}

@media (max-width: 991px) {
    .pb-150 {
        padding-bottom: 90px;
    }
}

@media (max-width: 575px) {
    .pb-150 {
        padding-bottom: 80px;
    }
}

.mt-100 {
    margin-top: 100px;
}

.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.base--bg {
    background-color: #0073EC !important;
}
.base--bg-two {
    background-color: #062c4e !important;
}
.g-bg--1 {
    background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    background: linear-gradient(to right, #4A00E0, #8E2DE2);
}
.g-bg--2 {
    background: #396afc;
    background: -webkit-linear-gradient(to right, #2948ff, #396afc);
    background: linear-gradient(to right, #2948ff, #396afc);
}
.g-bg--3 {
    background: #4e54c8;
    background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);
    background: linear-gradient(to right, #8f94fb, #4e54c8);
}
.g-bg--4 {
    background: #06beb6;
    background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);
    background: linear-gradient(to right, #48b1bf, #06beb6);
}
.g-bg--5 {
    background: #2193b0;
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
    background: linear-gradient(to right, #6dd5ed, #2193b0);
}
.g-bg--6 {
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
}
.g-bg--7 {
    background: #0575E6;
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);
    background: linear-gradient(to right, #021B79, #0575E6);
}
.g-bg--8 {
    background: #00d2ff;
    background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
    background: linear-gradient(to right, #3a7bd5, #00d2ff);
}
.bg--1 {
    background: #8E2DE2;
}
.bg--2 {
    background: #396afc;
}
.bg--3 {
    background: #4e54c8;
}
.bg--4 {
    background: #06beb6;
}
.bg--5 {
    background: #2193b0;
}
.bg--6 {
    background: #56CCF2;
}
.bg--7 {
    background: #0575E6;
}
.bg--8 {
    background: #00d2ff;
}
.border-radius--5 {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.z-index-2 {
    z-index: 2;
}

.overlay-one {
    position: relative;
    z-index: 9;
}
.overlay-one::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #062c4e;
    opacity: 0.85;
    z-index: -1;
}

.f-size-18 {
    font-size: 18px !important;
}
.base--color {
	color: #18E434 !important;
}
.p--color {
    color: #6f6f6f !important;
}

.h--color {
    color: #363636 !important;
}
.cmn-btn {
	padding: 10px 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background: #45B554;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #ffffff;
	font-family: "Exo", sans-serif;
	font-weight: 600;
	border: 1px solid #fff;
}
.cmn-btn:hover {
	color: #ffffff;
	background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, rgba(18, 138, 203, 1)), color-stop(1, rgba(50, 57, 145, 1)));
}
.bg-dark {
	background-color: #062c4e !important;
}
.zoomIn1{
    -webkit-animation: .7s .3s zoomIn both;
	animation: .7s .3s zoomIn both;
}
.zoomIn2{
    -webkit-animation: .7s 1.5s zoomIn both;
	animation: .7s .5s zoomIn both;
}
.zoomIn3{
    -webkit-animation: .7s 7s zoomIn both;
	animation: .7s .7s zoomIn both;
}
.zoomIn4{
    -webkit-animation: .7s .9s zoomIn both;
	animation: .7s .9s zoomIn both;
}
@media (max-width: 991px) {
    .zoomIn3{
        -webkit-animation: .7s .3s zoomIn both;
        animation: .7s .3s zoomIn both; 
    }
    .zoomIn4{
        -webkit-animation: .7s .5s zoomIn both;
        animation: .7s .5s zoomIn both; 
    }
}
@media (max-width: 575px) {
    .zoomIn1,.zoomIn2,.zoomIn3,.zoomIn4{
        -webkit-animation: .7s .3s zoomIn both;
        animation: .7s .3s zoomIn both; 
    }
}
.top_header_section {
  background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  padding   : 5px 0
}

.top_hdr_text {
  color    : #fff;
  font-size: 16px
}

.social_contact {
  margin    : 0;
  padding   : 0;
  list-style: none;
  float     : right
}

.social_contact li {
  display  : inline-block;
  color    : #fff;
  font-size: 16px;
  margin   : 0 10px
}

.social_contact li a {
  color    : #fff;
  font-size: 16px
}

.social_contact li a:hover {
  color    : #000;
  font-size: 16px
}

.header_section {
  background: #eee;
  padding   : 10px 0
}

.header_section .col-md-8 {
  padding-left: 50px;
  padding-top: 14px;
}

.header_icon_text {
  padding-top: 10px;
  overflow   : hidden;
  float      : left
}

.header_icon i {
  font-size    : 35px;
  /*font-weight  : 400;*/
  color        : #fff;
  background   : -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background   : -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  padding      : 8px 15px;
  border-radius: 8%
}

.header_text ul {
  padding    : 0;
  margin-top : -48px;
  margin-left: 70px
}

.header_text ul li {
  list-style: none;
  color     : #333;
  font-size : 19px
}

.support_button {
  background   : -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background   : -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background   : -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  padding      : 10px;
  border-radius: 5px;
  text-align   : center;
  margin-top   : 10px
}

.support_button a {
  display        : block;
  color          : #fff;
  text-decoration: none;
  font-size      : 18px;
  line-height    : 22px
}

.support_button:hover {
  background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  color     : #fafafa;
  transition: .5s
}

.menu_section {
  background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  color     : #fafafa;
  z-index   : 999999;
}

.menu_bottom {
  color: #fafafa
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul .dropdown-menu {
  background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  color     : #fafafa
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul .dropdown-menu {
  background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
  background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
  color     : #fafafa;
  z-index   : 999999;
}

.menu_area .menu_bottom .mainmenu a,
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  background   : #fff;
  color        : #036aca;
  padding      : 7px 15px;
  margin       : 20px 5px;
  font-size    : 16px;
  border-radius: 50px
}

.search-icon-holder {
  padding    : 7px 15px;
  margin     : -5px 5px;
  /*border-left: 1px solid #fff*/
  float      : right
}

.search-icon i {
  color                : #fff;
  font-size            : 16px;
  -webkit-border-radius: 50px;
  -moz-border-radius   : 50px;
  border-radius        : 50px;
  padding              : 5px;
  -webkit-transition   : all .8s;
  -moz-transition      : all .8s;
  -o-transition        : all .8s;
  -ms-transition       : all .8s;
  transition           : all .8s
}

.search-icon-holder .close i {
  font-size: 25px;
  color    : #ff7200
}

.search-icon-holder .modal-header {
  padding            : 10px 15px;
  border-bottom-color: #f1f6f8
}

.custom-search-input {
  padding         : 3px;
  border-radius   : 6px;
  background-color: #fff
}

.form-control {
  display           : inline-block !important;
  width             : 91% !important;
  height            : 34px;
  padding           : 6px 12px;
  font-size         : 14px;
  line-height       : 1.42857143;
  color             : #952525;
  background-color  : #fff;
  background-image  : none;
  border            : 1px solid #ccc;
  border-radius     : 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow        : inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition     : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition        : border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.custom-search-input input {
  border    : 0;
  box-shadow: none
}

.custom-search-input button {
  margin     : 2px 0 0 0;
  background : 0 0;
  box-shadow : none;
  border     : 0;
  color      : #666;
  padding    : 0 8px 0 10px;
  border-left: solid 1px #ccc
}

.custom-search-input button:hover {
  border     : 0;
  box-shadow : none;
  border-left: solid 1px #ccc
}

.custom-search-input i {
  font-size: 23px
}

.search-small-divice {
  display: none
}





                    /*======================================
                                header css-start
                    ======================================*/
#nav ul li a {
    float: left;
    color: #555;
    padding: 1px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 45px;
}

/* .nav li i {
float: left;
max-width: 20px;
font-size: 18px;
padding: 10px 30px 10px 12px;
border-radius: 100%;
color: #fff;
margin: 5px 7px 0 0;
margin-top: 5px;
background: #24aadd;
margin-top: 0px;
padding: 5px 25px 5px 7px;
margin-left: -8px;
margin-top: -5px;
} */

.nav li i {
float: left;
max-width: 20px;
font-size: 16px;
border-radius: 100%;
color: #fff;
margin: 5px 7px 0 0;
    margin-top: 5px;
    margin-left: 0px;
background: #24aadd;
  background: rgb(54, 119, 249);
  background: #518af9;
padding: 4px 20px 4px 5px;
margin-left: -8px;
margin-top: -2px;
}


.nav li:nth-child(2) i {
    background: #48bf83;
}

.nav li:nth-child(3) i {
    background: #ef564f;
}

.nav li:nth-child(4) i {
    background: #00897b;
}

.nav li:nth-child(5) i {
    background: #fbc02d;
}
.nav li:nth-child(6) i {
    background: #7e57c2;
}

.top-header {
	padding: 8px 10px;
}


.header-address ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-address ul li {
	display: inline-block;
	margin: 0 5px;
	font-size: 17px;
	position: relative;
	color: #fff;
	z-index: 1;
}



.header-address ul li a {
	color: #fff;
	text-decoration: none;
}

.header-address ul li:hover a {
	color: #217e23;
	text-decoration: none;
    cursor: pointer;
}


.header-address ul li::before {
	position: absolute;
	left: -10px;
	top: -13px;
	content: "";
	background: #fff;
	width: 110%;
	height: 240%;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
	color: #217e23;
	z-index: -1;
    
}

.header-address ul li::after {
	position: absolute;
	left: -10px;
	top: -13px;
	content: "";
	width: 110%;
	height: 194%;
	
}

.header-address ul li:hover:before{
    opacity: 1;
    visibility: visible;
    background: #fff;
}

.header-address ul li:hover{
    color: #D91D1D;
    transition: .8s;
}


.header-address ul li:hover i{
    color:#217e23;
    transition: .8s;
}


.header-address ul li a {
	font-size: 17px;
	position: relative;
	color: #fff;
	z-index: 1;
}

.header-address ul li a::before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
	color: #217e23;
	z-index: -1;
    
}

.header-address ul li a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	
}

.header-address ul li a:hover:before{
    opacity: 1;
    visibility: visible;
    background: #fff;
}



.header-address ul li i{
    color:#fff;
    margin-right: 10px;
}


.social_icons {
	text-align: right;
	margin-top: -3px;
}

.social_icons ul{
	margin:0;
	padding:0;
	list-style:none;
}
.social_icons li{
	display:inline-block;
	margin-right:10px;
	margin-top:2px;
}

.social_icons li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	transition: .8s;
	font-size: 14px;
}


.social_icons li a :hover{
    background: #fff;
    border-radius: 50%;
    color: #217e23;
    width: 25px;
	height: 25px;
    transition: .8s;
}

.social_icons i{
	line-height:25px;
}




                              /*=======================
                                   header-css-End
                                =========================*/

.logo-reg-section {
	background: #fff;
  box-shadow: -1px 1px 6px 0px #000;
}

.logo img {
	width: 100%;
	height: auto;
	padding: 10px 0;
}

.support {
	margin-top: 23px;
	margin-left: 39px;
}


.support i.fa {
	float: left;
	background: #4cae4e;
	width: 21%;
	height: 49px;
	text-align: center;
	line-height: 50px;
	margin-right: 10px;
	border-radius: 5px;
	font-size: 25px;
    color: #fff;
}

.support h4 {
	font-size: 18px;
}

.support h4 a {
	color: #313632;
	text-decoration: none;
}

.support h5 {
	font-size: 14px;
	margin-top: -10px;
}

.support h5 a {
	color: #605e5e;
    text-decoration: none;
}

.ticket {
	margin-top: 23px;
	margin-left: 39px;
}
.ticket i.fa {
	float: left;
	background: #4cae4e;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 50px;
	margin-right: 10px;
	border-radius: 0px;
	font-size: 25px;
    border-radius: 100%;
	color: #fff;
	background: #518af9;
	border: 1px solid rgb(54, 119, 249);
}
.ticket h4 {
	font-size: 18px;
}
.ticket h4 a {
	color: #555;
	text-decoration: none;
	font-weight: 500;
	color: #007bff;
}
.ticket h5 {
	font-size: 14px;
	margin-top: -10px;
}
.ticket h5 a {
	color: #000000;
    text-decoration: none;
}

.live-chat {
	margin-top: 22px;
	text-align: center;
}

.live-chat a {
	background: #4cae4e;
	padding: 10px 10px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px #7e7c7c;
    transition: .3s;
      border: 1px solid #269100;
    background: var(--wpr-bg-1428020b-a31f-445b-9c8c-b534a49de7cd)repeat-x bottom,#379e2a;
}
	
}
.live-chat a:hover {
	background: #0de0a4;
	
	
}

.top-header a {
    color: #fff;
}

/**==================================
    Menu  Section start
 ==================================**/ 
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 6px rgba(0,0,0,.3);
}

.menu_section {
	background: #217e23;
	z-index: 999999;
  background: #fff;
  border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.menu_bottom { 
 }
.menu_area .menu_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    padding:8px 13px !important;
    margin: 3px;
  margin-top: 5px;
   margin-bottom: 5px;
  margin-right: 10px;
}
.support_button {
	background   : -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background   : -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background   : -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
	background   : -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background   : -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	padding      : 10px;
	border-radius: 5px;
	text-align   : center;
	margin-top   : 10px
  }
  
  .support_button a {
	display        : block;
	color          : #fff;
	text-decoration: none;
	font-size      : 18px;
	line-height    : 22px
  }
  
  .support_button:hover {
	background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
	background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
	color     : #fafafa;
	transition: .5s
  }
.navbar-default .navbar-nav > li > a { color: #555 !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555 !important;
    background-color: #e9f1fc;
  color: rgb(54, 119, 249) !important;
border-radius: 30px;
  
}



                                /*============================
                                    Home-page-silde-css-start
                                =============================*/




.homepage-section {
	padding-top: 90px;
	padding-bottom: 100px;
	background: var(--wpr-bg-dc3e243b-0dfb-4978-a6f5-06492423f3e6),linear-gradient(60deg, rgb(46, 166, 237) 0%, rgb(10, 198, 220) 100%);
	background-blend-mode: overlay;
   animation: slideUp 20s linear infinite; 
}

/* Black Boy 2 */
/*
.homepage-section:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   
    z-index: -1;
    content: "";
}

*/

@-webkit-keyframes slideUp {
    from {background-position: 0 0;}
    to {background-position: 0% 1000%;}
}

@keyframes slideUp {
    from {background-position: 0 0;}
    to {background-position: 0% 1000%;}
}



.home-btn {
	margin-top: 16px;
    
}

.home-btn a {
	color: #FFF;
	padding: 10px 40px;
	font-size: 16px;
	border-radius: 50px;
	transition: .8s;
	display: inline-block;
	text-decoration: none;
	background: #518af9;
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
	color: #555;
}

.home-btn:hover a {

background: rgb(54, 119, 249);
color: #fff;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
border: 0px;
  
}




.home-silde-image img {
	max-width: 80%;
	height: auto;
	margin-left: 10%;
}

.home-silde-contant h1{
    font-size: 30px;
    color:#fff;
    text-transform: uppercase;
    font-weight: 500;
    
}

.home-silde-contant {
	font-size: 18px;
	color: #fff;
	padding: 37px 0;
	font-weight: normal;

  background: #0000004a;
  border-radius: 10px;
  background: transparent;
}

.homepage-slides .owl-nav button {
	position: absolute;
	top: 40%;
	font-size: 37px;
	line-height: 54px;
	transition: .4s;
	color: #fff;
	background: #0000004a;
padding: 17px 18px;
margin: 2px;
left: -109px;
border-radius: 4px;
  background: transparent;
  
}
.homepage-slides .owl-nav button:hover{
    transform: scale(1.1);
    color: #fff;
}

.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: -105px;
}
.homepage-slides .owl-dots button {
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	margin: 5px;
	border: 2px solid#fff ;
	padding:0;
   
}

.homepage-slides .owl-dots button.active{
    background: #218AE0;
    padding: 5px;
}

.homepage-slides .owl-dots {
	margin-top: 5px;
	text-align: center;
	position: absolute;
	left: 45%;
	bottom: -26%;
	content: "";
	z-index: 1;
	padding-bottom: 30px;
}
                                /*============================
                                    Search-section-css-start
                                =============================*/
.search-section {
	padding: 80px 0;
    z-index: 1;
    
}
.search-section:before { 
	/*! position: absolute; */ 
	left: 0; 
	top: 0; 
	content: ''; 
	width: 100%; 
	height: 100%; 
	background: #69AF07; 
	opacity:.10; 
	z-index: -1; }

.search-content h4 {
	text-align: center;
	font-size: 25px;
	 color: #403f3f; 
}

.search-content {
	font-size: 16px;
	text-align: justify;
    color: #555; 
    padding-bottom: 20px;    
}

form.example input:focus{
    transition:.5s;
 }



.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    float: left;
    width: 70%;
    background: #fff;
border-radius: 50px 0px 0px 50px;
   
    border: 1px solid #cac6c6;
    background-color: #fff;
    color: #333;
}

.example button {
    float: left;
    width: 30%;
    padding: 10px;
    font-size: 17px;
    cursor: pointer;
border-radius: 0px 50px 50px 0px;
    
    border: 1px solid #316fea;
    color: #fff;
    background: #518af9;
}



                    /*================================
                            tav section start
                    =================================*/

.tav-section {
	padding: 50px 0;
}

.tab_list {
	list-style: none;
	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
    margin: 0 6%;
  display: flex;
  flex-wrap: wrap;

}


.tab_list li{
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    text-align: center; 
    position: relative;
    z-index: 1;
    
}


.tab_list li:hover:before {
	opacity: 1;
	visibility: visible;
	
}

.tab_list li a:hover{
	color: #217e23;
	border: 1px solid;
	color: #fff;
	background-image: -webkit-linear-gradient(0deg, #ffbd27 0%, #feb000 100%);
	box-shadow: 2.5px 4.33px 15px 0px rgba(254, 176, 0, 0.4);
	border-color: rgba(251, 188, 46, 0.4);
}




.tab_list li a {
	color: #555;
	text-decoration: none;
    display: inline-block;
font-size: 18px;
margin: 0 5px 20px;
cursor: pointer;
border-radius: 15px;
transition: .3s;
	border: 1px solid rgb(218, 220, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
    background-color: #fff;
	padding: 16px 14px;
}


.tab_list li.active a:before {
    position: absolute;
left: 40%;
bottom: 15px;
    height: 20px;
    width: 20px;
    content: "";
    background: rgb(248, 249, 250);
    z-index: 99;
    display: inline-block;
    transform: rotate(43deg);
    color: #fff;
background: #ffb819;
}

.tab_list li.active a {
	padding: 18px 6px;
	border: 0px solid rgb(218, 220, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
	color: #fff;
	box-shadow: rgba(47, 130, 17, 0.1) 0px 1px 1px;
	color: #fff;
	background-image: -webkit-linear-gradient(0deg, #009688 0%, #00BCD4 100%);
	box-shadow: 2.5px 4.33px 15px 0px rgba(254, 176, 0, 0.4);
	border-color: rgba(251, 188, 46, 0.4);
}

.tab_product img{
    width: 100%;
    height: auto;
  max-height: 200px;
  max-height: 150px;
    
}


.tab_product {
	margin-top: 20px;
	background: #fff;
	padding: 10px;
  border-radius: 8px;
  height: 330px;
	box-shadow: #e9f1fc 0px 1px 3px 0px;
	border: 1px solid #ddd;
}

.product-image {
	position: relative;
	z-index: 1;
}

.read-more {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
    content: "";
	width: 100%;
	height: 0;
	text-align: center;
    transition: .8s;
    opacity: 0;
    visibility: hidden;
}
.tab_product:hover .product-image .read-more {
	height: 100%;
    padding-top: 22%;
    opacity: 1;
    visibility: visible;
	
}

.read-more a {
	background: #fff;
	padding: 10px 17px;
	font-size: 14px;
	color: #217e23;
	text-decoration: none;
}



.theme-title h3 {
	font-size: 18px;
	color: #000;
	margin-bottom: 9px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	transition: .8s;
  height: 65px;
  
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.theme-title h3 a {
	color: #000;
    text-decoration: none;
    transition: .8s;
        
}

.theme-title:hover h3 a {
	color: #217e23;
    
}


.verson {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

.verson h4 {
	display: inline-block;
    font-size: 14px;
    margin-bottom:  5px;
}
.verson h4 span{
	display: inline-block;
    font-size: 14px;
    margin-bottom:  5px;
	color:#088109;
	padding-left:7px;
}

.verson h5 {
	float: right;
	font-size: 14px;
}

.verson h5 span{
	float: right;
	font-size: 14px;
	color:#088109;
	padding-left:7px;
}

.wordpress {
	float: left;
}

.demo-bnt {
	text-align: right;
}


.wordpress i.fa {
	color: #217e23;
	
}

.wordpress h5 {
	font-size: 15px;
	color: #217e23;
  color: #555;
  font-weight: normal;
}

/* Icon Color */
.fa-fire {color: red;background: -webkit-linear-gradient(#feb613, red);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-blogger-b {color: #f06a35;background: -webkit-linear-gradient(#fbc02d, #f06a35);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-wordpress {color: #207196;background: -webkit-linear-gradient(#5dcbf9, #227199);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-php, .fa-laptop  {color: #0462c6;background: -webkit-linear-gradient(#5dcbf9, #585bde);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-leaf {color: #459a07;background: -webkit-linear-gradient(#8be434,#28911a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-gift {color: #f9322f;background: -webkit-linear-gradient(#fa7721, #f6081a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-newspaper-o {color: #653adf;background: -webkit-linear-gradient(#6d19fc,#279ff3 );-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-plug {color: #00aee4;background: -webkit-linear-gradient(#5dcbf9, #585bde);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-shopping-cart {color:  #57c2aa;background: -webkit-linear-gradient(#ba08b5, #fb2578);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.tab_list .active .fa, .tab_list .active .fab
{background: -webkit-linear-gradient(#fff, #fff) !important;background-clip: border-box;-webkit-background-clip: text!important;-webkit-text-fill-color: transparent!important;}

.demo-bnt a {
	background: #217e23;
	font-size: 14px;
	padding: 2px 18px;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	transition: .8s;

	border: 1px solid rgb(218, 220, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
	color: #555;
  border-radius: 100px;
  
  background-color: #03a84e;
border-color: #059d4a;
color: #fff;
}

.demo-bnt:hover a {
	background: none;
	color: #217e23;
	border: 1px solid;
}

.tags {padding: 2px 18px;}


.tags-btn {
	background: #217e23;
	font-size: 14px;
	padding: 2px 18px;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	transition: .8s;

	border: 1px solid rgb(218, 220, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
	color: #555;
  border-radius: 100px;
}

.tags-btn:hover {
	background: none;
	color: #217e23;
	border: 1px solid;
}




.readmore-btn {
	text-align: center;
	margin-top: 36px;
}

.readmore-btn a {
	color: #555;
	padding: 10px 36px;
	font-size: 20px;
	text-decoration: none;
	transition: .4s;
  border-radius: 15px;

	border: 1px solid rgb(218, 220, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	background-color: rgb(248, 249, 250);
  background-color: #03a84e;
border-color: #059d4a;
color: #fff;
}

.readmore-btn:hover a {
	background: #fff;
	color: #217e23;
	border-color: #217e23;
}



                    /*================================
                            tav section End
                    =================================*/

                    /*================================
                            speech section start
                    =================================*/
.speech-section {
	margin-bottom: 30px;
	
}
.speech-title {
	background: #fff;
	padding: 10px 15px 15px 15px;
  border-radius: 6px;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
}

.speech-title h2 {
	font-size: 30px;
	color: #065340;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.speech-title h5 {
	position: relative;
	z-index: 1;
	font-size: 18px;
	text-align: center;
	margin-top: -15px;
	margin-left: -10px;
}

.speech-title h5::before {
	position: absolute;
	left: 9px;
	top: 10px;
	width: 30%;
	height: 2px;
	content: "";
	background: #9e0f0f;
}



.speech-content {
	font-size: 18px;
	text-align: justify;
	margin-top: 2px;
}


.speech-bg{
    background-image: var(--wpr-bg-95d49860-e1a6-4364-9085-7294e2ff642f);
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    height: 300px;
    background-attachment: fixed;
border-radius: 6px;
border: 1px solid #54f240;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);

}

.vedio-btn {
	position: absolute;
	left: 40%;
	top: 34%;
	content: "";
}


.vedio-btn {
    width: 100px;
    height: 100px;
    background: #217e23;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    animation: animate 3s linear infinite;
    
}
.vedio-btn a {
	color: #fff;
	font-size: 40px;
	margin-left: 7px;
}


@keyframes animate{
    0%
    {
        box-shadow: 0 0 0 0 #217e23, 0 0 0 0 #217e23;
    }
    
    40%
    {
        box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #217e23;
    }
    
    80%
    {
        box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);
    } 
    100%
    {
        box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);
    }
    
}


                    /*================================
                            speech section End
                    =================================*/

/*================================================
             8. COUNTER SECTION
==================================================*/
.counter-section {
	background-image: var(--wpr-bg-fd1ae091-17d0-47fc-8b4e-250626f3198f);
	background-size: cover;
	background-position: center;
	height: 450px;
  }
  .counter-wrapper .counter-column {
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
  }
  .counter-column span {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	display: block;
	text-align: center;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transform: scale(1.0);
  }
  .counter-column h3 {
	font-size: 24px;
	line-height: 24px;
	color: #188747;
	margin-bottom: 10px;
  }
  .counter-effects {
	position: relative;
	margin-top: 90px;
  }
  .counter-circle {
	  position: absolute;
	  top: -71px;
	  left: 50%;
	  margin-left: -10px;
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
	  display: block;
	  box-shadow: 3px 0 15px rgba(0, 0, 0, 0.2);
	  /* background-color: #c9bba1; */
	  background-color: #fff;
  }
  .counter-circle:before {
	  content: "";
	  width: 2px;
	  height: 50px;
	  position: absolute;
	  left: 9px;
	  border: 1px dashed #dfe8f3;
	  bottom: -50px;
	  -moz-transition-duration: 0.4s;
	  -webkit-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
	  transition-duration: 0.4s;
  }
  .counter-img {
	  width: 105px;
	  height: 105px;
	  line-height: 105px;
	  border-radius: 50%;
	  box-shadow: 3px 0 20px rgba(0, 0, 0, 0.2);
	  display: inline-block;
	  border: 1px solid #fbfbfb;
	  background: transparent;
	  position: relative;
	  top: 0;
	  -moz-transition-duration: 0.2s;
	  -webkit-transition-duration: 0.2s;
	  -o-transition-duration: 0.2s;
	  transition-duration: 0.2s;
  }
  .counter-effects:hover .counter-img {
	position: relative;
	top: 10px;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
  }
  .counter-effects:hover {
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
  }
  .counter-effects:hover .counter-circle:before {
	bottom: -60px;
	height: 60px;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
  }
  .counter-effects:hover .counter-img {
	position: relative;
	top: 10px;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
  }
  
  .counter-column:hover span {
	transform: scale(1.2);
  }

                    /*================================
                            notic section start
                    =================================*/
.notic-section{
        background-attachment: fixed; 
  
font-size: 20px;
font-weight: 400;
padding: 14px;
color: #373030;
width: 80%;
border-radius: 10px;
margin: auto;
margin-bottom: 40px;
  
        /*! background: #f5f5f5; */
}

.notic-content {
	text-align: center;
	font-size: 18px;
	color: #555;
}

.notic-title h4 {
	font-size: 25px;
	color: #000;
}


                    /*================================
                            notic section End
                    =================================*/


                    /*================================
                            footer section start
                    =================================*/
.footer-section {
	padding-top: 28px;
    position: relative;
  background: #e9f1fc;
	border-top: 1px solid #ddd;
  background: #f5f5f5;
	background: linear-gradient(60deg, rgb(66, 92, 219) 0%, rgba(0,172,193,1) 100%);
	color: #fff;
}

.footer-section::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(60deg, rgb(66, 92, 219) 0%, rgba(0,172,193,1) 100%);
	z-index: -1;
}

.border {
margin-bottom: 20px;
/*! border-bottom: 1px solid #ddd; */
}
.contact-title h4 {
	color: #fff;
	font-size: 16px;
}

.contact-title h4 a{
	color: #000;
}
.contact-title h4 a:hover{
	color: #fff !important;
    color: rgb(221 223 227) !important;
}

a {color: #007bff;font-size: 16px;}
body,
html {
  height: 100%
}

body {
  font-family: SolaimanLipiNormal;
  font-size  : 16px;
  line-height: 23px
}
h1, h2, h3, h4, h5, h6 {line-height: 1.5;}

.contact-title i {
	color: #08d23b;
	margin-right: 10px;
}

.menu-title h4 {
	font-size: 23px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.menu-title h4::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -8px;
	height: 3px;
	width: 19%;
	background: transparent;
}

.menu-title {
	/*! margin-bottom: 25px; */
}


.about-content img {
    width: 60%;
    height: auto;
    float: left;
    margin-right: 5px;
    margin-bottom: 1px;
}

.about-content {
	font-size: 17px;
	color: #fff;
	text-align: justify;
    
	background: rgba(255, 255, 255, 0.11);
	text-align: left;
	border-radius: 5px;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
	padding: 12px;
}

.about-btn a {
	color: #fff;
	background: #009817;
	padding: 10px 21px;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	margin-top: 17px;
	box-shadow: 0 2px 4px #7a8f7ee6;
    transition: .8s;
    border: 2px solid#333;
}
 
.about-btn:hover a{
    background: none;
    border: 2px solid#fff;
    box-shadow: none;
    margin-left: 5px;
}

.payment img {
	width: 100%;
	height: auto;
}



.menu-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-content ul li {
	position: relative;
	z-index: 1;
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	/*! background: rgba(255, 255, 255, 0.11); */
	/*! text-align: left; */
	/*! border-radius: 5px; */
	/*! box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07); */
	/*! padding: 12px; */
}


.menu-content ul li a {
	color: #fff;
    margin-left: 15px;
    text-decoration: none;
}

.menu-content ul li ::before {
	content: "\f00c";
	position: absolute;
	bottom: 7px;
	left: -5px;
	font-family: 'FontAwesome';
	color: #08d23b;
	font-size: 16px;
}


.menu-content2 ul li a {
	color: #fff;
    margin-left: 15px;
    text-decoration: none;
	line-height: 2;
	font-size:15px
}

.text-primary {
    color: #08d23b !important;
}



.bottom-footer {
	margin-top: 32px;
	border-top: 1px solid #6c6a6a;
    background: #e9f1fc;
   background: #fff;
    border-top: 1px solid #ddd;
   padding-bottom: 12px
  
}

.copy {
    font-size: 16px;
    color: #555;
    text-align: left;
    margin-top: 12px;
}

.terms {
    font-size: 16px;
    color: #000;
    text-align: right;
    margin-top: 12px;
}

.terms a {
    color: #000;
}
.terms a:hover {
    color: #555 !important;
    color: rgb(54, 119, 249) !important;
}




                    /*================================
                            footer section End
                    =================================*/


.scrollToTop {
	width: 50px;
	height: 50px;
	padding: 10px;
	border:2px solid #224c2b;
	position: fixed;
	right: 30px;
	bottom: 100px;
	border-radius: 50%;
	z-index:9999;
}

.scrollToTop i.fa {
	font-size: 35px;
	color: #224c2b;
	font-weight: 600;
	top: 3px;
	display: block;
	position: absolute;
	right: 12px;
}




/*================================
	  archive page css start
=================================*/

.archive_page_section{
    padding: 20px 0px 50px 0px;
}
.archive_title{
    background: #fff;
    border-left: 5px solid#D91D1D;
    color: #000;
    font-size: 25px;
    padding: 8px;
    margin-bottom: 10px; 
    box-shadow: 0 0 5px#ddd;
  border-radius: 30px !important;
border-right: 4px solid #316fea;
border-left: 4px solid #316fea;
padding-left: 20px;

}


.archive_content{
    padding: 10px;
    font-size: 16px;
    line-height: auto;
    text-align: justify;
    background: #fff;
    color: #000;
    box-shadow: 0 0 5px#ddd;
}


/*========== video page css start ============*/

.video_sec{
	box-shadow: 0 0 10px#ddd;
	margin-bottom: 15px; 
}

.video_title {
    background: #fff;
    border-left: 5px solid#D91D1D;
    padding: 8px;
}
.video_title a{
    color: #000;
    font-size: 18px;
    text-decoration: none;
    line-height: auto;
    display: block;
}
.video_title a:hover{
    color: #D91D1D;
    transition: .5s;
}

/*========== page css start ============*/

.page_title{
    background: #fff;
    border-left: 5px solid#D91D1D;
    color: #000;
    font-size: 25px;
    padding: 8px;
    margin-bottom: 10px; 
    box-shadow: 0 0 5px#ddd;
}


.page_content{
    padding: 15px;
    font-size: 16px;
    line-height: auto;
    text-align: justify;
    background: #fff;
    color: #000;
    box-shadow: 0 0 5px#ddd;
}

/*========== blog section css start ============*/

.blog_section{
	box-shadow: 0 0 10px#ddd;
	margin-bottom: 15px; 
	background: #fff;
	padding: 10px;
}

.blog_title {
	margin-bottom: 10px;
	border-bottom: 1px solid #b3ccb3;
	padding-bottom: 10px;
}
.blog_title a{
	color: #4d514d;
	font-size: 27px;
	text-decoration: none;
	line-height: 30px;
	display: block;
}
.blog_title a:hover{
	color: #0074E8;
	transition: .5s;
}
.blog_content{
	color: #000;
	font-size: 20px;
	line-height: 24px;
	text-align: justify;
	margin-bottom: 10px;
}
.read_more_blog{
	margin-bottom: 10px;
}

.read_more_blog a{
	color: #0074E8;
	font-size: 16px;
	text-decoration: none;
	display: block;
}
.read_more_blog a:hover{
	padding-left: 10px;
	transition: .5s;
}

/*=====================single page css start===============*/

.single-page-section {
	padding-top: 14px;
	padding-bottom: 60px;
	background: #f5f5f5;
}

.single-title h3 {
	padding: 13px 10px;
	font-size: 20px;
	color: #000;
	background: #fff;
    font-weight: normal;

	border-radius: 30px !important;
	border-right: 4px solid #316fea;
	border-left: 4px solid #316fea;
  padding-left: 20px;
  
}

.single-title h1 {
	padding: 13px 10px;
	font-size: 20px;
	color: #06511e;
	background: #fff;
    font-weight: normal;

	border-radius: 30px !important;
	border-right: 4px solid #316fea;
	border-left: 4px solid #316fea;
  padding-left: 20px;
}

/*---------- demo btn-------------*/
.theme-screenshot img {
	width: 100%;
	height: auto;
}

.live-share-bg {
	background: #fff;
	padding: 17px;
}

.single-btn {
	margin-top: 12px;
}

.live-share-bg {
	background: #fff;
	padding: 17px;
}

.lived-demo {
	margin-top: 13px;
	text-align: center;
	margin-left: 61px;
}

.lived-demo a {
font-size: 20px;
background: #24BC27;
    background-color: rgb(36, 188, 39);
padding: 10px 23px;
transition: .8s;

box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
background-color: rgb(248, 249, 250);

border-radius: 100px;
  
border: 1px solid rgb(218, 220, 224);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
background-color: rgb(248, 249, 250);
color: #555;
  
}

.lived-demo a:hover {
	background: transparent;
	border: 1px solid #518af9;
    color: #316fea;
}

/*---------- share btn-------------*/
.share {
	background: #6c6c6c;
	padding: 10px 10px;
	box-shadow: 0 1px 3px #302f2f;
	text-align: center;
	border-radius: 5px;
	margin-right: 132px;
	margin-left: -71px;
	margin-top: 3px;
border: 1px solid rgb(218, 220, 224);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
background-color: rgb(248, 249, 250);
color: #555;
border-radius: 100px;
}

.share span {
	color: #555;
	font-size: 20px;
	font-weight: bold;
	padding-right: 10px;
}

.share-icon ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.share-icon ul li {
	display: inline-block;
	margin-left: 6px;
	
}
.share-icon ul li a {
	border-left: 1px solid #fff;
	font-size: 20px;
	color: #555;
	padding-left: 7px;
    transition: .8s;
}
.share-icon ul li a:hover{
    color:#007bff;
}


/*----theme-image-----*/

.theme-image img {
	width: 100%;
	height: auto;
}

.theme-image {
	margin-top: 13px;
	border-bottom: 1px solid #d4d2d2;
	margin-bottom: 23px;
	background: #fff;
	padding: 9px;
}


/*----video & tutorial-----*/

.video iframe {
	width: 100%;
	height: 203px;
}

.video h4 {
	font-size: 20px;
	background: #0ef8de;
	padding: 11px 10px;
	text-align: center;
	margin-top: -5px;
	box-shadow: 0 1px 3px #b19898;
	color: #cb2121;
	margin-bottom: 27px;
}

/*----theme details css-----*/

.theme-details {
	margin-bottom: 25px;
	margin-top: 15px;
}

.theme-details h4 {
	background: #217e23;
	padding: 12px 0;
    margin: 0;
	/*! border-radius: 30px !important; */
	border-right: 4px solid #316fea;
	border-left: 4px solid #316fea;
	background-color: #fff;
	color: #555;
	border-bottom: 1px solid #ddd;
}


.theme-details span {
	padding: 11px 10px;
	font-size: 22px;
	color: #333;
	font-weight: normal;
}
.theme-content {
	font-size: 16px;
	color: #000;
	background: #fff;
	padding: 17px 14px;
    font-weight: normal;
  border-radius: 0px 0px 6px 6px;
}



/*---- Related theme css-----*/


.related-contant h4 {
	padding: 12px 0;
    margin: 0;
	border-radius: 30px !important;
	border-right: 4px solid #316fea;
	border-left: 4px solid #316fea;
	background-color: #fff;
	color: #555;
}


.related-contant span {
	padding: 11px 10px;
	font-size: 22px;
	color: #333;
	font-weight: normal;
}


.related-bg{
	margin-top: 20px;
	background: #fff;
	padding: 12px 12px;
    box-shadow: 0 1px 2px #ddd;
}

.related-bg img{
    width: 100%;
    height: auto;
}

.related-item {
	position: relative;
	z-index: 1;
}

.related-more {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
    content: "";
	width: 100%;
	height: 0;
	text-align: center;
    transition: .8s;
    opacity: 0;
    visibility: hidden;
}
.related-bg:hover .related-item .related-more {
	height: 100%;
    padding-top: 22%;
    opacity: 1;
    visibility: visible;
	
}

.related-more a {
	background: #fff;
	padding: 10px 17px;
	font-size: 14px;
	color: #217e23;
	text-decoration: none;
    font-weight: normal;
}



.related-title h3 {
	font-size: 17px;
	color: #000;
	margin-bottom: 9px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	transition: .8s;
}

.related-title h3 a {
	color: #000;
    text-decoration: none;
    transition: .8s;
        
}

.related-title:hover h3 a {
	color:#217e23;
    
}


.related-verson {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

.related-verson h4 {
	font-size: 13px;
    margin-bottom:  5px;
    font-weight: normal;
   
}
.related-verson h4 span{
    font-size: 13px;
    margin-bottom:  5px;
	color:#484849;
	padding-left:7px;
    float: right;
    font-weight: normal;
}

.related-verson h5 {
	font-size: 13px;
	margin-top: 4px;
    font-weight: normal;
}

.related-verson h5 span{
	float: right;
	font-size: 13px;
	color:#484849;
	padding-left:12px;
    font-weight: normal;
}

.related-icons {
	float: left;
}

.related-bnt {
	text-align: right;
}


.related-icons i.fa {
	color: #217e23;
	margin-right: 2px;
}

.related-icons h5 {
	font-size: 14px;
	color: #217e23;
    font-weight: normal;
}

.related-bnt a {
	background: #217e23;
	font-size: 14px;
	padding: 2px 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	border: 1px solid #217e23;
	transition: .8s;
}

.related-bnt:hover a {
	background: none;
	color: #217e23;
	border: 1px solid;
}

/*---- Ripple ZX-----*/

.intro-banner-vdo-play-btn {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 5px;
    border-radius: 100px;
}
.pinkBg {
    background-color: #b30f0f !important;
    background-image: linear-gradient(90deg, #b30f0f, #b30f0f);
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -15px;
    top: -15px;
    opacity: 0;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}

	@-webkit-keyframes ripple {
					0% {
						opacity: 1;
						-webkit-transform: scale(0);
						transform: scale(0)
					}
					100% {
						opacity: 0;
						-webkit-transform: scale(1);
						transform: scale(1)
					}
				}
				
				@keyframes  ripple {
					0% {
						opacity: 1;
						-webkit-transform: scale(0);
						transform: scale(0)
					}
					100% {
						opacity: 0;
						-webkit-transform: scale(1);
						transform: scale(1)
					}
				}

/*---- theme price css-----*/
.theme-pric h4 {
font-size: 16px;
color: #000;
margin-top: 10px;
padding-left: 10px;
font-weight: normal;
padding-bottom: 5px;
}

.prm{
border-bottom: 1px solid #ddd;
margin-bottom: 12px;
}

.blubdr {border-bottom: 0px;
border-right: 4px solid #316fea;
border-left: 4px solid #316fea;}

.theme-pric h5 {
	font-size: 17px;
	color: #000;
	margin-bottom: 10px;
    padding-left: 10px;
    font-weight: normal;
       
}

.theme-pric span {
	float: right;
	margin-right: 37px;
    font-weight: normal;
}

.theme-pric {
	border-bottom: 2px solid #ddd;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px 4px;
}
/*---- buy-now css-----*/

.buy-now {
	margin-bottom: 20px;
}


.buy-now h4 {
	background: #217e23;
	padding: 13px 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 1px 3px #09511c;
	border-radius: 5px;
    font-weight: normal;
}

.buy-now h4 a{
    color: #fff;
    text-decoration: none;
	display:block;
}

.buy-now h4:hover{
	background: #fff;
	border:1px solid#217e23;
	transition:.5s;
}

.buy-now h4:hover a{
    color: #217e23;
	display:block;
	transition:.5s;
}



.buy-now h5 {
	background: #666;
	padding: 13px 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 1px 1px #666;
	border-radius: 5px;
    font-weight: normal;
}
.buy-now h5 a{
    color: #fff;
    text-decoration: none;
	display:block;
}
.buy-now h5:hover{
	background: #fff;
	border:1px solid#666;
	transition:.5s;
}

.buy-now h5:hover a{
    color: #666;
	display:block;
	transition:.5s;
}

.msngr {background: #0084ff !important;}
.msngr a:hover {color: #0084ff !important;}
.msngr:hover {background: #fff!important;}
/*---- last-update css-----*/

.softwar-verson {
	background: #fff;
	padding: 6px 13px;
}


.theme_type_des_sec{
	padding:6px 5px;
	overflow:hidden;
}
.last-update {
	font-size: 17px;
	color: #000;
	overflow:hidden;
}
.last-varson {
	font-size: 14px;
	color: #655e5e;
	overflow:hidden;
}

.pic {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 15px 0px 10px 0px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding:0px;
}


.pic:before {
  width: 100%;
  height: 400px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}

.pic:after {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px -25px;
  padding: 0px;
}

img {
  max-width: 100%;
  cusor: pointer;
}

.pic:hover img {
  animation: moveSlideshow 13s linear;animation-fill-mode: forwards;
}

@keyframes moveSlideshow {
  100% {
    transform: translateY(calc(-100% + 300px));
  }
}

.pic:hover .pic:after {
  opacity: 0;
}
.footer-help {
    background-position-x: 90%;
    background-size: contain;
    background-repeat: repeat-y;
}

@media only screen and (max-width:1000px) {
    .footer-help {
        /* background: #f3fafb */
    }
}

@media only screen and (max-width:600px) {
    .help-box .cnt,
    .help-box .lch,
    .help-box .phn {
        float: left;
        display: block;
        margin: 17px
    }
}
.help-box h2,
.help-box p {
    width: 100%;
    margin-right: 1.6949152542%
}
.help-box {
    padding: 50px 0 90px;
    Overflow: hidden;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.help-box h2 {
    margin-bottom: 30px;
    font-family: "Droid Sans", sans-serif;
    font-weight: 700;
    font-size: 36px
}
.ac-box.s3 p,
.cc-box.s3 p,
.ec-box.s3 p,
.lc-box.s3 p {
    font-family: Lato, sans-serif
}
.help-box p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
  background: #000000a6;
border-radius: 10px;
padding: 14px;
    border: 1px solid rgb(218, 220, 224);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    background-color: rgb(248, 249, 250);
    color: #555;
}
.help-box .cnt a,
.help-box .lch a {
    border: 2px solid #217e23;
    margin: 0 5px;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
}


.help-box .cnt,
.help-box .lch,
.help-box .phn {
    float: left;
    display: inline
}

.help-box .lch a {
    font-size: 16px;
    font-weight: 500;
}
.help-box .cnt a,
.help-box .phn h4 {
    background: 0 0;
    font-size: 16px;
    font-weight: 500
}

.help-box .cnt a {
    padding:10px 15px;
color: #0084ff;
border-radius: 10px;
    border: 1px solid rgb(218, 220, 224);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    background-color: #fff;
}

.help-box .cnt a:hover {
color: #0084ff;
background: #fff;
border: 0px solid #7e00ff;
border: 0px;
color: #fff;
border: 0px solid #7e00ff;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
background: #0084ff;
}


.help-box .call a {
    padding: 10px 15px;
background: #7e00ff;
border-radius: 8px;
    border: 1px solid rgb(218, 220, 224);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    background-color: #fff;
    color: #7e00ff;
  border-radius: 13px;
}

.help-box .call a:hover {
color: #fff;
border: 0px solid #7e00ff;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
background: #7e00ff;
}

.help-box .wapp a {
    padding: 10px 15px;
color: rgb(42,176,62);
border-radius: 13px;
background: #217e23;
    border: 1px solid rgb(218, 220, 224);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    background-color: #fff;
}

.help-box .wapp a:hover {
color: #fff;
border: 0px solid #7e00ff;
box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(255,255,255,0.1) inset,0 2px 10px rgba(17,18,17,0.5);
background: #217e23;
}




.help-box .phn h4 {
    color: #fff;
    padding: 0 5px;
    margin: -10px 3px;
    text-align: left
}
.help-box .phn span {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    display: block;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}
.help-box .cnt, .help-box .lch, .help-box .phn {
    float: left;
    display: inline;
}



.domnlk-mncntnr{
	padding:50px 10px;}
.domnlk-hdrttl{
	color:#fff;}
.domnlk-form{
	max-width:950px;
	margin:40px auto 0;}
.domnlk-inputs{
	background: #76c2e3;
	width: 100%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 4px;
	}
.domnlk-inputs label {
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 19px;
}
.domnlk-inputs input, 
.domnlk-inputs select{
	font-size:16px;
	font-weight:600;
	padding:10px;}
.domnlk-inputs input[type=text]{
	width: 60%;
	border: 1px;
	}
.domnlk-inputs select{
	width: 100px;
	height: 42px;
	padding-right: 18px;
	cursor:pointer;
	background: url(../../../../../../../themes/assets/img/dropdown-arrow.svg)no-repeat,#fff;
	background-size: 15px;
	background-position: 97% 53%;
	transition:all 0.3s ease-in-out;
	border: 1px;
	}
.domnlk-inputs input[type=submit]{
	margin-left:10px;
	width:150px;
	background: #0ca5e4;
	color: #fff;
	border: 1px saddlebrown;
	}
.domnlk-domains-wrapr{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:space-between;}
.domnlk-domain-box{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	color:#fff;
	margin:5px;}
.domnlk-domain-title{
	font-size:33px;
	font-weight:700;}
.domnlk-prices{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-top:5px;}
.domnlk-price-strike{
	font-size: 18px;
	opacity: 1.4;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin:0 10px;
	position:relative;
	padding:0 5px;
	}
.domnlk-price-strike:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background: #fff;
	}
.domnlk-price-strike:after{
	content:'/yr';
	font-size:80%;
	margin-left:3px;
	line-height:1;}
.domnlk-price-real{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	font-size:30px;}
.domnlk-price-real:after{
	content:'/yr';
	font-size:80%;
	margin-left:3px;
	line-height:1;}
.domnlk-price-real i{
	margin-right:5px;}
	@media screen and (max-width:1100px){
.domnlk-mncntnr{
	padding:40px 10px;}
.domnlk-inputs input{
	font-size:15px;}
.domnlk-domain-title{
	font-size:25px;
	font-weight:600;}
.domnlk-price-strike{
	font-size:15px;}
.domnlk-price-real{
	font-size:20px;}
	}
	@media screen and (max-width:800px){
.domnlk-domains-wrapr{
	width:100%;}
	}
	@media screen and (max-width:750px){
.domnlk-inputs{
	background:transparent;
	padding:0;}
.domnlk-inputs label{
	width: 65px;
	background:#fff;
	padding: 7px 5px;
	}
.domnlk-inputs select{
	width:80px;
	padding: 10px 5px;
	}
.domnlk-inputs input[type=text]{
	width:calc( 100% - 145px);}
.domnlk-inputs input[type=submit]{
	margin:15px 0 0;
	width:100%;
	border-radius:3px;}
	}
	@media screen and (max-width:600px){
.domnlk-domains-wrapr{
	justify-content:center;}
.domnlk-domain-box{
	margin:5px 10px;}
			}
.htwo-prime1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 700;
}



                            /*=============================
                                     contact-page
                            ===============================*/


.contact-page-section {
	padding: 40px 0;
}



.contact-page-address {
	background: #fff;
	padding: 10px 10px;
	box-shadow: 0 0 3px #ddd;
}

.contact-page-address h3 {
	font-size: 20px;
	text-align: center;
	color: #0F844A;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: normal;
	position: relative;
	z-index: 1;
}

.contact-page-address h3::before {
	position: absolute;
	left: 42%;
	bottom: -7px;
	width: 16%;
	height: 2px;
	background: #35f80e;
	content: "";
}


.page-phone {
	color: #4CF90B;
	margin-top: 23px;
	margin-bottom: 64px;
}

.page-phone h5{
    font-size: 18px;
    font-weight: normal;
    color:#999;
    margin-bottom: 10px;


}
.page-phone span {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	display: block;
	margin-top: 10px;
	
}

.page-phone i.fa {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 8px;
	font-size: 29px;
	border: 2px solid #06631B;
	width: 61px;
	height: 53px;
	text-align: center;
	line-height: 48px;
	background: #333;
    transition: .8s;
}


.page-phone:hover i.fa  {
	background: none;
    border-radius: 5px;
	
}

.maps iframe{
    width:100%;
    height:392px;
    
}

 {
	background: #fff;
	padding: 10px;
    margin-bottom: 10px;      
}

 .live-share-bg, .theme-details, .theme-pric, .single-title h3, .buy-now h4, .buy-now h5, .softwar-verson, .related-contant h4, .related-bg, .archive_title, .archive_content {
border-radius: 6px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.related-contant h4
{}




/* Zorex */

.archive_title, .related-contant h4, .theme-details span, .single-title h3 {text-align: center;}

.archive_content {display:none}

.tav-section, .archive_page_section {background: #f4f5f9 !important;}



.zxpostsw {
    background: #fff;
    padding: 15px;
    height: auto;
    margin-bottom: 10px;
    border-radius: 7px;
	
	font-size: 19px;
line-height: 1.5em;
color: #444;
	
    margin-top: 12px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}



#zxbuybtn {
    position: relative;
    overflow: hidden;
    display: block;
    font-weight: 500;
    font-size: 22px;
    cursor: pointer;
    letter-spacing: 0;
    margin: 10px auto;
    padding: 15px;
    /* background: #3a66d8; */
    color: #fff;
    transition: all .3s;
    border-radius: 5px;
    text-align: center;
  
    transition: all 0.1s ease-out;

border-radius: 15px;
max-width: 250px;
background: #518af9;
box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
}

#zxbuybtn:hover {
  /*
  background: url(../../../../../../../themes/CodeDokan-V2.4/assets/img/green.png)repeat-x bottom,#379e2a;
  box-shadow: 0 1px rgba(255,255,255,0.3) inset,0 0 1px 1px rgba(0, 255, 52, 0.99) inset,0 2px 10px rgba(9, 227, 9, 0.81);
  */
  background:#316fea;
    border-bottom: 2px solid #0000002e;
}




/* Pricing Section */
.pricing-section{font-family:'Google Sans',Arial,sans-serif;position:relative;overflow:hidden;display:block;margin:15px 0;line-height:1.7}
.pricing-section h3{margin-top: 12px}
.pricing-container{display:flex;max-width:1000px;margin:0 auto}
.pricing-tag{margin:.5rem 0 1rem;font-size:13px;display:inline-block;background:#333;color:#fff;padding:3px 15px;border-radius:20px}
a.blanter-order-btn{font-size:14px;text-transform:uppercase;text-decoration:none;background:#333;color:#fff;display:inline-block;padding:7px 20px;border-radius:20px;transition:all .3s ease-in-out}
a.blanter-order-btn:hover{transform:scale(1.1)}
.pricing-blanter-column{background:#fff;padding:30px 15px;box-sizing:border-box;border-radius:10px;text-align:center;width:33%;margin:10px;box-shadow:0 7px 7px rgba(0,0,0,0.06);border:2px solid #fff;transition:all .3s ease-in-out}
.pricing-blanter-column ul{list-style:none;padding:10px 0;font-size:14px;line-height:2.2}
.pricing-blanter-column img{width:50px}
.pricing-section i{font-size:3rem}
.blanter-price{font-weight:700;font-size:22px}
.service-info{opacity:.7}
.blanter-2-column .pricing-blanter-column{width:50%}
.pricing-blanter-column:nth-child(1) .blanter-price,.pricing-blanter-column:nth-child(1) i{color:#1fa802} /* Change Color Code */
.pricing-blanter-column:nth-child(2) .blanter-price,.pricing-blanter-column:nth-child(2) i{color:#ff5483} /* Change Color Code */
.pricing-blanter-column:nth-child(3) .blanter-price,.pricing-blanter-column:nth-child(3) i{color:#2b73f6} /* Change Color Code */
.pricing-blanter-column:nth-child(1):hover{border-color:#1fa802} /* Change Color Code */
.pricing-blanter-column:nth-child(2):hover{border-color:#ff5483} /* Change Color Code */
.pricing-blanter-column:nth-child(3):hover{border-color:#2b73f6} /* Change Color Code */
.pricing-blanter-column:nth-child(1) .pricing-tag,.pricing-blanter-column:nth-child(1) a.blanter-order-btn{background:#1fa802} /* Change Color Code */
.pricing-blanter-column:nth-child(2) .pricing-tag,.pricing-blanter-column:nth-child(2) a.blanter-order-btn{background:#ff5483} /* Change Color Code */
.pricing-blanter-column:nth-child(3) .pricing-tag,.pricing-blanter-column:nth-child(3) a.blanter-order-btn{background:#2b73f6} /* Change Color Code */
@media screen and (max-width:580px){
.pricing-blanter-column,.blanter-2-column .pricing-blanter-column{width:auto}
.pricing-container{display:block}
}

.bluebg{background: var(--wpr-bg-d8bf8d4a-abc9-470d-bb27-da334e5dd26c) bottom no-repeat,linear-gradient(to right top,#40c8f1,#2b69e2);box-shadow: 0 1px 4px rgba(0,0,0,.26);border: 0px !important;}
.greybg {background: #f4f5f9;}

.noteb {
background-color: #3c3c3c;
color: #42ee15;
margin: 12px;
line-height: 1.5;
padding: 12px;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,.4);

}



.ylwbg {color: #fff;
background-image: -webkit-linear-gradient(0deg, #ffbd27 0%, #feb000 100%);
box-shadow: 2.5px 4.33px 15px 0px rgba(254, 176, 0, 0.4);
border-color: rgba(251, 188, 46, 0.4);
display: inline-block;
border-radius: 20px;
padding: 10px;
    display: inline-block;
}

h3.titlez {
    text-align: center;
    padding: 5px 15px;
    border-radius: 20px;
    margin: auto;
	font-family: 'Hind Siliguri', sans-serif;
}
.service-info ul li:before {
content: "\f00c";
font-family: 'FontAwesome';
color: #038c26;
font-size: 16px;
  margin-right: 5px;
}

.s2 ul li:before {color: #ee0b4a;}
.s3 ul li:before {color: #0d61f9;}


.service-info ul {
text-align: left;
margin-left: 30px; }

.pricing-blanter-column {
font-family: 'Google Sans','Hind Siliguri', sans-serif;}


/*My account */
/* Responsive Navigation */
nav.woocommerce-MyAccount-navigation {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* Material Design Styles */
nav.woocommerce-MyAccount-navigation {
background-color: #f5f5f5;
padding: 16px;
  border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  margin-bottom: 12px;
  
  background: url(https://1.bp.blogspot.com/-QQ8UfbbXk8Y/XnB967bLOYI/AAAAAAAAN4M/INrvsgV8Vz8KeJKDdPKh2IsT9li5P1m9QCLcBGAsYHQ/s1600/bg-setup.png) bottom no-repeat,linear-gradient(to left top,#40c8f1,#2b69e2);
box-shadow: 0 1px 4px rgba(0,0,0,.26);
  
}

nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}

nav.woocommerce-MyAccount-navigation li {
display: inline-block;
margin-right: 16px;
}

nav.woocommerce-MyAccount-navigation a {
color: #fff;
text-decoration: none;
font-weight: 500;
padding: 8px;
border-radius: 2px;
transition: background-color 0.2s ease;
}

nav.woocommerce-MyAccount-navigation a:hover {
  background: rgba(90,199,232,.08);
color: #4090f1;
  
  background: #fff;
color: #4090f1;
box-shadow: 0 1px 6px rgba(32,33,36,.28);
}

nav.woocommerce-MyAccount-navigation .is-active a {
background-color: #518af9;
color: #fff;
background-color: #217e23;
background: linear-gradient(60deg, rgb(66, 92, 219) 0%, rgb(0, 172, 193) 100%);

    background: #fff;
color: #4090f1;
box-shadow: 0 1px 6px rgba(32,33,36,.28);
  
}

/* Media Queries */
@media only screen and (max-width: 600px) {
nav.woocommerce-MyAccount-navigation li {
margin-bottom: 8px;
}
}

.woocommerce-MyAccount-content {
font-size: 17px;
background-color: #fff;
padding: 15px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
margin-bottom: 12px;
border-radius: 8px;
box-shadow: #e9f1fc 0px 1px 3px 0px;
border: 0.1rem solid rgba(0, 0, 0, 0.1);

}


/* Form------ */
/* Material Design Form Styles */
legend {
    border-bottom: 0px solid #e5e5e5;
    margin-bottom: auto;
    text-align: center;
}

form.woocommerce-EditAccountForm p {
margin-bottom: 1rem;
}

form.woocommerce-EditAccountForm label {
font-weight: 500;
color: #333;
display: block;
}

form.woocommerce-EditAccountForm input[type="text"],
form.woocommerce-EditAccountForm input[type="email"],
form.woocommerce-EditAccountForm input[type="password"] {
width: 100%;
padding: 12px;
border: none;
border-bottom: 1px solid #ddd;
margin-bottom: 16px;
box-sizing: border-box;
font-size: 16px;
}

form.woocommerce-EditAccountForm input[type="text"]:focus,
form.woocommerce-EditAccountForm input[type="email"]:focus,
form.woocommerce-EditAccountForm input[type="password"]:focus {
outline: none;
border-bottom: 2px solid #518af9;
}

form.woocommerce-EditAccountForm .required {
color: #f44336;
}

form.woocommerce-EditAccountForm fieldset {
border: 1px solid #ddd;
padding: 16px;
margin-bottom: 16px;
  border-radius: 6px;
  box-shadow: #e9f1fc 0px 1px 3px 0px;
border: 0.1rem solid rgba(0, 0, 0, 0.1);
}

form.woocommerce-EditAccountForm fieldset legend {
font-weight: 500;
margin-bottom: 8px;
}

form.woocommerce-EditAccountForm .password-input {
position: relative;
}

form.woocommerce-EditAccountForm .password-input .show-password-input {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 8px;
cursor: pointer;
}

/* Media Queries */
@media only screen and (max-width: 600px) {
form.woocommerce-EditAccountForm {
padding: 16px;
}
}

/* Responsive Form */
form.woocommerce-EditAccountForm {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

form.woocommerce-EditAccountForm p.form-row-first {
width: 45%;
}

form.woocommerce-EditAccountForm p.form-row-last {
width: 45%;
margin-left: 10%;
}

form.woocommerce-EditAccountForm p.form-row-wide {
width: 100%;
}



/* Media Queries */
@media only screen and (max-width: 600px) {
form.woocommerce-EditAccountForm p.form-row-first {
width: 100%;
margin-right: 0;
}
form.woocommerce-EditAccountForm p.form-row-last {
width: 100%;
margin-left: 0;
}
}

/* Responsive Input */
form.woocommerce-EditAccountForm input[type="text"],
form.woocommerce-EditAccountForm input[type="email"],
form.woocommerce-EditAccountForm input[type="password"] {
width: 100%;
}

/* Media Queries */
@media only screen and (max-width: 600px) {
form.woocommerce-EditAccountForm input[type="text"],
form.woocommerce-EditAccountForm input[type="email"],
form.woocommerce-EditAccountForm input[type="password"] {
width: 100%;
}
}


/* =========== Login ============ */

/* Responsive Form */
form.woocommerce-form-login {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* Google Material Design Form Styles */
form.woocommerce-form-login {
background-color: #f4f5f9;
  background-color: #fff;
padding: 24px;
  box-shadow: #e9f1fc 0px 1px 3px 0px;
border: 0.1rem solid rgba(0, 0, 0, 0.1);
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); */
}

form.woocommerce-form-login h2 {
font-weight: 500;
margin-bottom: 1rem;
}

form.woocommerce-form-login p {
margin-bottom: 1rem;
}

form.woocommerce-form-login label {
font-weight: 500;
color: #333;
display: block;
}

form.woocommerce-form-login input[type="text"],
form.woocommerce-form-login input[type="password"] {
width: 100%;
padding: 12px;
border: none;
border-bottom: 1px solid #333;
margin-bottom: 16px;
box-sizing: border-box;
font-size: 16px;
}

form.woocommerce-form-login input[type="text"]:focus,
form.woocommerce-form-login input[type="password"]:focus {
outline: none;
border-bottom: 2px solid #518af9;
}

form.woocommerce-form-login .required {
color: #f44336;
}

form.woocommerce-form-login .password-input {
position: relative;
}

form.woocommerce-form-login .password-input .show-password-input {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 8px;
cursor: pointer;
}

form.woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: inline-block;
font-size: 14px;
margin-bottom: 0;
}

form.woocommerce-form-login .woocommerce-form__input-checkbox {
margin-right: 5px;
}

form.woocommerce-form-login .woocommerce-LostPassword {
margin-top: 1rem;
}

form.woocommerce-form-login .woocommerce-LostPassword a {
color: #518af9;
text-decoration: none;
}

/* Media Queries */
@media only screen and (max-width: 600px) {
form.woocommerce-form-login {
padding: 16px;
}





form.woocommerce-form-login p.form-row {
flex-wrap: wrap;
align-items: center;
}
form.woocommerce-form-login button[type="submit"] {
width: 100%;
margin-top: 1rem;
}
}

/* Responsive Input */
form.woocommerce-form-login input[type="text"],
form.woocommerce-form-login input[type="password"] {
width: 100%;
}

/* Media Queries */
@media only screen and (max-width: 600px) {
form.woocommerce-form-login input[type="text"],
form.woocommerce-form-login input[type="password"] {
width: 100%;
}
}

/* Add style for the error messages */
.woocommerce-notices-wrapper {
color: #f44336;
margin-bottom: 1rem;
}

/* Add style for the remember me checkbox */
form.woocommerce-form-login .woocommerce-form__label-for-checkbox {
font-size: 14px;
margin-bottom: 0;
}

form.woocommerce-form-login .woocommerce-form__input-checkbox {
margin-right: 5px;
}

/* Add style for the login button */
form.woocommerce-form-login button[type="submit"] {
background-color: #518af9;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
margin-top: 1rem;
}

form.woocommerce-form-login button[type="submit"]:hover {
background-color: #303f9f;
cursor: pointer;
}

/* Add style for the lost password */
form.woocommerce-form-login .woocommerce-LostPassword a {
color: #518af9;
text-decoration: none;
}

/* Add style for the form row*/
form.woocommerce-form-login p.form-row {
align-items: center;
}

/* Add style for the password input*/
form.woocommerce-form-login .password-input {
position: relative;
}

form.woocommerce-form-login .password-input .show-password-input {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 8px;
cursor: pointer;
}

/* Add style for the error messages */
form.woocommerce-form-login .woocommerce-error {
background-color: #fbe9e7;
color: #c62828;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 4px;
}

/* Add style for the success messages */
form.woocommerce-form-login .woocommerce-message {
background-color: #e8f5e9;
color: #4caf50;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 4px;
}

/* Add style for the labels */
form.woocommerce-form-login label {
font-size: 14px;
font-weight: 500;
margin-bottom: 0.5rem;
display: block;
}

/* Add style for the inputs */
form.woocommerce-form-login input[type="text"],
form.woocommerce-form-login input[type="password"],
form.woocommerce-form-login input[type="email"] {
padding: 12px;
border-radius: 4px;
border: 1px solid #ccc;
margin-bottom: 1rem;
box-sizing: border-box;
font-size: 16px;
}

form.woocommerce-form-login input[type="text"]:focus,
form.woocommerce-form-login input[type="password"]:focus,
form.woocommerce-form-login input[type="email"]:focus {
outline: none;
border-bottom: 2px solid #518af9;
}


/* Add style for the submit button */
form.woocommerce-form-login button[type="submit"] {
background-color: #518af9;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
margin-top: 1rem;
width: 100%;
text-align: center;
}

form.woocommerce-form-login button[type="submit"]:hover {
background-color: #3575f0;
cursor: pointer;
  color: #fff;
}

/* Add style for the lost password */
form.woocommerce-form-login .woocommerce-LostPassword a {
color: #518af9;
text-decoration: none;
font-size: 14px;
}

/* Add style for the error message */
form.woocommerce-form-login .woocommerce-error {
font-size: 14px;
font-weight: 500;
}

/* Add style for the success message */
form.woocommerce-form-login .woocommerce-message {
font-size: 14px;
font-weight: 500;
}

/* Add style for the login form wrapper */
form.woocommerce-form-login {
padding: 1rem;
background-color: #f5f5f5;
border-radius: 4px;
}

/* Add style for the h2 heading */
form.woocommerce-form-login h2 {
text-align: center;
font-size: 24px;
margin-bottom: 2rem;
}

/* Add style for the submit button on mobile */
@media only screen and (max-width: 600px) {
form.woocommerce-form-login button[type="submit"] {
width: 100%;
margin-top: 1rem;
}
}

/* Add style for the login form wrapper on mobile */
@media only screen and (max-width: 600px) {
form.woocommerce-form-login {
padding: 1rem;
}
}

/* Add style for the h2 heading on mobile */
@media only screen and (max-width: 600px) {
form.woocommerce-form-login h2 {
font-size: 18px;
margin-bottom: 1rem;
}
}

/* Lost Pass */
.woocommerce-ResetPassword.lost_reset_password {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
background:#f4f5f9
  box-shadow: #e9f1fc 0px 1px 3px 0px;
border: 0.1rem solid rgba(0, 0, 0, 0.1);
}

em {font-size: 12px;}

.woocommerce-Input.woocommerce-Input--text.input-text {
padding: 12px;
border-radius: 4px;
border: 1px solid #ccc;
margin-bottom: 1rem;
box-sizing: border-box;
font-size: 16px;
}

.woocommerce-Input.woocommerce-Input--text.input-text[type="text"]:focus,
.woocommerce-Input.woocommerce-Input--text.input-text[type="password"]:focus,
.woocommerce-Input.woocommerce-Input--text.input-text[type="email"]:focus {
outline: none;
border-bottom: 2px solid #518af9;
}


/* Add style for the submit button */

.woocommerce-Button.button.wp-element-button[type="submit"] {
background-color: #518af9;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
margin-top: 1rem;
text-align: center;
}

.woocommerce-Button.button.wp-element-button[type="submit"]:hover {
background-color: #3575f0;
cursor: pointer;
color: #fff;
}

.lost_reset_password label {
    font-weight: 500;
    font-size: 15px;
}

.choose_us_section {
    padding: 30px 0;
    background: #f2f2f2
}

.choose_us_cat {
    font-size: 35px;
    line-height: 39px;
    text-align: center;
    margin-bottom: 40px;
    color: #082b60;
    position: relative;
    z-index: 1;
    padding-bottom: 25px
}

.choose_us_cat:before {
    position: absolute;
    bottom: 0;
    left: 44%;
    width: 200px;
    height: 5px;
    background: #159be6;
    content: "";
    margin-left: -30px
}

.choose_us_cat:after {
    position: absolute;
    bottom: 0;
    left: 48%;
    width: 70px;
    height: 5px;
    background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
    background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    color: #fafafa;
    content: "";
    margin-left: -10px
}

.choose_icon {
    text-align: center;
    font-size: 50px;
    color: #159be6
}

.choose_title {
    text-align: center;
    font-size: 25px;
    line-height: 29px;
    color: #0c5150;
    margin-bottom: 10px;
    margin-top: 15px
}

.choose_content {
    text-align: center;
    color: #333
}

.choose_section {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #e1e1e1;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 10px;
}

.choose_section:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    background-color: #f7f7f7;
}

.choose_icon {
    font-size: 40px;
    color: #007bff;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.choose_section:hover .choose_icon {
    color: #ff5722;
}

.choose_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.choose_section:hover .choose_title {
    color: #007bff;
}

.choose_content {
    font-size: 14px;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.choose_section:hover .choose_content {
    color: #333;
}


.about_section {
    background: #111;
    padding: 30px 0
}

.about_content_sec {
    padding: 30px 15px 30px 0
}

.about_title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 16px;
    position: relative;
    z-index: 1
}

.about_title::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 178px;
    height: 5px;
    background: #159be6;
    content: ""
}

.about_title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 5px;
    background: -moz-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -webkit-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -webkit-gradient(radial, 49.74% 49.12%, 0, 49.74% 49.12%, 494.75, color-stop(0, #128acb), color-stop(1, #323991));
    background: -o-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    background: -ms-radial-gradient(49.74% 49.12%, circle farthest-corner, #128acb 0, #323991 100%);
    color: #fafafa;
    content: ""
}

.about_content {
    font-size: 21px;
    line-height: 27px;
    color: #ddd;
    text-align: justify
}

.about_content span {
    color: #52bcf7;
    font-weight: 500
}

.eARkMz {
    opacity: 1;
    display: none !important;
    margin-top: 7px;
    white-space: nowrap;
    margin-right: auto;
    text-decoration: none;
    width: 64px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 11px;
    line-height: 11px;
    border: 0px;
    max-width: inherit;
    color: rgb(175, 175, 175) !important;
}
.clint_box {
  background   : #fff;
  padding      : 15px;
  box-shadow   : 0 0 23px 0 rgba(50, 50, 50, .05);
  margin-bottom: 20px
}

.clint_img img {
  width : 100%;
  height: 85px
}

.clint_box:hover {
  background: #ddd;
  opacity   : .9
}

.clint_sec .owl-nav button {
  position        : absolute;
  top             : 45%;
  font-size       : 30px;
  line-height     : 44px;
  transform       : translateY(-50%);
  text-align      : center;
  transition      : .4s;
  color           : #000;
  background-color: #fff;
  border-radius   : 50px;
  width           : 45px;
  height          : 45px;
  margin-right    : -15px;
  margin-left     : -15px;
  box-shadow      : 0 0 23px 0 rgba(50, 50, 50, .05)
}

.clint_sec .owl-nav button:hover {
  transition      : .4s;
  color           : #fff;
  background-color: #000
}

.clint_sec .owl-nav button.owl-next {
  left : auto;
  right: 0
}

.clint_sec:hover .owl-nav button {
  opacity: .9
}
.sticky {
	position: fixed;
	top     : 0;
	width   : 100%;
  }
  .search-chat {
	
	
}

.search-chat a {
	background: #4cae4e;
	padding: 10px 10px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px #7e7c7c;
    transition: .3s;
      border: 1px solid #269100;
    background: -webkit-linear-gradient(0deg, #009688 0%, #00BCD4 100%);
	
}
.search-chat a:hover {
	background: #0de0a4;
	
	
}