/*
Theme Name:World Project Management
*/

*{
text-decoration: none !important;
outline: none !important;
}

/************VARIABLE CSS***********/
/************VARIABLE CSS***********/
:root {
  --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #fcb814;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
  --main-bg-color: #fff; 
  --main-text-color:#222830; 
  --main-font-size: 16px; 
  --main-font-weight: 400; 
  --main-line-height: 25px; 
  --font-titel:'Montserrat', sans-serif;
  --font-paragraph:'Poppins', sans-serif;
  --preloder-color:#0f3485;
  --preloder-animeshan-color:#fff;
  --humbarger-color:#d2202d;
  --dark-color:#272b6a;
  --light-color:#ffffff;
  --heading-color:#111111;
  --color-green:#1fbf54;
}

.color-white-global{
  background-color: var(--light-color) !important;
  color: var(--heading-color) !important;
}

/************VARIABLE CSS***********/
/************VARIABLE CSS***********/

body {
  font-family: var(--font-paragraph);
    font-weight:var(--main-font-weight);
  font-size:var(--main-font-size);
  color:var(--main-text-color);
  line-height:var(--main-line-heigh);
  background: var(--main-bg-color);
  letter-spacing: 0.4px;
  margin:0px;
  padding: 0px;
  font-weight: normal;
  font-style: normal;

font-family: 'Poppins', sans-serif;

  
}
p:empty{
  display: none;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
}
ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
a, a:hover, a:focus{
  text-decoration: none;
}
ol {
    list-style: decimal inside;
}

.h1, .h2, .h3, h1, h2, h3,h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: var( --font-titel) !important;
}

p {
    margin: 0;
    padding: 0;
    color: #2e2e2e;
    font-size: 15px;
    line-height: 26px;
    font-family: var(--font-paragraph);
}
b,
strong {
    font-weight: 600;
}
blockquote {
    margin: 0;
    padding: 0;
    border: none;
}
a,
a:hover,
a:visited {
    color: #0d5f96;
}
::selection {
    background: #eb2429;
    color: #000;
}
::-moz-selection {
    background: #eb2429;
    color: #000;
}
a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus{
  outline:none;
  
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #eb2429; 
}

/**************theme sacting*******/
.swich0{
  display: none !important;
}
.swich1{
  display: block;
}

/*****************
Typography
*****************/
.h1 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 800 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-titel) !important;
}

.h2 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-titel) !important;
    letter-spacing: -0.5px;
}

.h3 {
     margin: 0px !important;
    padding: 0px !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-family) !important;
    letter-spacing: -0.5px;

}
.h4 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0d141e !important;
    text-transform: capitalize;
    line-height:27px;
    font-family: var(--font-titel) !important;
}
.h5 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0d141e !important;
    text-transform: capitalize;
    line-height:27px;
    font-family: var(--font-titel) !important;
}

.font-size p,.font-size a {
    font-size: 13px !important;
    font-weight: 500;
 
}

.font-size2 p {
    font-size: 18px;
    font-weight: 300;
    color: #6a6a6a;

    font-family: var(--font-paragraph);
}
.font-bold {
    font-weight: 800;
  
}
.font-semibold {
    font-weight: 700;
}
.font-mediumbold {
    font-weight: 600;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-italic {
    font-style: italic;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-justify {
    text-align: justify;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.color-white{
  color: #fff !important;
}
.color-white p{
  color: #fff !important;
}
p {
    font-size: 15px;
    color: #131313;
    line-height: 26px;
}

.letter-spacin-0{
  letter-spacing: 0px;
}
.letter-spacin-1{
  letter-spacing: 1px;
}
.letter-spacin--1{
  letter-spacing: -1px;
}

.image-shadow img{
  box-shadow: 0px 0px 30px #ccc;
}

.relativ-class{
  position: relative;
}

/*****************
Typography
*****************/
/***************
VISUL CLASS
*************/
.overflow-visible{
  overflow: visible !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.box-shadow { box-shadow:0px 0px 40px rgba(2, 2, 2, 0.18);
}

.no-shadow{
  box-shadow: none !important;
}

/***************
VISUL CLASS
*************/


/***************
page scrool
**************/
.scrollup {
    right: -45px;
    position: fixed;
    border-radius: 0px;
     bottom: 0px;
    width: 45px;
    height: 45px;
    z-index: 9999;
   text-align: center;
   line-height: 45px;
   color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
     background-color: rgba(12, 1, 1, 0.7);
}
.scrollup.active {
    bottom: 0px;
    right: 0px;
}
.scrollup:hover {
    background-color: #eb2429;
}

/***************
page scrool
***************/



.section {
    width: 100%;
overflow: hidden;
}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/

#pull span{
width: 25px;
    height: 3px;
    background: #0c5f96;
    display: block;
    margin-bottom: 5px;
}

#pull{display:none; cursor: pointer;}
.nav{
}
#pull{display:none;}
.nav > ul{
 
    font-family: var(--font-titel);
  
    

}
.nav > ul > li{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;
  margin:0px 8px 0px 0px;}
.nav > ul > li:last-child,
.nav > ul > li:only-child{margin:0px 0px 0px 0px}
.nav > ul > li::before {
  position: absolute;
  top: 0px;
  left: 0%;
  z-index: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background:transparent;
  border-radius:0px; 
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border-radius:50px; 
}
.nav > ul > li:hover:before,
.nav > ul > li.current-menu-item:before,
.nav > ul > li.current-menu-parent:before,
.nav > ul > li.current-menu-ancestor:before{transform:scaleX(1);-webkit-transform:scaleX(1);}
.nav > ul > li > a {
  font-family: 'Poppins', sans-serif;
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  color: #28282c;
  line-height: 23px;
  cursor: pointer;
  letter-spacing: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.nav > ul > li:hover > a,
.nav > ul > li.current-menu-item > a,
.nav > ul > li.current-menu-parent > a,
.nav > ul > li.current-menu-ancestor > a{ color:var(--themecolor); }
.nav > ul > li > ul{position:absolute;top:100%;
  left:0;z-index:9999;width:240px;height:auto;padding:3px 0px 0px 0px;
  background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul,
.nav > ul > li:nth-last-child(2) > ul{left:auto;right:0;}
.nav > ul > li:hover > ul{top:100%;opacity:1;visibility:visible;}
.nav > ul > li > ul > li,
.nav > ul > li > ul > li > ul > li{position:relative;width:100%;height:auto;float:left;}
.nav > ul > li > ul > li > a,
.nav > ul > li > ul > li > ul > li > a{display:block;width:auto;height:auto;padding:2px 15px 1px 15px;background:rgba(39, 43, 106, 0.9);
  border-top:1px #0c2a44 solid;text-transform:capitalize;font-weight:500;font-size:12px;color:#fff;line-height:18px;cursor:pointer;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:hover > ul > li > a,
.nav > ul > li:hover > ul > li > ul > li > a{padding:9px 15px 10px 15px;}
.nav > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li.current-menu-parent > a,
.nav > ul > li > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li > ul > li.current-menu-parent > a{background:#1fbf54;}
.nav > ul > li > ul > li > ul{position:absolute;top:10%;left:100%;z-index:9999;width:240px;height:auto;background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul > li > ul,
.nav > ul > li:nth-last-child(2) > ul > li > ul{left:auto;right:100%;}
.nav > ul > li > ul > li:hover > ul{top:0;opacity:1;visibility:visible;}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/


/****************
START HEADER PART
****************/

.header{
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 0px;
  top:0px;
}
.head-top-part{
  width: 100%;
  padding: 15px 0px;
}

.logo{
  padding:0px 15px 0px 50px; 
}
.menu-right{
   padding:0px 50px 0px 15px;  
   display: flex;
}
.header-socil{
  display: flex;
}
.header-socil li{
  padding: 8px 10px;
  line-height: 20px;
      font-size: 18px;
}
.header-socil li .facebook-icon{
color: #1444a6;
}
.header-socil li .twiter-icon{
  color: #2488ce;
}
.header-socil li .linkedin-icon{
  color: #307da9;
}

/****************
END HEADER PART
****************/

/***************MPBILE MENU***********/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 35px;
  display: none;
}

.sidenav a {
  
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.sidenav ul li a{
  padding: 15px;
  border-bottom: 1px solid #121212; 
}
.mobile-menu li.current-menu-item a{
  color:#fff;
  background:var(--themecolor); 
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.pus-icon{
  display: none;
}



/***************MPBILE********/

.top-head{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  padding: 14px 0px;
}

/***************************
BANNE
***************************/

.home-banner{
  width: 100%;
  padding: 170px 0px 100px 0px;
}

.banner-text{
  width:100%;
  display: flex;
  flex-wrap: wrap;
      flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}


.banner-text  > span{
font-size: 50px;
letter-spacing: 0px;
line-height: 60px;
color:var(--white); 
width: 100%;
display: inline-block;
vertical-align: top;
font-weight: 300;
margin-bottom: 10px;

}

.banner-text > strong{
margin-bottom: 15px;
font-weight: 700;
font-size: 50px;
letter-spacing: 0px;
line-height: 60px;
color:var(--white); 
width: 100%;
display: inline-block;
vertical-align: top;
}
.banner-text > p{
  color:var(--white); 
  font-size: 16px;
  margin-bottom: 37px;
}

.button{
font-size: 17px;
color:#fff !important;
background-color: var(--themecolor) ;

padding: 15px 30px;
border-radius:4px; 
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.5px;
display: inline-block;
}

/*************banner form **************/
.banner-form {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 80px;
}

.form-left-banner {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-radius:4px; 
     overflow: hidden;
}
.banne-fild{
  flex: 0 0 25%;
  max-width: 25%;

}
.banne-fild span{
  padding: 0px;
  margin: 0px;
}
.banne-fild input[type=text],
.banne-fild input[type=email],
.banne-fild select,
.banne-fild input[type=tel]{
width: 100%;
    font-size: 14px;
    height: 47px;
    padding: 10px;
    border: none;
    border-left: 1px solid #ccc;
}
.form-right-banner input[type=submit]{
font-size: 17px;
    color: #fff !important;
    background-color: var(--themecolor);
    padding: 14px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-block;
    border: none;
}
.form-right-banner{
  padding: 10px;
}

/**************inner sec***********/
.section-one{
  width: 100%;
  padding: 80px 0px;
}
.text-home h1{
  color: #322927;
  font-size: 34px;
  width: 100%;
  text-transform: capitalize;
  text-align: center;
  font-weight: 700;
}
.home-img1{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px;
    margin-bottom: 35px;
}
.home-img1 img{
  border-radius:10px; 
}
.text-home p{
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  color: #322927;
  margin-bottom: 30px;
}
.section-two{
  padding-bottom: 80px;
}
.left-img-screen{
width: 1000px;
    float: right;
}
.left-img-screen img{

}
.right-text-holder{
  padding-left: 65px;
}
.right-text-holder h2,
.left-text-holder h2{
font-size: 34px;
font-weight: 700;
margin-bottom: 20px;
}
.right-text-holder p,
.left-text-holder p{
  font-size: 18px;
  font-weight: 400;
  color: #595858;
  line-height: 26px;
  margin-bottom: 20px;
}
.right-img-screen {
    width: 910px;
    float: left;
}
.left-text-holder{
  padding-right: 65px;
}

.blog-section{
  padding: 80px 0px;
}
.heading-part{
  width: 100%;
  text-align: center;
}
.heading-bigg{
  font-size: 34px;
  color: #322927;
  margin-bottom: 50px;
  font-weight: 700;
}
.holder-project{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.pic{
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 4px;
}
.pic > img{
  width: 100%;
}
.pic > .holder{
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
.holder-project .data{
width: 100%;
padding: 24px 0px;
}
.data-top{
  display: flex;
  margin-bottom: 18px;
}
.data-top-in{
  font-size: 14px;
  color: #746f6e;
  padding: 2px 10px;
}
.data-top-in:first-child{
  padding-left: 0px;
}
.data-top-in:last-child{
  padding-right: 0px;
  border-left:1px solid #ccc; 
}
.data h4{
  font-size: 20px;
  color: #322927;
  line-height: 28px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 18px;
}
.home-black-section{
  padding: 80px 0px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-attachment: fixed !important; 
}

.text-black-holder .heading-black{
color: #ffffff;
font-size: 34px;
font-weight: 600;
margin-bottom: 24px;
}
.text-black-holder p{
color: #95969b;
width: 100%;
text-align: center;
margin-bottom: 20px;
line-height: 26px;
}

/**************
footer
**************/
footer{
background-color: #fff;
display: inline-block;
vertical-align: top;
padding: 80px 0px 0px 0px;
width: 100%;
}

.logo-footer{
    margin-bottom: 15px;
    display: inline-block;
}
.footer-content p{
color: #7d7e81;
font-size: 15px;
letter-spacing: 0px;
}
.footer-content2{

}
.footer-content2 h4{
font-size: 16px;
color:var(--themecolor);
text-transform: uppercase;
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 35px; 
}
.foot-menu ul li a{
color: #322927;
font-size: 15px;
line-height: 28px;
width: 100%;
}

.contact-info{

}
.contact-info li{
  font-size: 15px;
  display: flex;
  margin-bottom: 20px;
}
.contact-info li i{
  flex: 0 0 25px;
  max-width: 25px;
  color: #929292;
}

.contact-info li p,
.contact-info li a{
  color: #322927;
  font-size: 15px;
}
.contact-info li i.fa-map-marker{
    font-size: 22px;
    margin-top: 3px;
}
.contact-info li i.fa-phone{
    font-size: 21px;
    margin-top: 0;
}
.footer-social li a{
 display: flex;
 font-size: 15px;
 color: #636464;

}
.footer-social li a:hover{
  color: var(--themecolor);
}
.footer-social li{
  margin-bottom: 15px;
}
.footer-social li a i{
    flex: 0 0 25px;
    font-size: 19px;
  max-width: 25px;
  color: #353539;
}
.foot-menu-copy{
  border-top:1px solid #dddddd;
  padding: 20px 0px;
  margin-top: 20px; 
}
.text-copy{
  text-align: center;
  font-size: 13px;
  color: #636464;
}
.text-copy p{
  font-size: inherit;
  color:inherit;
}

/**********************
INNER Banner
*********************/
.inner-banner{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 100px 0px;
}
.page-titel {
  color:#fff;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
}


.about-section-1{
  padding: 80px 0px;
}
.text-about h1{
font-size: 40px;
font-weight: 700;
line-height: 45px;
letter-spacing: 0px;
margin-bottom: 30px;
}
.text-about h4{
font-size: 16px;
font-weight:700;
  margin-bottom: 15px;
text-transform: capitalize;

}
.text-about p{
  color: #555962;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.red-text{
font-size: 16px;
font-weight:700;
  margin-bottom: 15px;
text-transform: uppercase;
color: var(--themecolor);
}
.about-img1{
  border-radius: 5px;
  overflow: hidden;
}

.about-text-right1{
  padding-left: 65px;
}
.about-text-right1 h2{
font-size: 30px;
font-weight: 600;
line-height: 45px;
letter-spacing: 0px;
margin-bottom:15px;
}
.about-text-right1 h3{
  font-size: 30px;
font-weight: 600;
line-height: 45px;
letter-spacing: 0px;
margin-bottom: 15px;
}
.about-text-right1 p{
   color: #555962;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.about-section-3{
  background:#1d3f94; 
  margin-top: 150px;
}
.left-hide{
 display: none;
}
.right-text-holder-about{
  padding: 170px 70px;
}
.right-text-holder-about h3{
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 28px;
}
.right-text-holder-about p{
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #fff;
margin-bottom: 20px;
}
.right-text-holder-about p:alst-child{
  margin-bottom: 0px;
}
.modbile-not-show{
  background-size:cover !important; 
  background-position:right center !important; 
}

.about-section-4{
  padding: 80px 0px;
}

.about-text-left1{
  padding-right: 40px;
}
.about-text-left1 h3{
font-size: 40px;
line-height:50px;
font-weight: 700;
margin-bottom: 30px;
}
.about-text-left1 p{
      color: #555962;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}


.about-text-left2{
  padding-left: 40px;
}
.about-text-left2 h3{
font-size: 40px;
line-height:50px;
font-weight: 700;
margin-bottom: 30px;
}
.about-text-left2 p{
      color: #555962;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.about-section-5{
  padding-bottom: 80px;
}
.about-section-6{
  background:url(images/about-background.png); 
  width: 100%;
  background-size:cover; 
  padding: 80px 0px;
}
.pepal-heding-group{
  text-align: center;
}
.pepal-heding-group h3{
font-size: 34px;
line-height: 40px;
color: #fff;
font-weight: 700;
}
.pepal-heding-group p{
      color: #d5e0fb;
    font-size: 15px;
    letter-spacing: 0;
    margin-top: 25px;
}
.pepal-holder{
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.pepal-data{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 35px 0px;
}
.pepal-data strong{
font-size: 20px;
font-weight: 700;
color: #fff;
}
.pepal-data span{
  color: #81a0ee;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 6px;
}
.team-under{
  width: 100%;
  padding: 10px 160px;
}
.team-under p{
  color: #d5e0fb;
  line-height: 26px;
  letter-spacing: 0px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.team-under p:last-child{
  margin-bottom: 0px;
}

/*************************
POST PAGE
*************************/
.blog-list-page{
  background: #fafafb;
  padding: 80px 0px;
}
.post-holder{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 50px;
}
.athor-left{
  flex: 0 0 100px;
  max-width: 100px;
}
.athor-left .aut-img{
    border-radius: 200px;
}
.athor-left .link-athotr{
    text-align: center;
    margin-top: 18px;
}
.athor-left .link-athotr > div {
font-size: 13px;
    text-transform: uppercase;
    color: #535353;
    font-weight: 600;
    letter-spacing: 2px;
}
.athor-left .link-athotr > span {
  font-size: 13px;
  color: #949494;
  text-transform: uppercase;
}
.artical-rigth{
    flex: 0 0 80%;
  max-width: 80%;
}
.data-post{

}
.data-post h4{
font-size:36px;
font-weight: 700;
line-height: 40px;
padding-bottom: 24px;
border-bottom:1px solid #e4e4e4; 
}
.data-post h4 a{
  color: #3c3c3c;
}

.articl-bar{
padding: 25px 0px;
    width: 100%;
}

.articl-bar ul{
display: flex;
justify-content: flex-start;

}
.articl-bar ul > li {
    font-size: 14px;
    text-transform: uppercase;
    color: #6e6e6e;
    font-weight: 500;
    letter-spacing: 1px;
    margin-right: 20px;
}
.articl-bar ul > li i{
  margin-right: 5px;
  color: #237ad0;
}
.articl-bar ul li a{

}
.cat-lis{
  display: flex;
}
.cat-lis ul li{
margin-right: 4px;
}
.cat-lis ul li a{
     color: #6e6e6e;
}
.blogpic-holder{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
}

.pagination {
justify-content: center;
    align-items: center;
}
.pagination .current{
    background: #eeeeee;
    padding: 5px 10px;
    font-size: 13px;
    margin: 2px 5px;
    border-radius: 4px;
}
.pagination .inactive{
    background: #4272e0;
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
    margin: 2px 5px;
    border-radius: 4px;
}

/*sidebar*/

.bar-serachs,
.recent-posts,
.tag-area{
  background: #fff;
  border-radius: 8px;
  padding: 25px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
.bar-serachs h4,
.recent-posts h4,
.tag-area h4{
  font-size: 16px;
  color: #202223;
  margin-bottom: 18px;
}
.form-row-custom{
  background: #ffffff;
  display: flex;
  border:1px solid #ebebeb;
  padding: 10px 5px;
  border-radius:6px;

}
.form-row-custom input[type=search]{
  flex: 0 0 auto;
width: 91%;
border: none;
font-size: 14px;
}
.form-row-custom button{
flex: 0 0 35px;
    max-width: 35px;
    border: none;
    background: url(images/search-con.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.re-list{
  display: flex;
  margin-bottom: 16px;
  align-items:flex-start; 
}
.re-list .recent-post-thumbnail{
  flex: 0 0 80px;
  max-width: 80px;
}
.recent-post-data{
  flex: 0 0 auto;
  max-width:68%;
  padding: 5px 10px;
  font-size: 12px;
}
.recent-post-data a{
     width: 100%;
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
}
.re-list .recent-post-thumbnail a{
 height:100px;
    width: 100%;
    display: inline-block;
    border-radius:3px;
    overflow: hidden; 
}
.re-list .recent-post-thumbnail a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tag-area a{
  background: #f9f9f9;
  border:1px solid #e0e0e0;
  border-radius: 4px;
  padding: 5px 8px;
  color: #9c9c9c;
  font-size: 13px;
  color: #9c9c9c;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  transition: all 0.3s;   
}
.tag-area a:hover{
  background: var(--themecolor);
  color: #fff;
  border:1px solid var(--themecolor);
}

.not-show{
  display: none;
}
.comment-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.coomen-fild{
  width: 49%;
  margin-bottom: 15px;
}
.coomen-fild input[type=text]{
    width: 100%;
    background: none;
    border: 1px solid #e8e8e8;
    padding: 15px;
    font-size: 14px;
    transition: all 0.3s;
}
.coomen-fild-full{
  width: 100%;
  margin-bottom: 15px;
}
.coomen-fild input[type=text]:focus,
.coomen-fild-full textarea:focus{
  border: 1px solid var(--themecolor);
}
.coomen-fild-full textarea{
    width: 100%;
    background: none;
    border: 1px solid #e8e8e8;
    padding: 15px;
    font-size: 14px;
       transition: all 0.3s;
}
#respond{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
}
#respond h3{
  margin-bottom: 30px;
}
.coment-submit{
      font-size: 17px;
    color: #fff !important;
    background-color: var(--themecolor);
    padding: 15px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-block;
    border: none;
}

.commentlist-custom{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.commentlist-custom li .comment-body{
  background: #fcfcfc;
  padding: 30px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border:1px solid #ecf0f1;
  margin-bottom: 18px; 
  position: relative;
}
.reply {
    position: absolute;
    right: 15px;
    top: 30px;
    background:var(--themecolor);
    border-radius: 5px;
    padding: 6px 10px;
    font-size: 14px;
    color: #fff !important;
}
.reply a{
   color: #fff !important;
}
.comment-author{
  margin-bottom: 15px;
}
.comment-author img{
  width: 70px;
  height: 70px;
  border-radius: 4px;
  margin-right: 15px;

}
.comment-author .fn{
  display: inline-block;
}
.comment-meta{
  margin-top: 15px;
}
.comment-meta a{
  margin-top: 10px;
  color: #b7b7b7;
  font-size: 14px;
}
.commentlist-custom h4{
  margin-bottom: 25px;
}
.sharethis{
  margin-top:50px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
}
.sharethis h4{
  font-size: 18px;
}


.artical-rigth p{
  margin-bottom: 25px;

}
.artical-rigth blockquote{
  font-style: italic;
  padding-left: 100px;
  position: relative;
  margin: 30px 0px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.artical-rigth blockquote:before{
  content:"\f10d"; 
   font-family: 'FontAwesome';
   font-style:normal ;
   position: absolute;
   width: 77px;
   height: 77px;
   text-align: center;
   line-height: 77px;
   color: #fff;
   font-size:30px;
   left: 0px;
       background: var(--themecolor);
       border-radius: 200px;

}
.allert{
  background:#efefef;
  padding: 20px;

}

.servces-page-one{
  background: #fafafb;
  padding: 80px 0px;
}
.service-group-text h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
 .service-group-text p {
    color: #555962;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.list-serv-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    margin-top: 30px;
}
.lit-left{
  flex: 0 0 auto;
}
.lit-right{
width: 100%;
}
.lit-right ul{
display: flex;
flex-wrap: wrap;
}

.lit-right ul li{
  font-size: 14px;
  color: #555962;
  font-weight: 600;
  margin-left: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
}
.lit-right ul li:before{
  content: "";
  background: #bcbcbc;
  position: absolute;
  left: 0px;
  top:2px;
  width: 8px;
  height: 8px;
  border-radius: 100px;
}

.servces-page-two{
  background: #fafafb;
}
.center-heading {
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
}
.center-heading h2{
      font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
.center-heading p {
    color: #555962;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.color1{
background: #1d3f94;
}
.color2{
  background: #1c3b89;

}
.color3{
  background: #1d3f94;

}
.holder-services {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
height: 100%;
  color: #fff;
}
.holder-services h3{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
    padding: 25px 25px 0px 25px;
}
.holder-services p{
  color: #d2d8e7;
  line-height: 26px;
  margin-bottom: 20px;
  font-size: 16px;
    padding: 0 25px 0px 25px;
}
.colo-s2{
  background: #274aa2;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 16px;
}
.colo-s2 h4{
  font-size: inherit;
}

.colo-s3{
  background: #1a3577;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 16px;
}
.colo-s3 h4{
  font-size: inherit;
}

.colo-s4{
  background: #2d54b5;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 16px;
}
.colo-s4 h4{
  font-size: inherit;
}
.colo-s5{
  background: #274aa2;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 16px;
}
.colo-s5 h4{
  font-size: inherit;
}
.soma-headin-se{
  margin-bottom: 20px;
  width:100%;
  display: inline-block;
  vertical-align: top;
}


.servces-page-threes{
padding: 80px 0px;
background: #fafafb;
}
.service-group-text h3{
font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
.service-group-text h4{
font-size: 24px;
margin-bottom: 15px;
margin-top: 15px;
}
.lts-icons li{
  padding-left: 35px;
  font-size: 16px;
  color: #555962;
  margin-bottom: 15px;
  line-height: 24px;
  position: relative;
}

.lts-icons li:before{
    content: "\f058";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    font-size: 25px;
    color: #3bb54a;
}
.service-group-text-full{

}

.service-group-text-full h4{
      font-size: 24px;
    margin-bottom: 15px;
  
}
.full-list-icons{
  width: 100%;
  display:flex;
  flex-wrap: wrap;
margin-top: 20px;
}

.full-list-icons > li{
  padding-left: 35px;
  font-size: 16px;
  color: #555962;
  margin-bottom: 15px;
  line-height: 24px;
  position: relative;
  flex: 0 0 20%;
  max-width: 20%;
}

.full-list-icons > li:before{
    content: "\f058";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    font-size: 25px;
    color: #3bb54a;
}
.full-list-icons > li > ul > li{
      font-size: 14px;
    color: #555962;
    font-weight: 400;

    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}
.full-list-icons > li > ul > li:before {
    content: "";
    background: #bcbcbc;
    position: absolute;
    left: 0px;
    top:8px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
  }

.section-project1{
  background: #fafafb;
}
.left-img-screen-project{
  width: 838px;
    float: right;
}
.section-project2{
  background: #fafafb;
  padding: 80px 0px;
}

.fild input[type=text], 
.fild input[type=email], 
.fild select, 
.fild input[type=tel] {
    width: 100%;
    font-size: 14px;
    height: 47px;
    padding: 10px;
    border: none;
   border-radius: 3px;
    background: #fff;
}

.fild{
  margin-bottom: 20px;
}
.margin-bottom{
  margin-bottom: 40px;
}

.fom-submit input[type=submit] {
  cursor: pointer;
    font-size: 18px;
    margin-top: 20px;
    color: #fff !important;
    background-color: var(--themecolor);
    padding: 17px 50px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-block;
    border: none;
}
.section-project-m{
  background: #fafafb;
  padding-bottom: 80px;
}
.conatct-page-one{
  background: #ffffff;
  padding: 80px 0px 40px 0px;
}

.info-holder {
    background: #f8f8f8;
    width: 100%;
    padding: 30px;
    display: flex;
        height: 100%;
}
.conatct-page-two{
    background: #ffffff;
}
.info-icon {
    flex: 0 0 auto;
}
.info-data{
  padding-left: 20px;
}
.info-data h4{
  color:var(--themecolor);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px; 
  margin-bottom: 10px;
}
.info-data p{
font-size: 15px;
    word-break: break-all;
}
.info-data a{
  font-size: 15px;
     word-break: break-all;
}
.phon-size{
  font-size: 24px !important;
}


.googlemap{
  width: 100%;
  position: relative;
  z-index: 0;
}
.googlemap iframe{
  width: 100%;
}

.form-holder {
    padding: 30px 40px;
    width: 100%;
}
.form-contac-page {
  background: #fff;
    box-shadow: 0px 0px 30px #efefef;
    width: 100%;
    margin: 60px 0px 0px 0px;
    position: relative;
    z-index: 100;
    transform: translate(0px, 37px);
    margin-bottom: -60px;
}
.form-holder h4{
  font-size: 16px;
  text-transform: uppercase;
  color: #383838;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8ebf1;
}

.form-conatc-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-end;
}
.conatc-page-fild{
  flex:0 0 28%;
  max-width: 28%; 

  padding: 10px;
}
.conatc-page-sybmit{
    flex:0 0 16%;
  max-width: 16%; 
  padding: 10px;
}
.conatc-page-fild input[type=text],
.conatc-page-fild input[type=tel],
.conatc-page-fild input[type=email]{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #cccccc;
  height: 45px;
  padding: 10px;
}

.conatc-page-sybmit input[type=submit] {
    font-size: 17px;
    color: #fff !important;
    background-color: var(--themecolor);
    padding: 14px 40px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-block;
    border: none;
  
 
}

.heading-h1{
  font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
.tesimonals{
  margin-top: 30px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.descrip-clients1{
  padding-left: 20px;
}
.descrip-clients1 p{
  margin-bottom: 15px;
  font-size: 16px;
  color: #555962;
}

.descrip-clients2{
position: relative;
 
    background: url(images/qute.png) no-repeat;
    background-position: top left;
    padding: 30px;
}
.descrip-clients2 p{
  margin-bottom: 15px;
  font-size: 16px;
  color: #555962;
}
.clients-name span {
    padding: 0px 30px;
    font-size: 20px;
    font-weight: 600;
    color: #555962;
    position: relative;
    width: auto;
}
.clients-name span:after{
content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background: #555962;
    right: -18px;
    top: 15px;
}


.accordion {
  background-color: #f9f9f9;
  border:1px solid #e1e1e1 !important; 
  border-radius:5px; 
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
margin-top: 13px;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active-ac, .accordion:hover {
  background-color: #f9f9f9;
    border:1px solid #1d3f94  !important; 
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-ac:after {
  content: "\2212";
}
.active-ac + .panel {
 padding:30px 0px;
  transition: max-height 0.2s ease-out;
}
.panel {

  padding: 0 0px;
  background-color: #f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: 16px;
  line-height: 25px;
}

.error_main {
    width: 100%;
    text-align: center;
    padding: 80px 0px;
}

/***************************
RESPONSIVE
***************************/

@media only screen and (max-width:1230px) {
  .nav > ul > li > a{
        padding: 5px 5px 5px 5px;
        font-size: 13px;
  }
  .logo {
    padding: 0px 15px;
}
.menu-right {
    padding: 0px 15px;
    display: flex;
}

  
  }
  @media only screen and (max-width:1045px) {
.nav {
  display: none;
}
.pus-icon {
display: block;
    background: #0b294a;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    margin-left: 30px;
}
.sidenav{
  display: block;
  }
}
  @media only screen and (max-width:991px) {
    .conatc-page-fild {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px;
}
    .list-serv-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}
.full-list-icons > li {
    padding-left: 35px;
    font-size: 16px;
    color: #555962;
    margin-bottom: 15px;
    line-height: 24px;
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
}
    .about-text-right1 {
    padding-left: 0;
    margin-top: 30px;
}
.about-img1 {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.modbile-not-show{
  background:none !important; 
}
.left-hide {
    display: block;
    width: 100%;
    text-align: center;
}
.right-text-holder-about {
    padding: 40px 45px;
}
.about-text-left1 {
    padding-right: 0;
}
.about-text-left2 {
    padding-left: 0;
}
.team-under {
    width: 100%;
    padding: 10px 15px;
}
.about-section-3 {
    background: #1d3f94;
    margin-top: 40px;
    padding-top: 40px;
}
.about-section-1,
.about-section-4,
.about-section-6,
.servces-page-one,
.servces-page-two,
.servces-page-threes {
    padding: 40px 0px;
}
.about-section-5 {
    padding-bottom: 40px;
}
.home-banner {
    width: 100%;
    padding: 100px 0px 70px 0px;
}
.banner-text > strong {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 37px;

}
.right-text-holder {
    padding-left: 0;
}
.left-text-holder {
    padding-right: 0;
}
.text-home p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #322927;
    margin-bottom: 30px;
}
.right-text-holder p, .left-text-holder p {
    font-size: 16px;
    font-weight: 400;
    color: #595858;
    line-height: 26px;
    margin-bottom: 20px;
}
  }
  @media only screen and (max-width:768px) {
.banner-form {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 36px;
}
.banner-text > span {
    font-size: 38px;
    letter-spacing: 0px;
    line-height: 30px;
    color: var(--white);
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    margin-bottom: 10px;
}
.banner-text > p {
    color: var(--white);
    font-size: 16px;
    margin-bottom: 15px;
}
  }
    @media only screen and (max-width:767px) {
      .descrip-clients1 {
    padding-left: 0;
    padding-top: 28px;
}
      .athor-left {
 flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.athor-left .link-athotr {
    text-align: left;
    margin-top: 18px;
}
.athor-left .aut-img {
    border-radius: 6px;
}
.artical-rigth {
    flex: 0 0 100%;
    max-width: 100%;
}
.data-post h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e4e4e4;
}

      .banner-text > strong {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 28px;
}
.banne-fild {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.banner-form {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 36px;
    flex-wrap: wrap;
}
.form-right-banner {
    padding: 10px;
    width: 100%;
}
.banne-fild input[type=text], 
.banne-fild input[type=email], 
.banne-fild select, 
.banne-fild input[type=tel] {
height: 40px;

}
.form-left-banner {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
    flex-wrap: wrap;
}
.home-banner {
    width: 100%;
    padding: 50px 0px;
}
.banner-text > strong {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
}
.banner-text > span {
    font-size: 30px;
    }
    .left-img-screen {
    width: 100%;
    float: right;
    margin-bottom: 20px;
}
.right-img-screen {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.footer-content2,
.footer-content {
    margin-bottom: 30px;
}

  }
    @media only screen and (max-width:600px) {
      .coomen-fild {
    width: 100%;
    margin-bottom: 15px;
}
      .articl-bar ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.articl-bar ul > li {
    font-size: 14px;
    text-transform: uppercase;
    color: #6e6e6e;
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
.post-categories{
  display: flex;
}

.post-categories  li{
margin-bottom: 0px !important;
width: auto !important;
margin-right: 6px !important;
}
      .inner-banner {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 40px 0px;
}
.page-titel {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
        padding: 0px 15px;
}
.pus-icon {
    
    margin-left: 10px;
}
.header-socil li {
    padding: 8px 7px;
    line-height: 20px;
    font-size: 18px;
}
.text-home h1,
.right-text-holder h2, 
.left-text-holder h2,
.text-black-holder .heading-black,
.text-about h1,
.about-text-right1 h2,
.about-text-right1 h3,
.right-text-holder-about h3,
.about-text-left1 h3,
.about-text-left2 h3,
.pepal-heding-group h3,
.service-group-text h1,
.center-heading h2,
.service-group-text h3,
.heading-h1 {
  
    font-size: 24px;
    line-height: 30px;
 
}
.full-list-icons > li {
    padding-left: 35px;
    font-size: 16px;
    color: #555962;
    margin-bottom: 15px;
    line-height: 24px;
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}
.right-text-holder-about p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}
.right-text-holder-about {
    padding: 40px 0;
}
.text-about h1 {
  
    margin-bottom: 15px;
}
.heading-bigg {
    font-size: 24px;
    color: #322927;
    margin-bottom: 30px;
    font-weight: 700;
}
.data h4 {
    font-size: 18px;
    color: #322927;
    line-height: 28px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 18px;
}
.home-img1 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-bottom: 35px;
}
.banner-text > strong {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
}
  }