@charset "utf-8";
/* --------- embedded fonts --------- */


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* --------- embedded fonts --------- */

:root{
    /*--poppins: "Roboto", sans-serif;*/
    --roboto: "Roboto", sans-serif;
    --yellow: #e6b63a;
   /*--dark-blue: #f3b518;
    --orange: #E24A01;*/
    --white: #ffffff;
    --body-font-color: #000;
    --black: #000;
    --gray-bg: #e7e8e9;
    --brown-bg: #433b33;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semiBold: 600;
    --fw-bold: 700;
    --fw-exbold: 800;
    --fw-black: 900;
}

/*..............common styles..............*/

body { margin: 0; padding: 0; font-size:16px; font-weight: font-weight: var(--fw-regular); color: var(--body-font-color); scroll-behavior: smooth; font-family: var(--roboto);}

h1, h2, h3, h4, h5{margin:0 0 20px; padding:0;color: var(--body-font-color); line-height: 1.3;}
h1{font-size: clamp(1.75rem, 1.438rem + 1.563vw, 3.313rem); font-weight: var(--fw-bold); text-transform: uppercase;} /* font-size : 53px */
h2{font-size: clamp(0.938rem, 0.625rem + 1.563vw, 2.5rem); font-weight: var(--fw-bold); text-transform: uppercase;} /* font-size : 40px */
h3{font-size: clamp(1.375rem, 1.212rem + 0.813vw, 2.188rem); font-weight: var(--fw-medium); text-transform: uppercase;} /* font-size : 35px */
h4{font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); font-weight: var(--fw-medium);} /* font-size : 20px */
h5{font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); font-weight: var(--fw-medium);} /* font-size : 18px */
h6{ font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); font-weight: var(--fw-medium);} /* font-size : 16px */

p{margin:0 0 20px; padding:0;line-height: 1.6; }
p:last-child{margin: 0;}

h2 strong{font-weight: 700;/*color: var(--blue);*/ color: var(--yellow);}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--white);}
.yellow-title h1, .yellow-title h2, .yellow-title h3{color: var(--yellow);}

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--body-font-color); outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{  font-weight: var(--fw-regular); outline: none;border: 0; font-size:16px; color: var(--body-font-color);}
.slick-dotted.slick-slider { margin-bottom: 0; }
/* input::placeholder{} */
input[type="submit"]{transition:all 0.3s ease 0s; outline: none; }

label {margin-bottom: 5px;}

/* .form-label{font-size: 18px;margin-bottom: 10px;color: #222;font-weight: 600;} */

.form-group{margin: 0 0 20px;}
/* .form-control{ background-color: transparent;border-radius: 0;padding: 18px 32px; margin-bottom: 50px; font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); color: var(--white); border: 2px solid #E9E9E9; line-height: 1;font-weight: 400;margin: 0; } */
.form-control{ background-color: #edecea;border-radius: 0;padding: 18px 32px; margin-bottom: 50px; font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);/* font-size:16px */ color: var(--white);border: 2px solid #9b9692;line-height: 1;font-weight: 400;margin: 0; }

.form-control::placeholder {color: var(--body-font-color);}
.form-control:focus, .form-select:focus{ border-color: var(--body-font-color); box-shadow: none;background-color: transparent; }
textarea.form-control{min-height: 160px;border-radius: 20px;border-radius: 0;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input[type=submit]{width: 100%;}

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
a.btn, .btn{ border: 1px solid #b1b3b1; vertical-align: middle; /*background: var(--white);*/ background: rgba(127, 127, 126, 0.4); /*color: var(--white);*/ color: #4f5650; /*padding: 20px 20px;*/ padding: 12px 20px; text-align: center; font-weight: var(--fw-bold); line-height: 1; text-transform: uppercase; border-radius: 0; font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); display: inline-block;}
.btn:hover{background: rgba(127, 127, 126, 1); transition: all 0.6s ease-in 0s; /*color: var(--brown-bg);*/ color: var(--white);}

a.btn.blue, .btn.blue { padding: 20px 30px; /*background: var(--blue);*/ background: var(--yellow); color: var(--white); border: 2px solid var(--white); box-shadow: 5px 4px 0 0 #fff; text-transform: uppercase; }
a.btn.blue:hover, .btn.blue:hover{background: var(--white);color: var(--blue);border-color: var(--blue); /*box-shadow: 5px 4px 0 0 var(--blue);*/ box-shadow: 5px 4px 0 0 var(--yellow);}


a.btn.border, .btn.border{ background: var(--white);color: var(--orange);border: 2px solid var(--orange) !important;}
.btn.border:hover{background: var(--orange);color: var(--white);border: 2px solid transparent;}
.btn.btn-white{border-color: rgba(255, 255, 255, 0.4); color: var(--white);}
.btn.btn-white:hover{background: rgba(127, 127, 126, 1); color: var(--white);}
/* --- Button Styles --- */


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 90px; padding-bottom: 90px; }
.common-padd-small{ padding-top: 45px; padding-bottom: 45px; }
.gray-bg{background-color: var(--gray-bg);}
.brown-bg{background-color: var(--brown-bg);}


/*..............common styles..............*/


/*..............Header..............*/

.main-header{/*padding: 15px 0;*/ padding: 10px 0; /*position: absolute;left: 0;right: 0;top: 0;z-index: 9999;*/ background-color: var(--white); box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);}
.main-header .header-row{display: flex;align-items: center;justify-content: space-between;}

.menu-row { display: block;text-align: end; }

.main-menu {}
.main-menu ul{display: flex; flex-wrap: wrap; align-items: center;list-style: none;margin: 0;padding: 0;}
.main-menu ul li{text-align: left; text-transform: uppercase;}
.main-menu ul li:not(:last-child){padding-right: 32px;}
.main-menu ul li a{color:var(--black);position: relative; font-weight: var(--fw-black);}
.main-menu ul li a::after{content: '';background: var(--black);position: absolute; bottom: 0; height: 1px;left: 0;width: 0;transition: all 0.3s;}
/*.main-menu ul li a:hover::after , .main-menu ul li.current-menu-item a::after{width: 100%;transition: all 0.6s ease 0s; color: var(--black);}*/
.main-menu ul li a:hover, .main-menu ul li.current-menu-item a{color: var(--yellow);}
.main-menu .btn{display: none;}

.header-right { display: block; }

.top-dropdown{display: flex;align-items: center;justify-content: end;/*margin: 0 0 20px;*/ margin: 0 0 10px;}
.top-dropdown p{color: var(--black);margin: 0 30px 0 0;flex: 0 0 auto;}
.top-dropdown select { width: auto; border-radius: 0; background-color: transparent; border: 1px solid var(--white); color: var(--white);text-transform: uppercase;background-image: url(../images/arrow-down.svg); background-repeat: no-repeat;background-size: 10px;background-position: center right 10px; }

/* dropdown */

li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children.current-menu-item > a::after, .main-header.fixed li.menu-item-has-children.current-menu-item > a::after {color: var(--body-font-color);}
/* li.menu-item-has-children > a::after { position: absolute; top: 5px; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: clamp(0.625rem, 0.451rem + 0.362vw, 0.75rem); margin-left: 4px; color: var(--body-font-color); transition: 0.3s ease-in; } */
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);min-width: 230px; z-index: 2;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--black);margin-right: 0;padding: 5px 10px;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--red) !important;/*color: var(--blue);*/ color: var(--yellow);}
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children ul.sub-menu a:after { display: none; }
/* li.menu-item-has-children:hover a::after{transform: rotate(180deg);} */
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;     margin-bottom: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}

.minus, .plus { display: none; }

/* dropdown */





.nav_btn { color: var(--body-font-color); font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: var(--body-font-color); }

.main-header.fixed {position: fixed; /*background: var(--blue);*/ background: var(--yellow); left: 0; right: 0;  top: 0;transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;z-index: 9999; backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.8);}
body.home.fixed-gap { margin-top: 103px; }

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}
.logo img {
    /*max-width: 264px;*/
    max-width: 180px;
}
/*..............Header..............*/


/*..............Banner..............*/

.banner-sec{/*height: 90vh;*/ height: calc(100vh - 116px); position: relative;z-index: 1;padding: 20px 0; display: flex; align-items: center;}
/*.banner-sec::after { content: ''; background: #f3c140e6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; clip-path: polygon(33% 0%, 100% 0, 100% 100%, 63% 100%);z-index: -1; }*/
.banner-sec::after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; }

.banner-content{text-align:left;}
/*.banner-content h1{color: var(--black);}*/
.banner-content h3{/*color: var(--black);*/font-weight: 400;line-height: 1.2;margin: 0 0 50px;}
/*.banner-content .btn{display: block;width: fit-content;margin-left: auto;margin-bottom: 30px;}*/
.singel-page-banner { height: 65vh !important; }
/*.banner-sec.singel-page-banner::after{ clip-path: polygon(32% 0%, 100% 0, 100% 100%, 49% 100%) }*/
.singel-page-banner  .banner-content h3{margin: 0;}
.bann-btn-row { display: flex; flex-flow: row wrap; column-gap: 20px;}

.banner-video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.banner-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*..............Banner..............*/

/*-- Hom-Counter-Sec --*/

.hom-counter-sec{/*background-color: var(--brown-bg); padding: 25px 0;*/ /*background-color: #000;*/ padding: 2px 0; background-color: #f9f9f9;  border-bottom: 4px solid #8b8b8b;}
.hom-counter-list ul{display: flex; flex-flow: row wrap; justify-content: center; padding: 0; margin: 0; list-style: none;}
.hom-counter-list ul li{padding: 0 35px; position: relative; text-align: center;}
.hom-counter-list ul li:not(:last-child):before{width: 2px; height: 35px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: linear-gradient(to bottom, var(--brown-bg), var(--white), var(--brown-bg)); content: "";}
.hom-counter-list ul li p{color: var(--white); margin-bottom: 10px; font-weight: var(--fw-black);}
.hom-counter-list ul li p span{color: #d3d2d0;}
.hom-counter-list ul li p:last-child{font-weight: var(--fw-medium); margin-bottom: 0;}
.js-copyright-label{display: none !important;}
.tv-ticker-item-tape{color: #fff !important;}

/*-- Hom-Counter-Sec --*/

/*..............About Section..............*/

.common-head{max-width: 967px;margin: 0 auto 47px;}
  
.about-sec{/*background-color:#f8f8f8;*/ position: relative;z-index: 1;}
/*.about-sec::after { content: ''; background: url(../images/about-bg.png) no-repeat center / cover; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: -1; max-width: 1180px; }*/
.about-card { /*padding: 44px 20px;*/ padding: 15px; text-align: center; /*background: var(--white); box-shadow: 5px 4px 0 0 #d3d3d3;*/height: 100%; }
.about-card .icon-wrap { /*width: 111px; height: 111px;*/ height: 160px; /*background: var(--blue); box-shadow: inset 0 6px 4px rgba(255, 255, 255, .4), inset 0px -10px 2px rgb(0 0 0 / 14%);*/ display: flex;align-items: center;justify-content: center; margin: 0 auto 20px;}
body.page-template-contact .about-card .icon-wrap{margin: 0 auto 40px; background-color: var(--yellow); border-radius: 100%; height: 100px; width: 100px;}
.about-card:hover h5{/*color: var(--brown-bg);*/ color: var(--yellow);}

.about-hom-pic{position: relative;}
.about-hom-pic:before{position: absolute; top: -1px; left: 0; content: ""; background: var(--white); width: 130px; height: 130px; clip-path: polygon(100% 0, 0 0, 0 100%);}
.about-heading {
    margin-bottom: 20px;
}
.about-heading a {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}
.about-heading h2 {
    margin-bottom: 0;
    width: calc(100% - 136px);
    font-weight: var(--fw-black);
}
.about-title-logo {
    width: 136px;
}
.common-head.hom-about-content {
    margin: 0 0;
    padding-left: 40px;
}
.about-content-sec p {
    color: #484848;
    font-weight: var(--fw-medium);
    font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem);}
    
/*..............About Section..............*/

/*..............Project Section..............*/

.projects-sec{position: relative;}
/*.projects-sec::after { content: ''; background: url(../images/about-bg.png) no-repeat center / cover; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: -1; max-width: 1240px; }*/


.slider-img{position: relative;padding: 70% 0 0;}
.slider-img img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit:cover;}

.projects-wrap .col-lg-4.col-md-6 {display: flex; flex-direction: column; }
.project-bex{ background: #eeeeee; border: 1px solid #adafad; transition: all 0.6s ease-in-out 0s; flex-grow: 1; height: 100%;}
.project-bex:hover{background: var(--brown-bg);}
.project-bex:hover .project-content h4 a, .project-bex:hover .project-content a, .project-bex:hover p{color: var(--white);}
.project-bex:hover .btn{color: #fff;}
/*.project-slider{margin: 0 0 20px;}*/
.project-slider .slick-prev, .project-slider .slick-next{z-index: 9;}
.project-slider .slick-prev{left: 10px;width: 30px;height: 30px;}
.project-slider .slick-prev::before{content: '';background: url(../images/arrow-left.png) no-repeat center / cover;position: absolute;width: 30px;height: 30px;opacity: 1;top: 50%; left: 50%; transform: translate(-50%, -50%); }
.project-slider .slick-next{right: 10px;width: 30px;height: 30px;}
.project-slider .slick-next::before { content: ''; background: url(../images/arrow-right.png) no-repeat center / cover; position: absolute; width: 30px; height: 30px; opacity: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.project-content{padding: 35px 10px; max-width: 410px; margin: 0 auto;}
.project-content a.title{color: var(--brown-bg); text-transform: uppercase;font-weight: var(--fw-semiBold); /*font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); padding: 0 0 20px;*/ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 10px; font-weight: 700;}
.project-content P{margin: 0px 0 20px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: var(--brown-bg); font-weight: var(--fw-medium);}
.project-content .btn{display: inline-block;}
.corporate-box { height: 100%; background: #eee; border: 1px solid #adafad; transition: all 0.6s ease-in-out 0s;}
.corporate-team-details{padding: 30px;}
.corporate-box:hover{background: var(--brown-bg);}
.corporate-box:hover .corporate-team-details h3, .corporate-box:hover .corporate-team-details h5, .corporate-box:hover .corporate-team-details p, 
.corporate-box:hover .corporate-team-details h4, .corporate-box:hover .corporate-team-details h6{color: var(--white);}


.projects-sec .bottom-btn{text-align: center;margin: 50px 0 0;}
.projects-sec h5 { color: var(--brown-bg);}
.demo-slider .slick-slide { margin: 0 10px;}
.demo-slider .project-content P{min-height: 130px;}

.demo-slider .slick-dots li button {
    /*font-size: 0;
    line-height: 0;
    display: block;*/
    width: 10px;
    height: 10px;
    padding: 0px;
    /*cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #d9d9d9;*/
    border-radius: 50px;
}
.demo-slider .slick-dots li button:before {
    line-height: 10px;
    width: 10px;
    height: 10px;
    opacity: 1;
    color: #d9d9d9 !important;
    background: #d9d9d9;
    border-radius: 50px;
}
.demo-slider .slick-dots li.slick-active button:before{color: #4f5650 !important; background: #4f5650;}
.demo-slider .slick-dots { position: relative; bottom: 0px; margin-top: 30px;}


/*..............Project Section..............*/

/*..............Contact Section..............*/
.contact-form .form-control:focus, .contact-form .form-select:focus{color: var(--body-font-color)}
.contact-sec{position: relative;z-index: 1;}
/* .contact-sec::after{content: ''; background: rgb(9 42 108 / 85%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: -1;} */
.contact-sec::after{content: ''; background: rgb(239 189 62 / 85%); position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: -1;}

.page-template-contact .contact-form h2, .page-template-careear .contact-form h2 strong, .page-template-legal .contact-form h2 strong, .page-template-annual-meeting .contact-form h2 strong, .single-project .contact-form h2 strong{color: var(--black); margin: 0 0 40px; text-transform: uppercase;}
/*body.home*/ .contact-sec.con-ftr .contact-form h2, /*body.home*/ .contact-sec.con-ftr .contact-form h2 strong {color: var(--yellow);}
.page-template-contact .contact-form h2 strong, .page-template-careear .contact-form h2 strong, .page-template-legal .contact-form h2 strong, .page-template-annual-meeting .contact-form h2 strong, .single-project .contact-form h2 strong, .mailpoet_page-template-default .contact-form h2 strong{color: var(--white);}
/*.page-template-contact , .page-template-careear */

.contact-info{margin: 0 0 40px;}
.contact-info h2 , .contact-info h2 strong{color: var(--black);margin: 0 0 40px;}
.contact-info ul{margin: 0;padding: 0;list-style: none;display: block;}
.contact-info ul li{display: flex;max-width: 320px;color: var(--black);font-weight: 600;align-items: flex-start;}
.contact-info ul li a{color: var(--black);font-weight: 600;}
.contact-info ul li:not(:last-child){padding-bottom: 20px;}
.contact-info ul li img{padding-right: 40px;flex: 0 0 auto;}


.social-wrap h2 , .social-wrap h2 strong{color: var(--black);margin: 0 0 40px;}
.social-wrap p{color: var(--black);font-weight: 600;margin: 0 0 10px;}
.social-wrap a{color: var(--black);font-weight: 600;}

.social-wrap ul{display: flex;flex-wrap: wrap;margin: 30px 0 0;padding: 0;list-style: none;}
.social-wrap ul li{width: fit-content;}
.social-wrap ul li:not(:last-child){padding-right: 30px;}
.social-wrap ul li a{width: 69px;height: 69px;border-radius: 50%;display: flex;justify-content: center;align-items: center;/*color: var(--blue);*/ color: var(--yellow); font-size: 30px;background: var(--white);}

/*-- contact-new-deisgn --*/
.contact-hom-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    bottom: 0; overflow: hidden;}
.contact-hom-pic img{width: 100%; height: 100%; object-fit: cover;}
/*body.home*/ .contact-form { padding: 0 0 0 125px; max-width: inherit;
    border: none;
    background-color: transparent;
    backdrop-filter: none; box-shadow: none;}
.contact-sec.con-ftr::after{display: none;}
.contact-form .wpcf7-submit.btn { max-width: 400px; margin: 0 auto !important; display: table;}
.footer-colS.social-wrap ul li { width: auto;}
.footer-colS.social-wrap ul li:not(:last-child) { padding-right: 14px;}
.page-template-contact .contact-form, .page-template-careear .contact-form, .page-template-legal .contact-form, .page-template-annual-meeting .contact-form, .single-project .contact-form, .mailpoet_page-template-default .contact-form{
    padding-left: 0;
    margin: 0 auto;
    max-width: 1000px;
    border: 2px solid #fff;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);}

/* footer */
footer { /*background: #f8f8f8;*/ background-color: #191613;}
.footer-top { padding: 50px 0; }
.ftr-logo {margin-bottom: 60px;} 
.ftr-title-top-space{margin-top: 50px;}
.footer-colS h5 { color: var(--yellow); font-weight: var(--fw-black); text-transform: capitalize; margin-bottom: 35px;} 
.footer-colS ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.footer-colS ul li { width: 50%; font-size: 15px; color: var(--white); margin-bottom: 10px; }
.mailpoet_paragraph ul.parsley-errors-list.filled li.parsley-required{color: #ff6c6c;}
.footer-colS .address-cntnt { display: block; } 
.footer-colS .address-cntnt li { display: flex; font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); font-weight: var(--fw-medium); color: var(--white); text-transform: uppercase;}
.footer-colS .address-cntnt li span { /*width: 20px;*/ width: 27px; flex: 0 0 auto; /*margin-right: 20px;*/ margin-right: 30px;} 
 .footer-colS .address-cntnt li p { flex: 0 0 auto; width: calc(100% - 57px); }
 .ftr-text { margin-top: 50px; } 
 .ftr-text p { font-style: italic; font-weight: 500; /*color: #333;*/ color: var(--white);}

 .footer-bottom{/*background: var(--dark-blue);*/ background: var(--yellow); padding: 15px 0;}
 .footer-bottom p ,  .footer-bottom p a{color: var(--white); margin: 0;}

.col-ftr-logo ul.address-cntnt li {width: 100%; margin-bottom: 15px;}
.mailpoet_paragraph input.mailpoet_submit { background: rgba(127, 127, 126, 0.4); padding: 12px 20px; border: 1px solid #b1b3b1; color: #4f5650; font-weight: bold; font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); text-transform: uppercase; transition: all 0.6s ease-in 0s;}
.mailpoet_paragraph input.mailpoet_submit:hover{ background: rgba(127, 127, 126, 1); transition: all 0.6s ease-in 0s; color: var(--white);}

/* technical reports */
 .tech-report-wrap { display: flex; flex-wrap: wrap; justify-content: center; } 
 .tech-box { background: var(--white); width: 30.2%; padding: 27px 20px; margin-right: 40px; margin-bottom: 30px; /*box-shadow: 5px 6px 0px  var(--blue);*/ box-shadow: 5px 6px 0px var(--yellow);} 
 .tech-box h6 { /*color: var(--blue);*/ color: var(--yellow); margin-bottom: 20px; font-size: 14px; } 
 .tech-box a { text-decoration: underline; color: #092a6c; font-weight: 500; margin-bottom: 20px; display: inline-block; } 
 .tech-box p { font-weight: 500; font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); /*color: #444444;*/ color: var(--white); }
 .address-cntnt li a, .footer-colS ul li a { color: var(--white); font-size: clamp(0.938rem, 0.9rem + 0.188vw, 1.125rem); font-weight: var(--fw-medium);}
 .address-cntnt li a:hover, .footer-colS ul li a:hover { color: var(--yellow);}
 .footer-colS.social-wrap ul li a { width: 36px; height: 36px; color: var(--white); font-size: 18px; background: var(--yellow);}
.footer-colS.social-wrap ul li a:hover{background: var(--white); color: var(--yellow);}
.footer-colS.social-wrap { margin-top: 30px;}
.footer-newsletter #mailpoet_form_1 form.mailpoet_form { padding: 0px; display: flex; flex-flow: row wrap;}
.footer-newsletter input#form_email_1 { height: 53px; padding: 3px 12px 3px 35px !important; background: #333437; border-radius: 5px 0 0 5px; color: var(--white); background-image: url(../images/ftr-newsletter-icon.png); background-repeat: no-repeat; background-position: top 18px left 10px;}
.footer-newsletter input#form_email_1::placeholder { color: var(--white); opacity: 1; }
.footer-newsletter input#form_email_1::-ms-input-placeholder { color: var(--white);}

.ftr-news-btn input.mailpoet_submit {background-image: url(../images/ftr-submit-icon.png); background-color: #333437; font-size: 0; width: 42px !important; height: 53px; border-radius: 0 5px 5px 0; background-position: center center; background-repeat: no-repeat; text-indent: -9999px;}
#mailpoet_form_1 .mailpoet_paragraph { width: calc(100% - 49px);}
#mailpoet_form_1 .mailpoet_paragraph.last { width: auto !important;}
.footer-newsletter span.mailpoet_error_bdx6m, .footer-newsletter .mailpoet_error_upbpl, ul.parsley-errors-list.filled { margin-top: 7px; display: block;}


/* technical reports */

/* contact us */
.cntact-width { max-width: 1030px; margin: 0 auto; } 
.about-card h5 { /*color: var(--dark-blue);*/ color: var(--black); font-weight: 600; text-transform: uppercase; }
.cntact-width p { font-weight: 500; color: #444444; }
/* contact us */

/* Estima Reports */
.report-name { max-width: 600px; margin: 0 auto; } 
.report-name ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; list-style: none; } 
.report-name ul li { width: 50%;  margin-bottom: 10px; position: relative;} 
.report-name ul li:after { position: absolute; content: ''; width: 100%; /*height: 3px;*/ height: 1px; background: #c6c6c6; bottom: 0; left: 0; }
.report-name ul li a { font-size: 16px; color: var(--body-font-color); font-weight: 600; display: inline-block; position: relative; padding-bottom: 13px;} 

/* Capital Structure */
.capital-table { max-width: 1170px; margin: 0 auto; padding: 4px; background: var(--white); border: 1px solid #99b3e8; padding: 4px; } 
.capital-table table { margin: 0; }
.capital-table table tr:nth-child(odd) td { background: #ebeef4; } 
.capital-table table tr td { padding: 20px; font-weight: 500; color: var(--body-font-color); margin: 3px; } 

/* legal */
.legal-wrap h4 {font-weight: 700;}

/* operation */
/*.projects-sec-inner .project-bex {margin-bottom: 40px;}*/

/* career */
.capital-table table tr th { /*background: var(--blue);*/ background: var(--yellow); text-transform: uppercase; color: var(--white); padding: 20px 39px; vertical-align: top;}
.career-table tr td { padding: 20px 39px !important; }
.team-offer h4 { /*color: var(--blue);*/ color: var(--yellow); text-transform: uppercase; font-weight: 700; margin-bottom: 45px; } 
.team-offer ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; } 
.team-offer ul li { width: 50%; font-weight: 600; margin-bottom: 30px; position: relative; padding-left: 20px; } 
.team-offer ul li:before { position: absolute; content: ''; width: 11px; height: 11px; /*background: var(--blue);*/ background: var(--yellow); border-radius: 50%; top: 23%;  left: 0; }

/* financial-report */
.report-heading h3 { /*background: var(--blue);*/ background: var(--yellow); color: var(--white); text-transform: uppercase; display: inline-block; font-weight: 600; padding: 22px 67px 22px 51px; position: relative; margin-bottom: 30px; /*clip-path: polygon(0 0, 93% 0, 105% 166%, 0 118%);*/ clip-path: polygon(7% 0, 93% 0, 105% 166%, 0 118%); box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.6);} 
/* .report-heading h3:before { position: absolute; content: ''; clip-path: polygon(0 0, 37% 0, 100% 100%, 0 100%); width: 40px; height: 100%; background: var(--blue); top: 0; right: -39px; }  */
.report-heading { padding-bottom: 50px; border-bottom: 1px solid #ccc; margin-bottom: 50px; }
.report-heading p a{/*color: var(--dark-blue);*/ color: var(--yellow); font-weight: 500;}
.financial-tab h4 { font-weight: 700; color: var(--black); margin-bottom: 14px; } 
.financial-tab p a { /*color: var(--dark-blue);*/ color: var(--yellow);} 
.financial-tab p { font-weight: 500; }
.financial-tab li{margin-bottom:12px}
.financial-tab .nav-pills li .nav-link { background-color: #f5f5f5; margin-right: 12px; font-weight: 700; color: var(--black); padding: 12px 30px; border-radius: 0; }
.financial-tab .nav-pills li .nav-link.active{/*background: var(--blue);*/ background: var(--yellow); color: var(--white);}


.report-box { border: 1px solid #e6e6e6; padding: 22px 30px; margin-bottom: 20px; } 
.report-date h5 { /*color: var(--blue);*/ color: var(--yellow); margin-bottom: 13px; font-weight: 600; }
.report-date a { display: inline-block; font-weight: 600; padding: 5px 62px 6px 20px; position: relative; margin-bottom: 30px; /* background: var(--blue); */ color: var(--white); text-transform: uppercase; position: relative; z-index: 3;}
.report-date a:before { position: absolute; content: ''; width: 100%; height: 100%; background: var(--black); z-index: -2; clip-path: polygon(0 0, 82% 0, 117% 200%, 0 122%); left: 7px; top: 0; } 
.report-date a:after { position: absolute; content: ''; /*background: var(--blue);*/ background: var(--yellow); width: 100%; height: 100%; left: 0; top: 0; clip-path: polygon(0 0, 82% 0, 117% 200%, 0 122%); z-index: -2; }


.report-table tr td { border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding: 35px; vertical-align: top; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;} 
.report-table table tr td h4 { font-weight: 600; height: 52px;} 
.report-table table tr td h2 { font-weight: 500; /*color: var(--black);*/ color: var(--yellow); text-shadow: 1px 0px 0px var(--black);}
/*.report-table tr:last-child td { border-bottom: 0; }*/


.press-img { text-align: center; box-shadow: -1px 2px 13px rgb(188 188 188 / 21%); padding: 20px; margin-bottom: 20px; position: relative; background: var(--white);}
.press-date { background: var(--black); padding: 12px; position: absolute; bottom: 0; right: 0; width: 110px; text-align: center;} 
.press-date h6 { color: var(--white); text-transform: uppercase; font-weight: 700; margin: 0; }
.press-date h6 span { width: 100%; display: block; }
.pagination-area{margin-top: 60px;}

.opt-listing { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-top: 30px;} 
.opt-listing li {  font-weight: 400; margin-bottom: 15px; position: relative; padding-left: 20px; } 
.opt-listing li:before { position: absolute; content: ''; width: 11px; height: 11px; /*background: var(--blue);*/ background: var(--yellow); border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0; }

.corporate-team { position: relative; padding-bottom: 100%; filter: grayscale(7);}
.corporate-team img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; border: 2px solid #55555512;     object-fit: cover;} 
.corporate-box .corporate-team{filter: grayscale(0);}

.corporate-team:before {
    width: 100%;
    height: 100%;
    /*border: 20px solid rgba(179, 178, 178, 0.5);*/
    border: 12px solid rgba(179, 178, 178, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    /*border-radius: 100%;*/
    z-index: 1;
    transition: all 0.6s ease-in-out 0s;
}
.corporate-box:hover .corporate-team:before{border-color: rgba(230, 182, 58, 0.5);}

.corporate-team-details h3, .corporate-team-details h4 { /*color: var(--blue);*/ color: var(--yellow); font-weight: 700; margin-bottom: 10px; }
/*.corporate-team-details h4 { font-weight: 600; color: var(--black); margin-bottom: 15px; } */
.corporate-team-details h5, .corporate-team-details h6 { color: var(--black); font-weight: 600;}
/*.corporate-zigzag .row { margin-bottom: 25px; }
.corporate-zigzag .row:nth-child(even) { flex-direction: row-reverse; }*/
.corporate-box:hover .btn{color: var(--white);}

.corporate-tab .nav-tabs { justify-content: center; border: 0; margin-bottom: 23px; } 
.corporate-tab .nav-tabs li button { background-color: #f5f5f5; /*margin-right: 12px;*/ margin-right: 0px; font-weight: 700; color: var(--black); padding: 12px 30px; border-radius: 0; } 
.corporate-tab .nav-tabs li .nav-link.active { /*background: var(--blue); color: var(--white);*/ background: var(--yellow); color: var(--white);}


.presentation-img { position: relative; padding-bottom: 80%; margin-right: 40px; } 
.presentation-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } 
.presentation-content h4 { /*color: var(--blue);*/ color: var(--yellow); text-transform: uppercase; font-weight: 600; }

.wpml-ls-legacy-dropdown{width: 15.5em; max-width: 100%; width: auto; border-radius: 0; background-color: transparent; border: 1px solid var(--white); color: var(--white); text-transform: uppercase; background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-size: 10px; background-position: center right 10px;}

.pagination-area ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; } 
.pagination-area ul li a , .pagination-area ul li span { padding: 17px; border: 2px solid #efc053; } 
.pagination-area ul li { margin-right: 12px; }
.pagination-area ul li span.current { /*background: var(--blue);*/ background: var(--yellow); color: var(--white); }

section.common-pg-sec:after, .common-pg-sec:after { content: ''; display: block; clear: both }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #f00;}
.wpcf7-not-valid{border: 1px solid red;}
.wpcf7-not-valid-tip{display: none;}

.pum-theme-1355 .pum-container, .pum-theme-lightbox .pum-container{/*background-color: var(--blue) !important;*/ background-color: var(--yellow) !important;}
.popmailchmp label {font-weight: 600; color: var(--white);}
.popmailchmp input[type=submit] { width: 100%; border: 1px solid var(--white); vertical-align: middle; background: var(--white); /*color: var(--blue);*/ color: var(--yellow); padding: 17px 25px; text-align: center; font-weight: 600; line-height: 1; text-transform: capitalize; border-radius: 0; font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); display: inline-block;}
.pum-theme-1355 .pum-title, .pum-theme-lightbox .pum-title {color: var(--white) !important;     font-weight: 600 !important; text-align: center !important; margin-bottom: 30px !important;}
.news-section{padding-top: 200px;}
.pum-container .form-control:focus{color:var(--white)}
.contact-sec form input[type="file"] { /*background-color: transparent;*/ background-color: #edecea; border-radius: 0; padding: 18px 32px; margin-bottom: 50px; font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); /* font-size: 16px; */ /*color: var(--white); border: 2px solid #E9E9E9;*/ color: var(--black); border: 2px solid #9b9692; line-height: 1; font-weight: 400; margin: 0; width: 100%; }
.contact-sec form input[type="file"]:focus { border-color: var(--body-font-color); box-shadow: none; background-color: transparent;}

/* 404 */
body.error404 .main-header {
    position: relative;
}
.cmmn-pg{min-height: calc(80vh - 140px);}
/* 404 */

.about-sec p a { /*color: var(--blue);*/ color: var(--yellow); text-decoration: underline; }
.hom-gold-row h2{margin-bottom: 0; font-weight: var(--fw-black);}
.demo-slider .project-content h4 { margin-bottom: 10px;}

/*-- Inner-pages-css-new-design-implementation(Start) --*/
/*.corporate-zigzag .row {
    padding: 50px 35px;
    background: #fff;
    box-shadow: 0 0px 11px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease-in-out 0s;
}

.corporate-zigzag .row:nth-child(2n + 2) {
    background: #efefef;
}
.corporate-zigzag .row:hover{box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.15);}
.corporate-zigzag .corporate-team img{ border-radius: 100%;}*/

.about-sec p { width: 100%; clear: both;}
.corporate-team-details p{display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.page-template-contact .about-card { background: #fff; box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.15); transition: all 0.6s ease-in-out 0s;}
.page-template-contact .about-card:hover { box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);}
.report-table table{width: 100%; text-align: center;}

.capital-box{background: url(../images/wave-card-bg.png) no-repeat left bottom #fff; padding: 40px 20px 40px 20px; height: 100%; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15); transition: all 0.6s ease-in-out 0s;}
.capital-box:hover{box-shadow: 0px 4px 1px 0px rgba(0,0,0,0.15);}
.capital-box h2{/*color: #333333;*/ color: var(--yellow);}
.capital-box h6{color: #5c5c5c; font-weight: 400; margin-bottom: 0;}

.filter-left {
   /*height: 100%;
    background-color: #f6f6f6;
    padding: 30px;
    position: sticky;
    top: 117px;*/
    margin-bottom: 20px;
}
ul.year-filter{list-style: none; padding: 0; margin: 0; /*border: 1px solid #d7d7d7;*/ display: flex; flex-flow: row wrap; gap: 10px;}
ul.year-filter li {
    padding: 15px 15px;
    transition: all 0.6s ease-in-out 0s;
    color: var(--black);
    background: #e9e9e9;
    font-weight: var(--fw-black);
    font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
    min-width: 150px;
    text-align: center;
    cursor: pointer;
}
ul.year-filter li:hover , ul.year-filter li.active {
    background: #e6b84f;
    color: var(--white);
}

.report-btn-list ul{padding: 0; margin: 0; gap: 20px; display: flex; flex-flow: row wrap; align-items: center; list-style: none;}
.report-btn-list ul li{width: 48%;}
.report-btn-list ul li h5{margin-bottom: 0;}
.report-btn-list ul li a{padding: 20px 40px 20px 30px; display: flex; flex-flow: row wrap; align-items: center; border: 1px solid #333; color: var(--body-font-color); text-transform: uppercase; width: 100%; justify-content: space-between; position: relative;}
.report-btn-list ul li a span { position: absolute; right: 20px; top: 20px;}
.report-btn-list ul li a:hover, .report-btn-list ul li.active a{border-color: var(--yellow); background-color: var(--yellow); color: var(--body-font-color);}

/*-- Inner-pages-css-new-design-implementation(End) --*/

@media (min-width: 992px) {
    .single .about-sec .container {
    max-width: 900px;}

}

@media (min-width: 1500px) {
    .container{
        max-width: 1350px;
    }
    .single .about-sec .container {
    max-width: 1100px;}
}

@media (min-width: 1600px) {
    .container{
        max-width: 1420px;
    }
}

@media (min-width: 1700px) {
    .container{
        max-width: 1620px;
    }
}

@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        width: 40% !important;
    }
}
/* -- Media Querry -- */
@media only screen and ( max-width:1799px ) {
    /*.banner-sec::after{    clip-path: polygon(29% 0%, 100% 0, 100% 100%, 60% 100%);}
    .banner-sec.singel-page-banner::after { clip-path: polygon(31% 0%, 100% 0, 100% 100%, 45% 100%); }*/
    /*.banner-sec{height: 100vh;}*/
    .demo-slider .project-content a.title { height: 24px;}
    body.home .contact-form { padding-left: 100px;}
    body.home .about-card .icon-wrap { height: 140px;}
    body.home .about-card .icon-wrap img { height: 100%;}
    .corporate-team:before { border-width: 10px;}
    .corporate-team-details { padding: 20px;}
    .common-head { margin: 0 auto 30px;}
    ul.year-filter { gap: 6px; min-width: 145px;}
    
    

}
@media only screen and ( max-width:1499px ) {
    /*.banner-sec::after{clip-path: polygon(28% 0%, 100% 0, 100% 100%, 50% 100%)}*/
    .main-menu ul li:not(:last-child) {padding-right: 16px; }
    .main-menu ul li.menu-item-has-children a { margin-right: 0px; }
    .logo img { max-width: 200px; }
    a.btn, .btn, .mailpoet_paragraph input.mailpoet_submit{padding: 10px 15px;}
    body.home .contact-form { padding-left: 70px;}
    .common-head.hom-about-content { padding-left: 30px;}
    .about-title-logo { width: 100px;}
    .about-heading h2 { width: calc(100% - 100px);}
    .about-hom-pic:before{width: 100px; height: 100px;}
    /*.corporate-zigzag .row { padding: 40px 25px;}*/
    body.home .about-card .icon-wrap { height: 100px;}
    .corporate-team-details { padding: 15px;}
    .report-btn-list ul li a{padding: 15px 30px 15px 20px;}
    .report-btn-list ul li a span { right: 15px; top: 16px;}
    
    
    
}
@media only screen and ( max-width:1370px ) {
/*.banner-sec::after { clip-path: polygon(25% 0%, 100% 0, 100% 100%, 50% 100%); }*/
.main-menu ul li:not(:last-child) { padding-right: 12px; }
.main-menu ul li a{font-size: 14px;}
body.home .contact-form { padding-left: 50px;}
.common-head.hom-about-content { padding-left: 20px;}
.common-padd { padding-top: 60px; padding-bottom: 60px;}
.common-head { margin: 0 auto 25px;}
.common-padd.news-section{padding-top: 150px;}
ul.year-filter li { padding: 8px 10px;}

}
@media only screen and ( max-width:1199px ) {

    /* .container { max-width: 960px;margin: 0 auto;} */

    body.fixed-gap { margin-top: 0 !important; }
    body.noscroll{overflow-y: hidden;}

    .nav_btn { display: block; cursor: pointer; line-height: 1; margin-left: 10px;}
    .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}
    .main-menu { position: fixed; transform:translateX(-320px); left: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; /*background-color:var(--blue);*/ background-color: var(--yellow); padding-top: 60px; margin:0; display:block; width: 100%; padding-left: 10px;padding-right: 10px; transition: 250ms ease-in;border: none;}
    .main-menu>ul li { width: 100%; }
    .main-menu ul li:not(:last-child) { padding-right: 0; }
    .main-menu>ul>li a { display: block; padding: 10px;border-bottom: 1px solid var(--grey); text-align: left;}

    .navbar-menu .hdr-tp-inner {display: block;margin-top: 50px; }

    .main-menu.open{transform: translateX(0);}

    .hdr-tp-inner { flex-direction: column; }
    .hdr-tp-inner ul { display: flex; justify-content: flex-start;align-items: flex-start;}
    .hdr-tp-inner ul:not(:last-child) { margin-bottom: 20px; flex-direction: column; }
    .hdr-tp-inner ul li:not(:last-child) { padding-right: 10px; margin-right: 10px; }
    .hdr-tp-inner ul:not(:last-child) li { margin: 0; padding: 0; border: 0; }
    .hdr-tp-inner ul:not(:last-child) li:not(:last-child) { margin-bottom: 10px; }

    .nav_btn { display: block; cursor: pointer; line-height: 1; margin-left: auto; position: relative; width: 30px; height: 20px; display: flex; align-items: center; justify-content: center;right: 0px;z-index: 9999; }
    .nav_btn span{position: absolute;width: 100%;height: 4px;background-color: var(--black);border-radius: 3px;}
    .nav_btn span:nth-child(1){top: 0px;transition: 0.3s ease;}
    .nav_btn span:nth-child(2){top: 8px;transition: 0.3s ease;}
    .nav_btn span:nth-child(3){top: 16px;transition: 0.3s ease;}
  
    .nav_btn.open span:nth-child(1){top: 6px;transform: rotate(-45deg);transition: 0.3s ease;}
    .nav_btn.open span:nth-child(2){top: 0;display: none;transition: 0.3s ease;}
    .nav_btn.open span:nth-child(3){top: 6px;transform: rotate(45deg);transition: 0.3s ease;}

    .hdr-rt ul li:last-child { margin: 0; }
    .hdr-rt ul li a {color: var(--white);}

    .navbar-menu{padding: 0;}

    header.main-header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
    header.main-header.fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 999;animation: none; }
    /*.noscroll header.main-header.fixed{height: 100%;}*/
    /*.main-menu.open{height: 100%;}*/
    .noscroll header.main-header.fixed { height: 100%;}
    header.main-header.fixed .hdr-top{display: none;}

    li.menu-item-has-children > a::after{top: 20px;right: 0;}

    .minus, .plus { display: block; padding: 0; font-weight: 700; color: #000; font-size: 20px !important ; cursor: pointer; position: absolute; right: 5px; width: 40px; top: -5px; text-align: left; z-index: 999999; }
    li.menu-item-has-children > ul.sub-menu {position: relative; margin-top: 0;min-width: 100%;padding: 0px 0px;box-shadow: inherit;background: inherit;} 
    .main-menu ul li{width: 100%; margin-bottom: 14px;}
    li.menu-item-has-children ul.sub-menu a { color: var(--white); padding: 10px 20px; }
    li.menu-item-has-children:hover ul.sub-menu { display: none; }
    li.menu-item-has-children > a::after{content: none;}
    li.menu-item-has-children.open-sub ul.sub-menu { display: block !important; }
    .minus { display: none; }
    .open-sub .plus { display: none; }
    .open-sub .minus { display: block; }
    .main-menu > ul{max-height: 650px;overflow-y: auto;display: block;}
    .main-menu ul li.menu-item-has-children a{margin-right: 0;}
    .main-menu .btn{display: block;margin: 0 0 20px;}
    .header-right .btn{display: none;}

    .banner-form{padding: 20px;}

    .banner-sec{height: 750px;}

    .process-card::after{content: none;}

    .testimonial-sec{padding-top: 150px;}

    .large-content-item .left-cont { width: calc(100% - 150px); }

    .ftr-top{padding-bottom: 30px;}

    .ftr-links { padding-left: 10px; }

    .ftr-bottom .privacy-wrap ul li:first-child::after{transform: translate(43px, -50%);}

    .testimonial-sec { padding-top: 100px; }

    .testimonial-slider .slider-item{padding: 20px;}
    .testimonial-slider .slick-prev, .testimonial-slider .slick-next{top: 80%;}

    .guide-sec { padding-top: 100px !important; }

    .guide-cont a.btn { width: 100%; margin: 0 0 10px; }

    .process-btn{margin: 0;}


    .inner-banner-sec{height: 525px;}
    .inner-banner-content{padding: 143px 0 0;}

    .step-img { position: relative; width: 436px; height: 436px; margin: -45px 0; }

    .steps-wrap .row{margin-bottom: 100px;}

    .blogs-list ul li .small-box a img { width: 120px; height: 120px; }
    .footer-colS .address-cntnt li p{    max-width: 100%;}
    .footer-bottom p, .footer-bottom p a{text-align: center;}
    .singel-page-banner { height: 60vh !important; }
    .wpml-ls-legacy-dropdown{margin-right: 20px;}
    .top-dropdown{margin: 0;}
    .project-content { padding: 25px 10px;}
    .demo-slider .slick-slide { margin: 0 5px;}
    body.home .contact-form { padding-left: 20px;}
    .contact-form { padding: 30px; border-width: 1px;}
    .contact-form h2, .contact-form h2 strong { margin: 0 0 30px;}
    .demo-slider .slick-dots {  margin-top: 20px;}
    .common-head.hom-about-content { padding-left: 10px;}
    .about-title-logo { width: 80px;}
    .about-heading h2 { width: calc(100% - 80px);}
    .about-hom-pic:before{width: 80px; height: 80px;}
    .main-header { padding: 5px 0;}
    /*.corporate-zigzag .row { padding: 30px 15px;}*/
    .corporate-team:before { border-width: 7px;}
    .hom-counter-sec { margin-top: 116px;}
    .report-btn-list ul li a { padding: 10px 20px 10px 15px;}
    .report-btn-list ul { gap: 10px;}
    .report-btn-list ul li a span { right: 10px; top: 10px;}

}

@media only screen and ( max-width:991px ) {
    .social-wrap ul li a { font-size: 19px; width: 49px;  height: 49px;}
    .contact-sec .row .col-lg-6:nth-child(2){order: 1;}
    .contact-sec .row .col-lg-6:nth-child(1){order: 2;}
    .social-wrap { margin-bottom: 50px; }
    .contact-info ul li img{max-width: 63px;}
    /*.banner-sec::after{clip-path: polygon(26% 0%, 100% 0, 100% 100%, 41% 100%);}*/
    .logo img { max-width: 174px; }
    .banner-content .btn{margin-bottom: 20px;}
    .about-card{max-width: 100%; margin-bottom: 20px; height: auto;}
    .project-bex{margin-bottom: 20px;}
    /*header.main-header.fixed{padding: 20px 0;}*/
    .projects-sec .bottom-btn{ margin: 30px 0 0;}
    .contact-info ul li img {padding-right: 20px;}
    .capital-table table tr th , .career-table tr td{ padding: 20px 12px !important; font-size: 14px;}
    .project-content { padding: 20px 10px;}
    a.btn, .btn, .mailpoet_paragraph input.mailpoet_submit{padding: 9px 15px;}
    body.home .contact-form { padding-left: 0px;}
    .contact-hom-pic { position: relative; width: 100%; height: auto; margin-bottom: 30px;}
    .contact-sec.con-ftr { padding-top: 0;}
    .demo-slider .slick-dots li { width: 10px; height: 10px;}
    .common-head.hom-about-content { margin: 20px 0 0; padding-left: 0px; text-align: center;}
    .about-heading h2 { width: auto;}
    .about-heading a { justify-content: center;}
    .hom-counter-list ul li { padding: 0 20px;}
    .hom-counter-list ul li p { margin-bottom: 4px;}
    body.page-template-corporate .corporate-team { /*width: 200px;*/ width: 100%; height: 200px; overflow: hidden; padding: 0; margin-bottom: 0px;}
    /*.corporate-zigzag .row { padding: 20px 15px; margin-bottom: 20px;}*/

    .alignleft, .alignnone { margin: 0 10px 10px 0;}
    .hom-counter-sec { margin-top: 103px;}
    .report-btn-list ul li { width: 100%;}
    


    
    

}
@media only screen and ( max-width:767px ) {

/*.banner-sec::after {clip-path: none !important;}*/
.banner-content { text-align: center; }
.banner-content .btn{width: 95%; margin: 0 auto 20px;}
.contact-info ul li img { max-width: 40px; }
.logo img { max-width: 130px; }
.ftr-text { margin-top: 30px; }
.common-padd { /*padding-top: 60px; padding-bottom: 60px;*/ padding-top: 40px; padding-bottom: 40px;}
.common-padd.news-section{padding-top: 110px;}
.about-card {padding: 20px 20px;}
.corporate-tab .nav-tabs li { width: 100%; margin-bottom: 11px; }
.corporate-tab .nav-tabs li button{margin-right: 0; width: 100%;}
.top-dropdown p{display: none;}
.report-table tr td{padding: 14px;}
.report-heading h3{padding: 12px 51px 11px 31px;     margin-bottom: 30px;}
.report-heading {padding-bottom: 10px;     margin-bottom: 0px;}
.pagination-area ul li a, .pagination-area ul li span { padding: 13px 10px;}
.footer-colS .address-cntnt li{width: 100%;}
.footer-colS .address-cntnt{    overflow: hidden;}
.team-offer ul li{width: 100%;}
.team-offer ul li:before{width: 10px; height: 10px;}
.report-table table tr td h4{height: 66px;}
.project-content { padding: 15px 5px;}
.form-control { padding: 8px 10px; border-width: 1px; height: 40px;}
.form-group { margin: 0 0 15px;}
.contact-form h2, .contact-form h2 strong { margin: 0 0 20px;}
.contact-form { padding: 20px;}
.demo-slider .slick-dots {  margin-top: 10px;}
.about-title-logo { width: 60px;}
.hom-counter-list ul li { padding: 0 15px;}
.about-hom-pic:before { width: 60px; height: 60px;}
/*body.page-template-corporate .corporate-team { width: 170px; height: 170px; margin-bottom: 15px;}*/
.corporate-team:before { border-width: 5px;}
.common-head { margin: 0 auto 20px;}
.page-template-contact .contact-form, .page-template-careear .contact-form, .page-template-legal .contact-form, .page-template-annual-meeting .contact-form, .single-project .contact-form, .mailpoet_page-template-default .contact-form{padding: 30px;}
.alignleft, .alignnone { margin: 0 0px 10px 0;}
.hom-counter-sec { margin-top: 79px; border-width: 3px;}
ul.year-filter li { min-width: inherit; width: 32%;}

}

@media only screen and ( max-width: 575px ) {
    body.page-template-corporate .corporate-team { width: 170px; height: 170px; margin: 0px auto;}
    .page-template-contact .contact-form, .page-template-careear .contact-form, .page-template-legal .contact-form, .page-template-annual-meeting .contact-form, .single-project .contact-form, .mailpoet_page-template-default .contact-form{padding: 20px; border-width: 1px;}


}
@media only screen and ( max-width: 480px ) {
    .about-card { padding: 10px 10px; margin-bottom: 10px;}
    .about-title-logo { width: 45px;}
    .hom-counter-list ul li { padding: 0 10px; width: 48%; margin-bottom: 15px;}
    .hom-counter-list ul li:nth-child(2):before { display: none;}
    .about-hom-pic:before { width: 40px; height: 40px;}
    body.page-template-corporate .corporate-team { width: 150px; height: 150px;}
    .page-template-contact .contact-form, .page-template-careear .contact-form, .page-template-legal .contact-form, .page-template-annual-meeting .contact-form, .single-project .contact-form, .mailpoet_page-template-default .contact-form{padding: 15px;}
    ul.year-filter li { padding: 6px 8px; width: 49%;}
   

}
.single .news-section img{ float:none;}