/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*======font-family: "Montserrat", sans-serif;======*/

/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size:clamp(0.938rem, 0.923rem + 0.064vw, 1rem); font-weight: 500; color:#000; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #000;font-family: "Montserrat", sans-serif;line-height: 1.1; }
h1{ font-size:clamp(1.875rem, 1.356rem + 2.308vw, 4.125rem);font-weight: 700;}
/*66-30*/
h2{ font-size:clamp(1.438rem, 1.25rem + 0.833vw, 2.25rem);font-weight: 600; }
/*36-23*/
h3{ font-size:clamp(1.25rem, 1.106rem + 0.641vw, 1.875rem);}
/*30-20*/
h4{ font-size:clamp(1.125rem, 1.067rem + 0.256vw, 1.375rem);}
/*22-18*/

p{ margin:0 0 25px; line-height: 1.6;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "Montserrat", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Montserrat", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
p:last-child{margin-bottom: 0;}


/* --- common background color --- */




/* --- common background color --- */




/* --- 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 --- */

.btn.yellow {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #ffffff; letter-spacing: 1px; font-family: "Montserrat", sans-serif; display: inline-block; vertical-align: top; background: #FEC246; color: #000000 !important; padding: 15px 30px; font-size: 18px; line-height: 1; text-transform: inherit; border-radius: 50px; font-weight: 700; }
.btn.yellow span {transition: all 0.4s ease; transform: translate(0px, 0px);display: inline-flex ; width: 30px; height: 30px; justify-content: center; align-items: center; border: 2px solid #000; border-radius: 30px; margin-left: 15px; }
.btn.yellow:hover {background-color: #ffffff; }
.btn.yellow:hover span {transform: translate(10px, 0px); transition: all 0.4s ease;}



/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- 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: 95px; padding-bottom: 95px; }
.form-control { height: 50px; padding: 12px 15px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }

.home-provide-secton-wraper .image-box img{width: 100%;height: 100%;object-fit: contain;}
.home-story-secton .big-img img,
.home-gallery-secton .galary-carasol-box img,
.home-event-secton .single-box .image-box img,
.home-who-we-are-secton .image-box img,
.donate-purpose .image-box img{width: 100%;height: 100%;object-fit: cover;}

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


/*-----scroll-bar-design----------*/

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

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #131313;}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header {padding: 12px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed;background: #131313;   -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;    border-bottom: 2px solid #FEC246;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; width: calc(100% - 330px);}
.main-menu ul {justify-content: center; margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 80px;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #FEC246; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul li a:hover{color: #FEC246}
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: #000;}

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #ffffff; padding: 8px 0; position: relative; font-size: 18px; font-weight: 500; text-transform: inherit;}
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 250px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {width: 150px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {width: 330px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }


.main-header.fixed {background: #000000b5; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(10px);}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center;     width: 100%;}
.main-header .user-sec {margin-left: 0; display: flex ; align-items: center; width: 330px; justify-content: flex-end; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 250px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #000; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: 5px; top: 47%;  box-sizing: border-box;  height: 8px; width: 8px; border-style: solid; border-color: #292939; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/

.home-team-sec .image-box img,
.about-sec .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}


/*for header css*/

/*=====home page====*/
header a.btn.border {min-width: 172px; letter-spacing: inherit; border-radius: 80px; font-weight: 600; text-transform: unset; background-color: #FEC246; color: #000000 !important; font-size: 22px; padding: 4px 3px 4px 15px; display: flex ; justify-content: center; align-items: center; }
header a.btn.border:hover {background-color: #c18200; color: #fff !important;}
.main-menu ul li.menu-item-has-children a:after {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 19px; box-sizing: border-box; height: 6px; width: 10px; transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 0px; margin: 0 auto; background-image: url('../images/dropdown-menu.svg'); background-repeat: no-repeat; background-position: center center; }
.main-menu ul li.menu-item-has-children a {padding-right: 24px; }
header .main-menu {width: calc(100% - 330px); padding: 0 15px; }
header a.btn.border span.icon-call {width: 40px; height: 40px; display: inline-flex ; justify-content: center; align-items: center; background-color: #000; border-radius: 45px; margin-left: 10px; }


.banner-sec {position: relative; }
.banner-sec > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-sec .banner-content {background-color: #000000a1;width: 100%; min-height: 100vh; padding: 150px 0 100px; position: relative;display: flex;justify-content: center;align-items: center;text-align: center;}
.banner-sec .banner-cfontent-text {max-width: 1200px; margin: 0 auto; }
.banner-sec .banner-cfontent-text h1 {color: #FFFFFF; text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); }

.banner-sec span.line {height: 3px; width: 100%; display: block; background-color: #FEC246; position: relative; margin-bottom: 30px; max-width: 1100px; margin: 0 auto; margin-bottom: 30px; position: relative; }
.banner-sec span.line::before {content: ""; position: absolute; background-color: #FEC246; position: absolute; left: -2px; top: -8px; width: 20px; height: 20px; border-radius: 20px; }
.banner-sec span.line::after {content: ""; position: absolute; background-color: #FEC246; position: absolute; right: -2px; top: -8px; width: 20px; height: 20px; border-radius: 20px; }
.banner-sec .banner-cfontent-text p {font-weight: 600; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); color: #FFFFFF; text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); max-width: 960px; margin: 0 auto; margin-bottom: 30px; }
.banner-sec .banner-floting-btn a {width: 75px; height: 75px; background-color: #FEC246; border: 2px solid #fff; border-radius: 80px; left: 0; right: 0; display: flex ; justify-content: center; align-items: center;}
.banner-sec .banner-floting-btn {position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto;display: flex;justify-content: center;padding: 0 15px;}

.banner-sec .banner-floting-btn {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.banner-sec .banner-floting-btn {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}




.who-we-are-sec::before {content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-image: url('../images/image1.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.who-we-are-sec {position: relative; background-color: #F7F7F7; }
.who-we-are-sec .left-box {padding-right: 80px; }
.who-we-are-sec .left-box h2::before {content: ""; position: absolute; bottom: -13px; background-color: #FEC246; height: 3px; max-width: 500px; width: 100%; }
.who-we-are-sec .left-box h2 {position: relative; margin-bottom: 30px; }
.who-we-are-sec .left-box {padding-right: 80px; }
.who-we-are-sec .icon-box {padding: 20px 0; }
.who-we-are-sec .container{position: relative; z-index: 1;}
.who-we-are-sec .right-box {height: 100%; background-color: #000000cf; padding: 40px; }
.who-we-are-sec .right-box-wraper{height: 100%;padding-left: 40px;}
.who-we-are-sec .right-box h2::before {content: ""; position: absolute; bottom: -13px; background-color: #FEC246; height: 3px; max-width: 500px; width: 100%; }
.who-we-are-sec .right-box h2 {position: relative; margin-bottom: 30px; color: #fff;}
.who-we-are-sec .right-box ul {padding: 0; margin: 0; list-style: none; padding-top: 30px;}
.who-we-are-sec .header-text {display: flex; align-items: center; margin-bottom: 15px; }
.who-we-are-sec .header-text .icon-box {display: inline-flex; width: 50px; height: 50px; background-color: #fec246; justify-content: center; align-items: center; border-radius: 50px; padding: 10px; }
.who-we-are-sec .header-text h4 {margin: 0; font-weight: 600; color: #fec246; padding-left: 20px; }
.who-we-are-sec .right-box .content p {color: #fff; }
.who-we-are-sec .right-box ul li{padding-bottom: 40px;}
.who-we-are-sec .right-box ul li:last-child{padding-bottom: 0px;}


.service-sec .sec-heading {max-width: 500px; margin: 0 auto; text-align: center; margin-bottom: 60px; }
.service-sec h2::before {left: 0;right: 0;margin: 0 auto;content: ""; position: absolute; bottom: -13px; background-color: #FEC246; height: 3px; max-width: 500px; width: 100%; }
.service-sec h2 {position: relative; margin-bottom: 30px; }
.service-sec .sngl-box .image-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;transform: scale(1);transition: all 0.4s ease;}
.service-sec .sngl-box:hover .image-box img {transform: scale(1.1);transition: all 0.4s ease;}
.service-sec .sngl-box .image-box {position: relative; padding-bottom: 60%; overflow: hidden; margin-bottom: 20px; }
.service-sec .content-box h3 {margin: 0; font-weight: 600; text-align: center; }



footer {background-color: #131313; padding: 40px 0; }
footer .footer-box {display: flex; align-items: center; }
footer .logo-footer {width: 330px; }
footer .footer-btn {width: 330px; display: flex; justify-content: flex-end; }
footer .footer-menu {width: calc(100% - 660px); ; text-align: center; }
footer .footer-menu ul {padding: 0; margin: 0; display: flex; justify-content: center; list-style: none; }
footer .footer-menu ul li:not(:last-child) {margin-right: 60px; }
footer .footer-menu ul li a {font-weight: 500; color: #fff; font-size: 18px; }
footer .footer-menu ul li a:hover {color: #fec246; }
footer a.btn.border {min-width: 172px; letter-spacing: inherit; border-radius: 80px; font-weight: 600; text-transform: unset; background-color: #FEC246; color: #000000 !important; font-size: 22px; padding: 4px 3px 4px 15px; display: flex ; justify-content: center; align-items: center; }
footer a.btn.border span.icon-call {width: 40px; height: 40px; display: inline-flex ; justify-content: center; align-items: center; background-color: #000; border-radius: 45px; margin-left: 10px; }
footer a.btn.border:hover{background-color: #fff;}

.copyright-text p a {color: #fec246; }
.copyright-text {border-top: 1px solid #A8A8A8; margin-top: 30px; padding-top: 30px; text-align: center; color: #fff; }











/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1560px !important;}

}
@media only screen and ( max-width:1599px ) {
	.who-we-are-sec .left-box {padding-right: 40px;}

	

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

	/*  ===========mobile nav==========  */

    .hamburger-nav{ display: inline-block; margin-left: 20px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #fff;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 30px; color: #fff;  text-align: center;  font-weight: 800; text-transform: uppercase;} 
    .mobile-menu ul li a:hover{color: #fec246;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .main-menu { display: none; }

    /*  ===========mobile nav==========  */

    .main-header .user-sec span.call-text {display: none;}
    header a.btn.border {min-width: auto; padding: 5px; }
    header a.btn.border span.icon-call {margin-left: 0; }
    .footer-btn span.call-text {display: none;}
    footer a.btn.border {min-width: auto; padding: 5px; }
    footer a.btn.border span.icon-call {margin-left: 0; }
    footer .footer-menu ul li:not(:last-child) {margin-right: 28px; }














}
@media only screen and ( max-width: 991px ) {
	.who-we-are-sec::before {width: 100%; opacity: .2; }
	.who-we-are-sec .left-box {padding-right: 0;margin-bottom: 30px;}
	.who-we-are-sec .right-box-wraper {padding-left: 0; }
	.service-sec .sngl-box {margin-bottom: 30px;}
	footer .footer-box {display: block; }
	footer .logo-footer {width: 100%; text-align: center; margin-bottom: 30px; }
	footer .footer-menu {width: 100%; text-align: center; margin-bottom: 20px; }
	footer .footer-btn {width: 100%; justify-content: center; }



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



}
@media only screen and ( max-width: 575px ) {
	.main-header .logo {width: 180px; }
	.who-we-are-sec .right-box {padding: 20px; }

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


}


/*Media Query css*/