/*
Theme Name: Pincoder Template Theme
Theme URI: https://pincoder.net
Author: Pincoder Inc.
Author URI: https://pincoder.net
Description: This template is use for all project from pincoder inc. It is a customize base website with client specifications and request.
Version: 1.0
Tags: pincoder.net
*/

@font-face {
   font-family: 'Poppins-SemiBold';
   src: url(assets/fonts/Poppins-SemiBold.ttf);
}

@font-face {
   font-family: 'Poppins-Light';
   src: url(assets/fonts/Poppins-Light.ttf);
}

@font-face {
   font-family: 'Poppins-Regular';
   src: url(assets/fonts/Poppins-Regular.ttf);
}

@font-face {
   font-family: 'Poppins-Bold';
   src: url(assets/fonts/Poppins-Bold.ttf);
}

body{
   font-family: 'Poppins-Regular';
   /* max-width: 1365px;
   margin: 10px auto; */
   width: 100%;
   font-size: 16px;
   /* padding: 0 1em; */
}
h1{
   font-size: 1.8rem;
   font-family: 'Poppins-Bold';
}
.h2title{
   font-size: 1.3rem;
    margin: 20px 0 5px;
}
/* General Style */
.txt-center{text-align: center;  margin-top: 2em; }
.btn-blue{background: #222a40 !important; border-radius: 50px !important; color: white !important; padding: 10px 20px !important;font-size: 23px !important;}

/*In General Style */

ul{list-style: none; margin: 0; padding: 0;}
p{margin-bottom: .5rem;     line-height: 30px;}
p.noMargin{margin: 0 !important; font-family: 'Poppins-SemiBold';}
a{color: #1e293b; text-decoration: none}
a:hover{color: #4e3d07;}
.email{overflow-wrap: break-word;}
.alert.sm{
   font-family: 'Poppins-Regular';
   padding: 5px 10px;
   font-size: 17px;
}
.alert.tiny{
   font-family: 'Poppins-SemiBold';
   padding: 3px 10px;
   font-size: 12px;
}
.show{display: block}
.hide{display: none;}
strong{font-family: 'Poppins-Bold';}
.loader{
   position: absolute;
   background: #6b6340;
   opacity: .5;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 999;
   visibility: hidden;
}
.header-area, .banner, .main-content, .services-content .wrapper, .bottom-content, .page-content{width: 100%; max-width: 1365px; margin: 0 auto; }
.header-area, .banner{text-align: center;}
/* Header Logo Area */
.page-header{
   height: 200px;
    width: 100%;
    text-align: center;
    padding: 20px;
    background: #1e293b;
    margin-bottom: 2em;
    color: white;
}
.page-header h1{font-size: 3em;
    color: white;
    margin-top: 42px;}
.header-area{
   padding: 20px 0;
   margin-bottom: 10px;
   padding-bottom: 0;
   text-align: center;
}

.header-area .logo{
   display: inline-block; max-width: 336px; text-align: center; width: 100%; margin-left: 2em;
}

.header-area .wrapper{display: inline-block;max-width: 935px;width: 100%; vertical-align: middle;}

.burgerMenu{display: none}
   .header-area .logo img{width: 220px}
.header-area .contact{
   text-align: right; font-family: 'Poppins-Regular'; font-size: 18.5px;
}

.navigation-header{
   padding-bottom: 0.5em;
}
   .navigation-header li{ display: inline-block; margin: 5px; vertical-align: middle; margin-right: 2em; }
   .navigation-header li:last-child{margin: 0}
   .navigation-header li a{
      color: black; font-family: 'Poppins-regular'; display: block; padding: 10px 0; font-size: 26px;
   }
   .navigation-header li a:hover, .navigation-header li a[aria-current="page"]{
         color: #212b43;font-family: 'Poppins-semibold';
   }
/* Banner Area*/
   .banner .wrapper {}
   .banner .wrapper .left{width: 100%; max-width: 582px; background: #e7d78d87; padding: 4em 2.5em 3em;display: inline-block; position: relative; z-index: 1;}
      .banner .wrapper .left h3{font-family: 'Poppins-bold'; font-size: 43px; color: #222a40; line-height: 1.4em;}
      .banner .wrapper .left p{ font-size: 21px; padding: 0 2px;}
   .banner .wrapper .right{width: 100%; max-width: 680px; display: inline-block; vertical-align: top; position: relative; left: -2em; top: -1em;}
      .banner .wrapper .right video{max-width: 830px; }
/* End Banner Area*/

/* Main Content */
.main-content .wrapper{margin-top: 1.5em;}
   .main-content .wrapper .left{width: 100%; max-width: 670px; display: inline-block;}
      .main-content .wrapper .left img{width: 100%; object-fit: none; object-position: right;}
   .main-content .wrapper .right{width: 100%; max-width: 685px; background: #e7d78d87; display: inline-block; vertical-align: top; padding: 2em 3em .5em 5em; position: relative; left: -3.5em; top: 1.5em;}
      .main-content .wrapper .right h4{font-family: 'Poppins-bold';}
      .main-content .wrapper .right h3{font-family: 'Poppins-bold'; color: #222a40; font-size: 40px;}
      .main-content .wrapper .right p{font-family: 'Poppins-regular'; font-size: 18px}
   .services-content{background-image: url(images/services-bg.jpg); background-repeat: no-repeat; background-position: center; width: 100%; background-size: cover; margin-top: 2em;}
      .services-content .wrapper{padding: 2em;}
      .services-content .service-desc{width:100%; max-width: 1000px; background: white; padding: 2em 3em; text-align: center; border-radius: 3em; margin: 0 auto;}
         .services-content .service-desc h3{font-family: 'Poppins-bold'; font-size: 40px; color: #222a40; }
         .services-content .service-desc p{font-family: 'Poppins-regular'; font-size: 18px}
         .services-content .service-list{margin-top: 2em;}
            .services-content .service-list ul{text-align: center;}
               .services-content .service-list ul li{display: inline-block; width: 400px; background: #e7d78dcf; vertical-align: middle; margin: 5px; border-radius: 4em; padding: 10px 15px; text-align: left; cursor: pointer;}
                  .services-content .service-list ul li img{width: 100px; border-radius: 100%; height: 100px; object-fit: cover; display: inline-block; vertical-align: middle;}
                  .services-content .service-list ul li h4{display: inline-block; vertical-align: middle; font-family: 'Poppins-semibold'; width: 250px; padding-left: 5px;}
               .services-content .service-list ul li:hover{background: #d79756}

.bottom-content{background-image: url(images/mission-vision-bg.png); background-repeat: no-repeat; background-position: top;}
      .bottom-content .wrapper .mission-vission{padding: 5em 2em 2em; margin-top: 2em;}
         .bottom-content .wrapper .mission-vission h3{font-family: 'Poppins-bold'; color: #222a40; font-size: 43px; max-width: 600px; width: 100%; margin: 0 auto 15px; padding: 15px; background: white; text-align: center; border-radius: 1em;}
         .bottom-content .wrapper .mission-vission p{max-width: 1100px; margin: 0 auto; background: white; width: 100%; padding: 2em 1em; text-align: center; font-size: 18px;}

.newsletter{background: #e7d78d; margin: 1em auto; width: 100%; max-width: 1300px; padding: 2em 4em; border-radius: 2em;text-align: center;}
   .newsletter h3{font-family: 'Poppins-bold'; color: #222a40; font-size: 43px; display: inline-block; vertical-align: middle; width: 50%; text-align: center;}
   .newsletter p{font-size: 18px; color: black; width: 47%; display: inline-block; vertical-align: middle; }

/* Footer */
footer {
   max-width: 1365px;
   margin: 10px auto;
   padding: 2em 15px 0;
}
footer .nav-section, footer .contact-section{background: #222b40; margin-right: 2em; padding: 2em; color: white;}
   footer .logo-section{text-align: center; margin-top: 3em;}
   footer .logo-section a img{width: 240px;}
   footer .logo-section a:hover, , footer .logo-section a[aria-current="page"]{color: #e7d78d}
   footer .logo-section a span{font-family: 'Poppins-bold'; color: #222b40; font-size: 30px; display: block;}
   footer .nav-section h3, footer .contact-section h3{font-family: 'Poppins-bold'; color: white; font-size: 30px;}
   footer .contact-section p{padding-bottom: 15px;}
   footer .contact-section a{color: white}
   footer .contact-section a:hover{color: #e7d78d;}
   footer .navigation-footer ul{list-style: disc; padding-left: 1em;}
   footer .navigation-footer ul li{padding: 5px 0;}
      footer .navigation-footer ul li a{font-size: 18px; color: white;}
      footer .navigation-footer a:hover, footer .navigation-footer a[aria-current="page"]{color: #e7d78d}

footer p:first-child{margin-top: 3px}
footer p{
   font-family: 'Poppins-Light';
   margin: 0;
}
footer .copyright{
   font-family: 'Poppins-Light';
   font-size: 18px; text-align: center; padding: 10px
}
/* Form Container */
.of-container{width: 100%; max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 1em 2em; border-radius: 10px; margin-top: 1em; border: 1px solid #c6c6c6;}
.pin-col-2{width: 49% !important; display: inline-block; vertical-align: middle; }
.wpforms-field span.required{color:red;}
.wpforms-field label{
   font-family: 'Poppins-SemiBold';
   font-size: 16px;
   margin-bottom: 10px;
   display: block;
}
.wpforms-field input, .wpforms-field textarea, .wpforms-field select{border-radius: .7em !important; border-color: #b1b1b1 !important; padding: 10px 1em !important; font-size: 20px !important; width: 97% !important; height: 55px !important; border: 1px solid}
 .wpforms-field textarea{height: AUTO !important;}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{
   position: absolute !important;
   bottom: -5px !important;
   right: 2em !important;
}

input.privacy-policy, input[type="radio"]{display: inline-block; width: 35px !important; padding: 0 !important; height: 21px !important; vertical-align: middle;}
input[type="radio"]{width: 22px !important; vertical-align: top;}
.input-option{ display: inline-block; vertical-align: middle; padding: 0 20px;}
.input-option label{display: inline-block; vertical-align: bottom;}
/* Page Style */
.page-content{padding: 1em 2em;    font-size: 18px;}

.page-content.services .wp-block-columns .wp-block-column-is-layout-flow{}
   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow h5{font-family: 'Poppins-bold'; color: white; font-size: 25px;}
   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow p{font-family: 'Poppins-regular'; color: white; font-size: 18px;}

.service-img{}