/*
  Theme Name: Name - Multipurpose HTML Template
  Author: Version001
  Support: Version001
  Web: https://version001.com/
  Email: NAFIULPUST@GMAIL.COM
  Description: Creative  HTML5 template By Version001
  Version: 1.0

*/

/*=== table of content ===*/
/*
1. common header & footer
2. home page
3. blog page
4. contact page
4. about us page
*/
/*=== table of content ===*/

/*=== 1. common header & footer start ===*/

/*=== header start ===*/
header {
    padding: 30px 0;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05) !important;
}

.v-logo {
    max-width: 160px;
}

/*=== desktop menu start ===*/
.v-menu {
}

.v-menu ul {
}

.v-menu ul li {
    display: inline-block;
    padding: 15px 28px;
    position: relative;
}

.v-menu ul li a {
    color: #26235E;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    position: relative;

}

.v-menu ul li a:after {
    content: '';
    height: 3px;
    background: #26235E;
    width: 0;
    position: absolute;
    left: 0;
    transition: all .5s;
    margin: auto;
    bottom: -10px;
}

.v-menu ul li a:hover:after, .v-menu ul li.current-menu-item > a:after {
    width: 100%;
}

.v-menu ul li.current-menu-item > a, .v-menu ul li a:hover {
    color: #003B73;
}

.v-menu ul ul li {
    padding: 8px 28px
}

.sub-menu {
    position: absolute;
    background: #fff;
    z-index: 999999;
    width: 250px;
    border-radius: 3px;
    display: none;
    left: 0;
    right: 0;
    box-shadow: 0 0 50px -16px #63636380;
    top: 48px;
    padding: 15px 0;

}

.sub-menu li a {
    color: #333;
}

.v-menu ul li:hover .sub-menu {
    display: block;
}

ul.sub-menu li {
    display: block;
    text-align: left;
    left: 0;
}

.v-cta {
    border: 2px solid #003B73;
    padding: 10px;
    width: 100%;
    max-width: 130px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    color: #26235E;
    font-size: 14px;
}

.v-cta:hover {
    border: 2px solid #26235E;
    color: #003B73;
    border-radius: 5px;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children > a:before {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f107";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    right: -25px;
    position: absolute;
    color: #003B73;
    transition: all .5s;
}

.menu-item-has-children > a:hover:before {
    transform: rotateX(180deg);
    transition: all .5s;
}

/*=== desktop menu end ===*/

/*=== mobile menu start ===*/
.vMobileMenu {
    background: #003B73;
}

.v-mobile-menu ul li a, .v-mobile-menu.v-menu ul li.active a, .v-mobile-menu .menu-item-has-children > a:before {
    color: #ffffff !important;
}

.v-mobile-menu ul li a:hover {
    color: #ffffff;
}

.v-mobile-menu ul li a:after {
    background: #ffffff;
}

.v-mobile-menu ul li {
    display: block;
    padding: 15px;
}

.v-mobile-menu ul li a:after {
    bottom: -15px;
}

.v-close:hover {
    cursor: pointer;
    color: #f1f1f1;
}

.v-close i {
    font-size: 22px;
}

.v-close {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
}

.v-menu-btn {
    background: #003B73;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    z-index: 999;
    position: relative;
    display: inline-block;
}

.v-menu-btn:hover {
    cursor: pointer;
}

.v-mobile-menu {
    display: block;
}

.v-mobile-menu .sub-menu {
    position: relative;
    background: unset;
    z-index: 999999;
    display: block;
    left: 5px;
    box-shadow: unset;
    top: 15px;
    padding: 0;
}

.v-mobile-menu ul ul li {
    padding: 8px 5px;
}

.vMobileMenu .v-cta {
    border: 1px solid #fff;
    color: #ffffff;
}

/*=== mobile menu end ===*/
/*=== header end ===*/
/*=== footer start ===*/
footer {
    border-bottom: 35px solid #003B73;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.v-widget p {
    font-size: 13px;
    text-align: justify;
}

.v-widget .v-logo-f {
    max-width: 140px;
}

.v-social li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.v-social li a {
    font-size: 14px;
    margin: 10px 10px 10px 0;
    color: #60BC56;

}

footer h3 {
    font-size: 18px;
    font-weight: 700;
}


footer ul li, footer ul li a {
    list-style: none;
    color: #26235E;
}

.widget-menu ul li a:before {
    content: url("../img/angle-right.png");
    position: absolute;
    left: 0;
    z-index: 999;
    width: 100%;
}

footer ul li {
    padding: 15px 0 15px 15px;
    position: relative;
}

footer .v-address ul li {
    padding-left: 0;
}

footer .v-address ul li i {
    color: #60BC56;
    margin-right: 8px;
}

/*=== footer end ===*/
/*=== 1. common header & footer end ===*/
/*=== 2. home page start ===*/
.v-banner {
    max-width: 1920px;
    overflow: hidden;
    padding: 50px 0;
}

.v-box-1 {
    background: rgba(96, 188, 86, .10);
    padding: 25px 15px;
    border-radius: 10px;
}

.v-box-padding {
    padding-top: 140px;
}

.v-social-media {
    padding: 100px 0;
    max-width: 900px;
    margin: 0 auto;
}

.v-full-content h2,
.v-full-content h3,
.v-full-content h4,
.v-full-content h5,
.v-full-content h6 {
    font-weight: 700;
}

.v-full-content {
    max-width: 1139px;
    margin: 0 auto;
}

.v-p-box {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 20px 5px;
    max-width: 165px;
    margin: 0 auto;
    position: relative;
}

.v-p-box p {
    font-weight: 500;
    color: #26235E;
    margin: 5px 0;
}

.v-p-box:after {
    content: url("../img/arrow-right.png");
    position: absolute;
    z-index: 999;
    left: 90%;
    top: 45%;
    width: 100%;

}

.v-p-box-num-4 .v-p-box:after, .v-p-box-num-8 .v-p-box:after {
    display: none;
}

.arrow-reverse .v-p-box:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.v-testimonial-section {
    max-width: 950px;
    margin: 0 auto;
}

.v-testimonial-bg {
    background: rgba(96, 188, 86, .10);
    padding: 150px 0;
    margin-bottom: 100px;
}

.v-testimonial-content {
    position: relative;
}

.v-testimonial-content:before {
    content: url("../img/q.png");
    position: absolute;
    z-index: 99;
    top: -65px;
}

.v-testimonial-content h4 {
    font-size: 18px;
    color: #60BC56;
    margin-bottom: 0;
}

.v-testimonial-content span {
    font-size: 11px;
}

/*=== 2. home page end ===*/
/*=== 3. blog page start ===*/
.v-breadcrumb a, .v-breadcrumb span {
    font-size: 16px;
    font-weight: 600;
}

.v-breadcrumb h1, .v-breadcrumb h1 span {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    padding: 15px;
}

.v-breadcrumb {
    padding: 50px 0 10px 0;
}

.v-breadcrumb .v-cat, .v-tag a {
    background: #003B73;
    color: #fff;
    padding: 4px 25px;
    display: inline-block;
    position: relative;
    top: 0;
    border-radius: 35px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.v-breadcrumb .v-date {
    background: #003B73;
    color: #fff;
    padding: 4px 25px;
    display: inline-block;
    position: relative;
    top: 0;
    border-radius: 35px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.v-blog-short {
    padding: 0 0 80px 0;
}



.v-post-author img {
    max-width: 32px;
    border-radius: 100%;
    margin-right: 10px;
}

.v-date {
    color: #26235E;
    padding: 4px 25px;
    display: inline-block;
}

.v-post-title a:hover {
    text-decoration: underline;
}

.v-post-title a {
    font-weight: 600;
}

.v-blog-img {
    border-radius: 3px;
    height: 270px;
    overflow: hidden;
}

.v-data-author a {
    padding: 0;
    color: #c2b3b3;
}

.v-cat {
    color: #ff7246;
}

/*.pagination {*/
/*    display: inline-block;*/
/*}*/

/*.pagination a {*/
/*    color: black;*/
/*    float: left;*/
/*    padding: 8px 16px;*/
/*    text-decoration: none;*/
/*}*/


/*.pagination a:hover:not(.active) {*/
/*    background-color: #ddd;*/
/*}*/
.sidebar-img img{
    border-radius: 3px;
}

.v-blog-details p {
    font-size: 16px;
    line-height: 24px;
}

.v-blog-details ul li, .v-blog-details ol li {
    font-size: 16px;
}


.pagination ul li:before{
    display: none;
}

.pagination-center {
    text-align: center;
}
.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.pagination-navigation li {
    display: inline;
}

.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
    background-color: #003B73;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 10px;
}

.pagination-navigation li a:hover,
.pagination-navigation li.active a {
    background-color: #3C8DC5;
}

/*=== 3. blog page end ===*/
/*=== 4. contact page start ===*/
.v-icon i {
    background: #60BC56;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-right: 15px;
}

.v-l-box {
    border: 2px solid #ddd;
    border-radius: 2px;
    padding: 25px;
}

.v-l-box ul {
    margin-left: 0;
}

.v-l-box ul li a {
    color: #000000;
}

.v-l-box ul li:before {
    display: none;
}

.v-l-box i {
    margin-right: 5px;
    color: #60BC56;
}

.v-form .v-btn {
    background: #60BC56 !important;
    padding: 13px 30px !important;
    display: inline-block !important;
    color: #fff !important;
    font-weight: 400 !important;
    position: relative !important;
    transition: all 0.3s ease-out 0s !important;
    width: 100%;
}

.v-form label {
    font-weight: 400 !important;
    margin: 3px !important;
}

.everest-forms .StripeElement, .everest-forms canvas.evf-signature-canvas, .everest-forms input[type=date], .everest-forms input[type=datetime-local], .everest-forms input[type=email], .everest-forms input[type=file], .everest-forms input[type=image], .everest-forms input[type=month], .everest-forms input[type=number], .everest-forms input[type=password], .everest-forms input[type=range], .everest-forms input[type=search], .everest-forms input[type=tel], .everest-forms input[type=text], .everest-forms input[type=time], .everest-forms input[type=url], .everest-forms input[type=week], .everest-forms select, .everest-forms textarea {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/*=== 4. contact page end ===*/
/*=== 5. about us page start ===*/
.v-about-short small {
    font-size: 14px;
    letter-spacing: 10px;
    color: #26235E;
    font-weight: 500;
}

.v-about-short h2, .v-about-short h3, .v-about-short h4, .v-about-short h5, .v-about-short h6 {
    font-size: 32px;
    font-weight: 600;
    color: #60BC56;
    line-height: 40px;
    max-width: 323px;
    padding: 7px 0;
}

.v-rating h6 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #000000;
    padding: 0;
}

.v-rating span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #000000;
    padding: 0;
}

.v-about-short p {
}

.v-about-short ul, .v-about-short ol {
}

.v-about-short ul li, .v-about-short ol li {
}

.v-c-box img {
    max-width: 90px;
    border: 10px solid #fff;
    border-radius: 100%;
    position: relative;
    top: -50px;
}

.v-c-box p {
    font-size: 16px;
}

.v-c-box {
    background: rgba(96, 188, 86, .10);
    padding: 2px 15px 15px 15px;
    border-radius: 10px;
    text-align: center;
    max-width: 255px;
    margin: 0 auto;
}

.v-c-text {
    position: relative;
    top: -20px;
}

.v-box-2 {
    transition: .2s;
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(96, 188, 86, 0.10);
    padding: 15px;
}

.v-box-2:hover {
    box-shadow: 0 0 50px 0 rgba(96, 188, 86, 0.2);
}

.v-team-box ul {
    margin: 0 15px;
}

.v-team-box ul li:before {
    display: none;
}

.v-team-box ul li i {
    padding: 5px;
    border: 1px solid #dddddd;
    border-radius: 100%;
}

.v-team-box ul li i {
    padding: 5px;
    border: 1px solid #60BC56;
    border-radius: 100%;
    width: 25px;
}

.v-team-box ul li {
    margin: 1px;
}

.v-team-box {
    background: rgba(96, 188, 86, .10);
    border-radius: 110px 110px 25px 25px;
}

.v-team-box img {
    border: 5px solid #60BC56;
    border-radius: 100%;
    position: relative;
    top: -15px;
    height: 266px;
    width: 100%;
}

/*=== 5. about us page end ===*/



