@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

 body {
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
 }

 .logo img {
     width: 200px;
     height: auto;
     /*background: #f48221;*/
     padding: 0px;
     margin-top: 10px;
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {

     color: #111111;

     font-weight: 600;

     margin-top: 0;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }

 p {

     margin: 0;

     padding: 0;



 }



 .whats-app-icon img {
     position: fixed;
     bottom: 20px;
     left: 15px;
     cursor: pointer;
     transition: 0.5s;
     z-index: 999;
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
     border-radius: 100px;
 }

 a {
     color: #000;
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 a:focus,
 a:hover {
     text-decoration: none;
     color: #f48221;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn:hover {

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }





 input {

     resize: none;

     margin-bottom: 10px;

     box-shadow: none;

     -webkit-box-shadow: none;

     -moz-box-shadow: none;

     border-radius: 0px;

     -moz-border-radius: 0px;

     -webkit-border-radius: 0px;

 }



 .form-control {

     resize: none;

     height: 55px;

     box-shadow: none;

     -webkit-box-shadow: none;

     -moz-box-shadow: none;

     border-radius: 0px;

     -moz-border-radius: 0px;

     -webkit-border-radius: 0px;

 }

 .form-control:focus {

     border-color: #f48221;

     box-shadow: none;

     -webkit-box-shadow: none;

     -moz-box-shadow: none;

 }

 ::-webkit-input-placeholder {

     color: #999 !important;

 }

 ::-moz-placeholder {

     color: #999 !important;

 }

 :-ms-input-placeholder {

     color: #999 !important;

 }

 input:-moz-placeholder {

     color: #999 !important;

 }

 .middle-head h1 {
     color: navy;
     font-size: 25px;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
     padding-top: 23px;
 }

 .middle-header p {

     text-align: center;

     line-height: 0;

     font-size: 16px;

     font-weight: 500;

     color: #0083d8;

 }

 .icon img {

     width: 10%;

     position: relative;

     top: 11px;

 }

 ul.set-center {

     position: relative;

 }

 .right-head ul li .time .icon {

     float: left;

     margin-bottom: 5px;

 }

 .right-head ul li {

     float: right;

     margin-left: 5px;

     padding-left: 15px;

 }

 .right-head ul li .time .text {

     float: left;

     margin-left: 40px;

     position: absolute;

 }

 .right-head ul li .time .text span {

     color: #000000;

     display: block;

     font-size: 16px;

     font-weight: 500;

     line-height: 47px;

 }

 .text span a {

     text-decoration: none;

     color: black;

 }

 section.menubar {

     padding: 20px 0px;

     width: 100%;

     background: #fafafa;

     border: 1px solid #000000;

     margin-top: 10px;
     background: #000000;
     color: white;

 }

 .navbar-area {

     height: 0px;

     padding: 0px;

     margin-top: -18px;

 }

 .fennec-mobile-nav .navbar-nav {
     overflow-y: auto;
     height: 428px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item {
     position: relative;
     padding: 0;
 }

 .fennec-nav .navbar .navbar-nav .nav-item a {

     font-weight: 600;

     color: #fff;

     text-transform: uppercase;

     position: relative;

     z-index: 99;

     display: inline;

     padding: 12px;

     margin-right: 20px;



 }

 .fennec-nav .navbar .navbar-nav .nav-item a i {
     margin-left: 1px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item a i::before {
     font-size: 11px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item a:hover::before,
 .fennec-nav .navbar .navbar-nav .nav-item a:focus::before,
 .fennec-nav .navbar .navbar-nav .nav-item a.active::before {
     opacity: 1;
     visibility: visible;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
     background-color: #f48221;
     position: absolute;
     border: none;
     top: 80px;
     left: 0;
     width: 350px;
     z-index: 99;
     display: block;
     opacity: 0;
     visibility: hidden;
     border-radius: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     padding-top: 15px;
     padding-right: 5px;
     padding-bottom: 15px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
     text-transform: capitalize;
     padding: 5px 15px;
     display: block;
     color: #fff;
     margin-top: 6px;
     font-size: 15px;
     font-weight: 600;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
     display: none;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
     color: #fff;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after,
 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after,
 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {
     margin-top: 0;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
     left: 220px;
     top: 0;
     opacity: 0;
     visibility: hidden;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
     left: 220px;
     top: 0;
     opacity: 0;
     visibility: hidden;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     top: -15px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     top: -15px;
 }

 .fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     top: 100%;
     margin-top: 8px;
 }

 .navbar {
     padding: 0px;
 }



 .fennec-nav .navbar .navbar-nav .nav-item a:hover {

     background: #f48221;

     color: #fff;

 }

 section.para {

     padding: 50px 0px;

 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {



     color: #111111;

     font-weight: 600;

     margin-top: 0;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }

 .para_one h1 {

     font-size: 32px;
     text-align: center;



 }

 .section-title-icon {

     margin-bottom: 30px;

     margin-top: 30px;

     padding-bottom: 5px;

     position: relative;

 }

 .section-title-icon:before {

     background: #fff;

     border: 1px dotted #f48221;

     border-radius: 50%;

     bottom: -10px;

     color: #f48221;

     content: "";

     font-family: Flaticon;

     font-size: 45px;

     font-weight: 300;

     height: 24px;

     left: 5px;

     margin: 0 auto;

     position: absolute;

     right: 0;

     width: 24px;

     z-index: 3;

 }

 .section-title-icon:after {

     bottom: 0;

     content: "";

     height: 3px;

     left: 0;

     margin: 0 auto;

     position: absolute;

     right: 0;

     width: 100px;

     border: 1px solid #f48221;

 }

 .theme-color {

     color: #f48221;

 }

 .para_one p {
     font-size: 17px;
     text-align: center;
 }

 .list {

     display: -webkit-box;

     width: 100%;

     margin: auto;

     text-align: center;

     flex: unset;

     display: flex;

     align-items: center;

     justify-content: center;

 }

 .list .part {

     border: 1px dashed #f48221;

     width: 33%;

     padding: 16px;

     margin: 34px 15px 0px;

     color: #f48221;

     font-size: 18px;

     font-weight: bold;

 }

 .service-box:hover .thumb-box .thumb-overlay:before {

     -webkit-transform: scale(1);

     transform: scale(1);

 }

 .service-box .content {

     margin-top: 0px;

 }

 .service-box .content p {

     font-weight: 400;

     color: #000;

 }

 .service-box .content .icon {

     border-bottom: 3px dotted #f48221;

     display: inline-block;

     font-size: 32px;

     margin-bottom: 12px;

     padding-bottom: 12px;

 }

 .service-box .content h4 a {

     color: #000;

 }

 .service-style .service-box {

     background-color: #f9f9f9;

     border: 1px solid #eee;

     margin-bottom: 30px;

     margin-top: 90px;

     padding: 15px 15px 20px;

     min-height: 351px;

 }

 .service-style .service-box .thumb-box {

     margin-bottom: -120px;

     position: relative;

     top: -85px;

     text-align: center;

 }

 .service-style .service-box .thumb-box img {

     border: 5px solid #eee;

     position: relative;

     height: 228px;

     object-fit: cover;

 }

 .service-style .service-box .content .icon {

     background-color: rgba(36, 128, 222, 0.85);

     border: medium none;

     border-radius: 0 25px 0 0;

     color: #fff;

     font-size: 28px;

     margin-bottom: -12px;

     padding-left: 12px;

     padding-right: 12px;

     padding-top: 12px;

     position: relative;

     top: -32px;

 }

 .service-item-list {

     margin-bottom: 30px;

 }

 .service-item-list .service-icon {

     display: inline-block;

     font-size: 42px;

     margin: 0 8px 0 0;

 }

 .service-item-list .service-icon i {

     color: #f48221;

 }

 .service-item-list p {

     border-right: 1px dotted #f48221;

     color: #717171;

     display: inline-block;

     font-size: 18px;

     line-height: 24px;

     margin-right: 25px;

     padding-right: 25px;

 }

 .service-item-list p:last-child {

     border: none;

 }

 .primo-item .investment .icon.style-left-icon {

     color: #f48221;

     float: left;

     font-size: 45px;

     margin-right: 15px;

 }

 .service-box .content .heading4 a {

     color: #000;

 }

 .service-box .thumb-box .thumb-overlay:before {

     background-color: rgba(255, 255, 255, 0.55);

     bottom: 0;

     content: "";

     left: 15px;

     position: absolute;

     right: 15px;

     top: 0;

     -webkit-transform: scale(0);

     transform: scale(0);

     transition: all 0.2s ease-in-out;

     -moz-transition: all 0.2s ease-in-out;

     -webkit-transition: all 0.2s ease-in-out;

     -ms-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

 }

 .service-box .content {

     margin-top: 0px;

 }

 .service-box .content .heading4 {

     margin-top: 48px;

     font-size: 18px;

     color: #111111;

     font-weight: 600;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }

 .border-style-2:after {

     top: 75px;

     content: "";

     height: 3px;

     left: 104px;

     margin: auto;

     position: absolute;

     width: 130px;

     background: #f48221;

 }

 .btn-theme,
 .btn-theme-1,
 .btn-black,
 .btn-white,
 .btn-transparent,
 .btn-bordered {

     padding: 1.2rem 1.8rem;

     border-radius: 0;

     border: none;

     color: #fff;

     background: #f48221;

     letter-spacing: 1px;

     margin-top: 60px;

     font-weight: 600;

     -webkit-transition: all 0.4s ease-in-out;

     -moz-transition: all 0.4s ease-in-out;

     -o-transition: all 0.4s ease-in-out;

     -ms-transition: all 0.4s ease-in-out;

     transition: all 0.4s ease-in-out;

 }

 .btn:focus,
 .btn:hover {

     text-decoration: none;

     color: white;

     background: #000;

 }

 .content a {

     display: block;

 }

 .service-box .content p {

     font-weight: 400;

     color: #000;

 }

 .service-box:hover .thumb-box .thumb-overlay:before {

     -webkit-transform: scale(1);

     transform: scale(1);

 }

 .service-box .content {

     margin-top: 0px;

 }

 .service-box .content p {

     font-weight: 400;

     color: #000;

 }

 .service-box .content .icon {

     border-bottom: 3px dotted #f48221;

     display: inline-block;

     font-size: 32px;

     margin-bottom: 12px;

     padding-bottom: 12px;

 }

 .service-box .content h4 a {

     color: #000;

 }

 .theme-color2 {

     color: #ee2c3c !important;

 }



 .drop_enquiry .border-style-2:after {

     top: -14px;

     content: "";

     height: 3px;

     left: 0px;

     margin: auto;

     position: absolute;

     width: 62px;

     background: #f48221;

 }

 p.para2 {

     text-align: justify;

     font-size: 17px;

 }


 .slider {
     width: 100%;
 }

 .slick-slide {
     margin: 0px 20px;
 }

 .slick-slide img {
     width: 100%;
 }

 .slick-prev:before,
 .slick-next:before {
     color: #fff;
 }

 .slick-slide {
     transition: all ease-in-out .3s;
 }



 .feature_sec {
     display: block;
     overflow: hidden;
     padding: 14px 18px 14px;
     text-align: center;
 }

 .feature_item .feature_image .image {
     position: relative;
     padding: 0;
     margin-bottom: 15px;
     text-align: center;
     height: 260px;
     overflow: hidden;
     transition: all .4s ease-in-out;
 }

 .feature_item .item {
     background: #fff;
     margin: 0 15px 0 0;
     padding: 0;
     border: 1px solid #ccc;
 }

 .feature_item .feature_image {
     position: relative;
     padding: 0;
     text-align: center;
     min-height: 260px;
     overflow: hidden;
     margin-top: 0;
     border-bottom: 3px solid #1563a0;
 }

 .feature_sec:hover h3 a {
     color: #f48221;
 }

 .feature_sec h3 {
     overflow: hidden;
     width: 100%;
     text-align: center;
     color: #333;
     margin-bottom: 5px;
     text-transform: capitalize;
     height: 40px;
     position: relative;
 }

 .feature_sec h3 a {
     position: absolute;
     top: 50%;
     left: 50%;
     max-width: 100%;
     transform: translate(-50%, -50%);
     width: 100%;
     color: #333;
     font-size: 17px;
     font-weight: 600;
     padding-bottom: 10px;
     line-height: 16px;
     /* padding: 4px 20px; */
     padding: 20px;
 }

 .feature_sec p {
     font-weight: 400;
     font-size: 15px;
     color: #333;
 }

 .feature_sec p {
     font-weight: 400;
     font-size: 15px;
     color: #333;
 }

 .read_more {
     position: relative;
     padding: 10px 25px 10px 25px;
     background: #f48221;
     z-index: 1;
     overflow: hidden;
     display: inline-block;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 13px;
     line-height: 21px;
     color: #fff;
     box-shadow: 0 16px 35px 0 rgba(0, 0, 0, .2);
     transition: all .3s;
     margin-top: 16px;
     margin-bottom: -21px;
 }

 .read_more:after,
 .read_more:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 60%;
     border-radius: 0;
     z-index: -1;
     height: 100%;
     background: #f48221;
     will-change: transform;
     transform: skew(-45deg) scaleX(0);
     transition: transform .3s ease-in-out
 }

 .read_more:before {
     right: 75%;
     margin-right: -1px;
     transform-origin: 0 0
 }

 .read_more:after {
     width: 70%;
     left: 75%;
     margin-left: -1px;
     transform-origin: 100% 0
 }

 .read_more:hover:after,
 .read_more:hover:before {
     transform: skew(-45deg) scaleX(1.5)
 }

 .read_more:hover {
     color: #fff;
     background: #000
 }

 .multiple-items .slick-prev {
     left: 20px;
     z-index: 50;
     top: 48.5%;
     width: 40px !important;
     height: 50px !important;
     display: block !important;
     z-index: 50;
     background-color: #f48221;
 }

 .multiple-items .slick-next {
     right: 36px;
     z-index: 50;
     top: 50%;
     width: 40px !important;
     height: 50px !important;
     display: block !important;
     z-index: 50;
     background-color: #f48221;
 }

 .slick-next:focus,
 .slick-next:hover,
 .slick-prev:focus,
 .slick-prev:hover {
     outline: 0;
     background: #f48221;
 }

 .separator {
     line-height: .5;
     text-align: center;
     margin: 10px 0 50px 0;
 }

 .separator span {
     display: inline-block;
     position: relative;
 }

 .separator {
     line-height: .5;
     text-align: center;
     margin: 10px 0 50px 0;
 }

 .separator span {
     display: inline-block;
     position: relative;
 }

 .separator span:before {
     right: 100%;
 }

 .separatorss span:after,
 .separatorss span:before {
     content: "";
     position: absolute;
     border-bottom: 5px solid #f48221;
     top: 0;
     width: 30px;
 }

 .slick-slide img {
     display: block;
 }

 .slick-slide img {
     width: 100%;
 }

 .white-color img {

     width: 100%;

     margin-top: 40px;

 }

 section.drop_enquiry {

     padding: 50px 0px;

     /* background-image: url(images/bg5.jpg); */

     background-attachment: fixed;

     background-size: cover;

     position: relative;

 }

 .right-overlay::before {

     left: 0;

     right: auto;

     content: " ";

     height: 100%;

     position: absolute;

     top: 0px;

     width: 55%;

     background: #ffffffe3;

 }





 .about-item.style-1 {

     margin-bottom: 30px;

     overflow: hidden;

     position: relative;

     z-index: 1;

     height: 272px;

 }

 .about-image {

     position: absolute;

     left: 0;

     top: 56px;

     right: 0;

     margin: 0 auto;

     z-index: -1;

 }

 .img-overlay {

     position: relative;

 }

 .img-overlay:before {

     background-color: #f1f1f1;

     border: 1px solid #eee;

     content: "";

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 0;

 }

 .about-icon-box i {

     font-size: 36px;

     color: #fff;

     background: #f48221;

     display: inline-block;

     border-radius: 50%;

     width: 75px;

     line-height: 75px;

     height: 75px;

     margin-bottom: 20px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .about-item.style-1 .heading3 {

     font-size: 16px;

     color: #111111;

     font-weight: 600;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }

 .about-item.style-1 p {

     color: #343232;

     font-weight: 400;

     padding: 0px 12px;

     font-size: 15px;

     line-height: 21px;

 }

 .about-item.style-1:hover p {

     color: #555;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .about-item.style-1:hover .img-overlay:before {

     background-color: rgba(255, 255, 255, 0.97);

     opacity: .8;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }



 .feel {

     background: #f9f9f9 !important;

 }

 .primo-item {

     padding-left: 0;

     padding-right: 0;

 }

 .investment {

     width: 80%;

 }

 .primo-btn {

     position: absolute;

     top: 50%;

     right: 15px;

     margin-top: -45px;

 }

 .pt-50 {

     padding-top: 50px;

 }

 .clients_satisfaction {

     position: relative;

     padding: 50px 0px;

 }





 .pb-50 {

     padding-bottom: 50px;

 }



 .clients_satisfaction:before {

     background-color: rgba(255, 255, 255, 0.9);

 }

 .pb-40 {

     padding-bottom: 40px;

 }



 .text-center {

     text-align: center;

 }

 .funfact-item.style-4 .icon {

     border: 3px solid #f48221;

     border-radius: 50%;

     display: block;

     font-size: 25px;

     height: 130px;

     margin: 0 auto;

     padding-top: 30px;

     width: 130px;

 }

 .funfact-item.style-4 .icon i {

     background: #f48221;

     border-radius: 50%;

     bottom: -57px;

     color: #fff;

     display: inline-block;

     height: 40px;

     padding: 8px 0;

     position: relative;

     width: 40px;

 }

 .funfact-item.style-4 span.start-count {

     color: #ee2c3c;

     font-size: 32px;

     height: 40px;

     left: 0;

     position: absolute;

     top: 35px;

     width: 100%;

 }

 .funfact-item.style-4 p {

     color: #333;

     font-size: 20px;

     font-weight: 500;

     margin-top: 20px;

     text-transform: capitalize;

 }

 .funfact-item {

     margin-bottom: 30px;

     position: relative;

     float: left;

     width: 100%;

 }

 span.side-percentage {

     position: absolute;

     top: 40px;

     right: 89px;

     font-size: 25px;

     color: #000;

 }



 .scrollup {

     width: 40px;

     height: 40px;

     position: fixed;

     bottom: 20px;

     right: 20px;

     z-index: 1;

     background-color: #f48221;

     color: #ffffff;

     text-align: center;

     line-height: 45px;

     font-size: 20px;

 }





 footer {

     background-image: url(images/parallax-1.png);

     background-position: 50% 76.3542px;

     background-size: cover;

     background-position: center;

     background-repeat: no-repeat;

 }

 .over-layer-black,
 .over-layer-white,
 .over-layer-theme,
 .over-layer-white-deep,
 .over-layer-white-light {

     position: relative;

     /*padding: 50px 0px;*/
     padding-top: 50px;

 }

 .footer-item {

     position: relative;

     margin-bottom: 30px;

 }

 .footer-logo {
     margin-left: -10px;
     width: 220px;
     /* background: #f48221; */
     padding: 10px;
 }

 .footer-logo-2 {

     width: 250px;

     text-align: center;

 }

 .footer-widget-one p {

     line-height: 26px;

     color: white;

     /*margin-bottom: 30px;*/

     margin-top: 10px;

     text-align: left !important;

 }

 .footer-widget-one .address li {

     margin-bottom: 10px;

     font-size: 15px;

 }

 .footer-widget-one .address li i {

     margin-right: 8px;

     font-size: 28px;

     /* color: #f48221; */

     color: #fff;

     float: left;

     margin: 1px 8px 2px;

 }

 .social-icon li {

     display: inline-block;

     width: 40px;

     height: 40px;

     line-height: 40px;

     font-size: 18px;

     text-align: center;

     cursor: pointer;

 }

 .social-icon li:hover {

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .social-icon li {

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .social-icon.bg-f2 li {

     background: #f2f2f2;

 }

 .social-icon.bg-f2 li a {

     color: #f48221;

 }

 .social-icon.bg-f2 li:hover {

     background: #f48221;

 }

 .social-icon.bg-f2 li:hover a {

     color: #FFF;

 }

 .social-icon.bg-theme li {

     background: #f48221;

 }

 .social-icon.bg-theme li a {

     color: #fff;

 }

 .social-icon.bg-theme li:hover {

     background: #4d4d4d;

 }

 .social-icon.bg-theme li:hover a {

     color: #fff;

 }

 .social-icon.bg-black li {

     background: #4d4d4d;

 }

 .social-icon.bg-black li a {

     color: #fff;

 }

 .social-icon.bg-black li:hover {

     background: #f48221;

 }

 .social-icon.bg-black li:hover a {

     color: #fff;

 }

 .social-icon.bg-transparent li {

     background: transparent;

 }

 .social-icon.bg-transparent li a {

     color: #333;

 }

 .social-icon.bg-transparent li:hover {

     background: transparent;

 }

 .social-icon.bg-transparent li:hover a {

     color: #f48221;

 }

 .social-icon.rounded li {

     border-radius: 50%;

 }

 .social-icon.round li {

     border-radius: 7px;

 }

 .social-icon.bordered li {

     border: 1px solid;

 }

 .social-icon.bordered li:hover {

     background: #f48221;

     border-color: #f48221;

 }

 .social-icon.bordered li:hover a {

     color: #fff;

 }

 .social-icon.bordered-theme li {

     border: 1px solid #f48221;

 }

 .social-icon.bordered-theme li a {

     color: #f48221;

 }

 .social-icon.bordered-theme li:hover {

     background: #f48221;

     border-color: #f48221;

 }

 .social-icon.bordered-theme li:hover a {

     color: #fff;

 }

 .news-area {

     margin-bottom: 18px;

 }

 .news-img {

     float: left;

     padding-top: 5px;

     padding-right: 15px;

 }

 .news-img a {

     display: inline-block;

     position: relative;

 }

 .news-img a span {

     font-size: 22px;

     position: absolute;

     top: 70%;

     left: 50%;

     color: #FFF;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     -o-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

     visibility: hidden;

     opacity: 0;

     z-index: 2;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .news-img a:after {

     position: absolute;

     content: '';

     width: 100%;

     height: 100%;

     background: #f48221;

     visibility: hidden;

     top: 0;

     left: 0;

     opacity: 0;

     z-index: 1;

     -webkit-transition: all .3s linear;

     transition: all .3s linear;

 }

 .news-area:hover .news-img a:after {

     visibility: visible;

     opacity: .8;

 }

 .news-area:hover .news-img a span {

     visibility: visible;

     opacity: 1;

     top: 50%;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .news-area .news-content p {

     font-size: 15px;

     line-height: 22px;

     padding-top: 5px;

 }

 .news-area .news-content span {

     color: #f48221;

 }

 .navbar-brand {

     float: left;

     height: 80px;

     padding: 15px 15px;

     font-size: 18px;

     line-height: 20px;

 }

 .footer-list li {

     padding-bottom: 8px;

     padding-top: 0px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .footer-list li a {

     margin-left: 5px;

     color: #fff;
     /* color: #f48221; */

     text-transform: capitalize;

 }

 .footer-list.border-deshed li {

     border-bottom: 1px dashed #f48221;

 }

 .footer-list.color-icon li i {

     color: #f48221;

 }

 .footer-list li:hover {

     padding-left: 5px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .footer-title {

     margin-bottom: 30px;

 }

 .footer-title h4 {

     font-size: 20px;

 }

 .border-style-1,
 .border-style-2,
 .border-style-3 {

     position: relative;

 }

 .border-style-1:before {

     top: 1px;

     content: "";

     height: 1px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 120px;

     background: #f8f8f8;

 }

 .border-style-1:after {

     top: 0;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 40px;

     background: #f48221;

 }

 .border-style-2:after {

     top: 0;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 50px;

     background: #f48221;

 }

 .border-style-3:before {

     top: -45px;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 70px;

     background: #f48221;

 }

 .border-style-3:after {

     top: 0;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 40px;

     background: #f48221;

 }

 .border-style-1.centered:before,
 .border-style-1.centered:after,
 .border-style-2.centered:after,
 .border-style-3.centered:before,
 .border-style-3.centered:after {

     left: 0;

     right: 0;

     margin: auto;

 }

 .border-style-1.right:before,
 .border-style-1.right:after,
 .border-style-2.right:after,
 .border-style-3.right:before,
 .border-style-3.right:after {

     right: 2px;

     left: auto;

 }

 .img-rounded img,
 .img-rounded a:after,
 .img-rounded a:before {

     border-radius: 100%;

 }

 .rounded {

     border-radius: 100%;

 }

 .img-round img,
 .img-round a:after,
 .img-round a:before {

     border-radius: 10px;

 }

 .footer-item .subscribe-style-one,
 .footer-item .subscribe-style-two,
 .footer-item .subscribe-style-three {

     margin-bottom: 30px;

 }

 .btn-subscribe {

     height: 55px;

     border-radius: 0;

     background: #333;

     color: #fff;

     cursor: pointer;

 }

 .btn-subscribe:hover {

     background: #f48221;

 }

 .subscribe-style-two .btn-subscribe {

     background: #f48221;

 }

 .subscribe-style-two .form-control:focus {

     border-color: #f48221;

 }

 .subscribe-style-two .btn-subscribe:hover {

     background: #333;

     color: #fff;

 }

 .footer-item .newsletter-text {

     position: relative;

     padding-bottom: 20px;

 }

 .footer-item .newsletter-text:before {

     top: 30px;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 40px;

     background: #f48221;

 }

 .flicker-feed>a {

     display: inline-block;

     float: left;

     position: relative;

     width: 33.3333%;

     z-index: 1;

 }

 .flicker-feed.gutter>a {

     display: inline-block;

     float: left;

     position: relative;

     width: 32%;

     z-index: 1;

     margin: 1px;

 }

 .flicker-feed>a:before {

     background-color: rgba(36, 128, 222, 0.90);

     content: "";

     height: 100%;

     position: absolute;

     top: 0;

     width: 100%;

     opacity: 0;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .flicker-feed>a:hover:before,
 .flicker-feed>a:hover:after {

     opacity: 1;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .flicker-feed>a:after {

     color: #fff;

     content: "\e618";

     font-family: 'Pe-icon-7-stroke';

     font-size: 24px;

     font-weight: 300;

     left: 45%;

     position: absolute;

     top: 45%;

     margin-top: -7px;

     margin-left: -7px;

     width: 100%;

     z-index: 5;

     opacity: 0;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .footer-item form .form-control {

     height: 45px;

     margin-bottom: 0;

 }

 .footer-item .contact-textarea .form-control {

     height: 85px;

     margin-bottom: 15px;

 }

 .footer-btn {

     font-size: 13px;

     color: #fff;

     background: #4d4d4d;

 }

 .footer-btn:hover {

     color: #fff;

     background: #f48221;

 }

 .footer-btn-1 {

     font-size: 13px;

     color: #fff;

     background: #f48221;

 }

 .footer-btn-1:hover {

     color: #fff;

     background: #4d4d4d;

 }

 .footer-item .footer-feature i {

     font-size: 30px;

     margin-bottom: 15px;

 }

 .footer-copy-right {

     border-top: 1px solid #f48221;
     background: #f48221;
     color: white;

 }


 .footer-copy-right p a {

     color: #fff;

     font-weight: 700;

     letter-spacing: 2px;

 }

 .bg-footer-1 {

     color: #fff;

 }

 .bg-footer-1 a:hover {

     color: #f48221;

 }

 .bg-footer-1,
 .bg-footer-1 h4,
 .bg-footer-1 .footer-title h4,
 .bg-footer-1 h5,
 .bg-footer-1 .footer-item h6,
 .bg-footer-1 .footer-item .newsletter-text,
 .bg-footer-1 .footer-item .social-icon.bordered li i,
 .bg-footer-1 .social-icon.bordered li i,
 .bg-footer-1 .footer-item .social-icon.bg-black li,
 .bg-footer-1 a {

     color: #fff;

 }

 #map {

     width: auto;

     height: 475px;

 }

 .bg-footer-1 hr {

     background: #eee;

 }

 .bg-footer-1 .footer-item form .form-control {

     background: transparent;

     border-color: #777;

 }

 .bg-footer-1 .footer-item form .form-control:focus {

     border-color: #f48221;

 }

 /*form style Css*/



 .form-style-one .form-control {

     background: transparent;

     border: 1px solid #ddd;

     color: #fff;

 }

 /* Button style one start*/

 .button-style-one {

     padding: 100px 0 0;

 }

 .custom-btn-one {

     background: #000000;

     color: #ffffff;

     padding: 10px 20px;

     border-radius: 0;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-one:hover {

     background: #737373;

     color: #ffffff;

 }

 /* Button style two start*/

 .button-style-two {

     padding: 0;

 }

 .custom-btn-two {

     background: #000000;

     color: #ffffff;

     padding: 15px 30px;

     border-radius: 10px;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-two:hover {

     background: #737373;

     color: #ffffff;

 }

 /* Button style three start*/

 .button-style-three {

     padding: 0;

 }

 .custom-btn-three {

     background: #000000;

     color: #ffffff;

     padding: 15px 30px;

     border-radius: 50px;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-three:hover {

     background: #737373;

     color: #ffffff;

 }

 /* Button style four start*/

 .button-style-four {

     padding: 0;

 }

 .custom-btn-four {

     background: #000000;

     color: #ffffff;

     padding: 15px 30px;

     border-radius: 0;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-four:hover {

     background: #737373;

     color: #ffffff;

     border-radius: 50px;

 }

 /* Button style Five start*/

 .button-style-five {

     padding: 0;

 }

 .custom-btn-five {

     background: #000000;

     color: #ffffff;

     padding: 15px 30px;

     border-radius: 2px;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-five:hover {

     background: #737373;

     color: #ffffff;

     -ms-transform: scale(0.9, 0.9);
     /* IE 9 */

     -webkit-transform: scale(0.9, 0.9);
     /* Safari */

     transform: scale(0.9, 0.9);

 }

 /* Button style Six*/

 .button-style-six {

     padding: 0;

 }

 .custom-btn-six {

     background: #000000;

     color: #ffffff;

     padding: 15px 30px;

     border-radius: 2px;

     border: none;

     display: inline-block;

     margin-right: 10px;

 }

 .custom-btn-six:hover {

     background: #737373;

     color: #ffffff;

     -ms-transform: scale(1.1, 1.1);

     -webkit-transform: scale(1.1, 1.1);

     transform: scale(1.1, 1.1)
 }

 ul.footer-list {

     list-style: none;

     padding-left: 0px;

 }

 ul.address {

     padding: 0px;

     list-style: none;

 }

 .footer-title .border-style-1:after {

     top: 0px;

     content: "";

     height: 3px;

     left: 2px;

     margin: auto;

     position: absolute;

     width: 40px;

     background: #f48221;

 }

 .footer-title p {

     font-size: 20px;

     font-weight: 600;

     color: white;

 }

 .footer-title span.theme-color {

     color: white;

 }

 .over-layer-black:before,
 .over-layer-white:before,
 .over-layer-theme:before,
 .over-layer-white-deep:before,
 .over-layer-white-light:before {

     content: "";

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 0;

     background-color: rgba(0, 0, 0, 0.85);

 }

 .over-layer-white:before {

     background-color: rgba(255, 255, 255, 0.7);

 }

 .over-layer-white-light:before {

     /* background-color: rgba(255, 255, 255, 0.90); */

 }

 .over-layer-white-deep:before {

     /* background-color: rgba(255, 255, 255, 0.97); */

 }

 .over-layer-theme:before {

     background-color: rgba(36, 128, 222, 0.85);

 }

 .footer-widget-one .address li {

     margin-bottom: 10px;

     font-size: 15px;

     float: left;

     color: white;

     width: 100%;

     /* display: flow-root; */
     display: flex;

 }

 .footer-item.footer-widget-one ul li a {

     color: white;

 }

 ul.footer-list li i {
     color: white;
 }

 ul.social-icon.bg-f2 li a i {
     color: black;
 }

 section.about-us h1 {

     margin-top: 50px;

 }

 section.about-us {

     position: relative;
     padding-bottom: 50px;

 }

 .about-us {

     background-image: url(images/1.png);



 }

 section.about_content {

     padding: 50px 0px;

     position: relative;

 }

 .about_image img {

     width: 100%;

 }

 .about-text p {

     text-align: justify;

 }



 .world h2 {

     color: #f48221;

     font-weight: 600;

     margin-top: 0;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }

 .world p {

     text-align: justify;

 }

 section.products_content {

     padding: 50px 0px;

 }

 .product_box {

     background-color: #f9f9f9;

     border: 1px solid #eee;

     margin-bottom: 30px;

     padding: 15px;

     min-height: 228px;

 }

 .product_box .image-box {

     position: relative;

 }

 .col-md-6.image-box img {

     width: 100%;

     height: 145px;

     object-fit: cover;

 }

 .product_box .image-box .image-overlay:before {

     background-color: rgba(255, 255, 255, 0.55);

     bottom: 0;

     content: "";

     left: 15px;

     position: absolute;

     right: 15px;

     top: 0;

     -webkit-transform: scale(0);

     transform: scale(0);

     transition: all 0.2s ease-in-out;

     -moz-transition: all 0.2s ease-in-out;

     -webkit-transition: all 0.2s ease-in-out;

     -ms-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

 }



 .tag-links a {

     padding: 7px 13px;

     margin: 0 32px 10px 0;

     /* font-size: 14px !important; */

     text-align: center;

     font-weight: 700;

     letter-spacing: 0.1em;

     color: #f48221;

     border: 1px solid #f48221;

     background-color: #fff;

     display: inline-block;

     border-radius: 5px;

     width: 100%;

     font-size: 20px;

 }

 .service-box h4 {

     margin-top: 48px;

     font-size: 18px;

 }



 .service-box .content .heading4 {

     margin-top: 48px;

     font-size: 18px;

     color: #111111;

     font-weight: 600;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

 }



 .sitemap_sect_right_products {

     float: left;

     width: 100%;

     margin: 0 0 20px;

     padding: 0;

     text-align: justify;

 }

 a:hover,
 a:focus,
 a:active {

     outline: none;

     text-decoration: none;

 }



 ul.sitemap li a:hover {

     color: #f48221;

 }

 ul.sitemap li a {

     color: black;

     text-decoration: none;

 }



 .sitemap_sect {

     /*float: left;*/

     width: 100%;

     margin: 0;

     padding: 50px 0;

 }



 .sitemap_sect_right_products h2 {

     padding: 10px;

     margin: 0 0 10px;

     line-height: 30px;

     background: #f48221;

     font-size: 22px;

     color: #fff;

     font-style: italic;

     text-transform: capitalize;

 }

 .sitemap_sect_sidebar h2 {

     float: left;

     width: 100%;

     padding: 10px;

     margin: 0;

     line-height: 30px;

     background: #f48221;

     font-size: 22px;

     color: #fff;

 }

 .sitemap_sect_sidebar h2 {

     text-transform: capitalize;

 }

 .contact-form {

     float: left;

     width: 100%;

     background: #eee;

     padding: 10px 10px 10px;

 }

 .contact-form input {

     height: 55px;

     margin-bottom: 25px;

 }

 .content a {

     color: #111111;

 }

 .section-title {

     margin-bottom: 50px;

 }

 .section-title h2 {

     font-size: 34px;

 }

 .section-title p {

     font-weight: 400;

     font-size: 18px;

     color: #000000;
 }

 .section-title.style-1 h2 {

     text-align: right;

     border-right: 2px solid #f48221;

     padding-right: 20px;

     padding: 10px 15px 10px 0px;

     line-height: 36px;

 }

 .form-control {

     resize: none;

     height: 55px;

     box-shadow: none;

     -webkit-box-shadow: none;

     -moz-box-shadow: none;

     border-radius: 0px;

     -moz-border-radius: 0px;

     -webkit-border-radius: 0px;

 }

 .form-group {

     margin-bottom: 15px;

 }





 .form-control {
     display: block;
     width: 100%;
     height: 43px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #000;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     /* font-weight: 700; */

 }

 input {

     resize: none;

     margin-bottom: 10px;

     box-shadow: none;

     -webkit-box-shadow: none;

     -moz-box-shadow: none;

     border-radius: 0px;

     -moz-border-radius: 0px;

     -webkit-border-radius: 0px;

 }





 section.service-area {

     padding: 50px 0px;

 }

 .service-item.style-1 {

     display: flex;

     padding: 20px 20px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

     height: 139px;

     border: 1px solid #ccc;
 }



 .border-1px {

     border: 0px solid #fff;

 }

 .service-item {

     margin-bottom: 30px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .service-item.style-1:hover i {

     color: #f48221;

 }

 .service-item.style-1 i {

     font-size: 30px;

     color: #4d4d4d;

     padding: 0;

     display: inline-block;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     -o-transition: all 0.3s ease-in-out;

     -ms-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }

 .par-c {

     font-family: font86463;

     color: #111111;

     font-weight: 600;

     margin-top: 0;

     margin-bottom: 10px;

     padding: 0;

     letter-spacing: 0.8px;

     font-size: 16px;

 }

 .service-item.style-1 .content {

     padding-left: 1em;

 }



 div#contactus-form p {

     /*padding-bottom: 12px;*/

 }

 .form-shadow {

     border: 1px solid #ccc;

     padding: 20px;

     padding: 20px 19px 50px;

     background: #fff;

     border-radius: 1px 73px;

     box-shadow: 1px 1px 9px #0000005c;

     position: relative;

 }



 .profile-export {

     padding: 50px 0px;

 }

 .main-title {

     position: relative;

     text-align: center;

 }

 .main-title p {
     font-size: 30px;
     font-weight: 500;
     color: #333;
 }

 .main-title .separator {
     position: relative;
     width: 100px;
     margin-bottom: 20px;
     left: 45%;
     top: 39px;
 }

 .main-title .separator:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 18px;
     width: 100%;
     height: 1px;
     background-color: #cccccc;
 }

 .main-title .separator:after {
     position: absolute;
     content: '';
     left: 42%;
     top: -32px;
     width: 30px;
     height: 30px;
     margin-left: -10px;
     border: 10px solid #ffffff;
     background-color: #0083d8;
 }



 .form-item {
     margin-top: 5%;
     position: relative;
 }

 input.name {
     background-position: 0% 50%;
 }

 .career-filed input {
     outline: none;
 }

 .career-filed-textarea textarea {
     outline: none;
 }

 input.email {
     background-position: 0% 50%;
 }

 input.phone {
     background-position: 0% 50%;
 }

 select.select-img {
     background-position: 0% 50%;
 }

 textarea.message {
     background-position: 0% 0%;
     margin-bottom: 40px;
 }



 .career-filed input {
     width: 100%;
     margin-bottom: 26px;
     height: 40px;
     border: 0px;
     border-bottom: 1px solid #ccc;
 }

 .career-filed-textarea textarea {
     width: 100%;
     resize: none;
     border-bottom: 1px solid #ccc;
     border: 0px;
     border-bottom: 1px solid #ccc;
     height: 120px;
 }

 .career-filed-btn input {
     background: #0070c4;
     border: none;
     padding: 15px 40px 15px 40px;
     color: #fff;
     border-radius: 50px;
     cursor: pointer;
 }

 .heading-text-intro h1 {
     font-size: 32px;
 }

 .map-header img {
     width: 70%;
     position: relative;
     top: 30px;
 }

 .map-header {
     color: #0083d8;
     font-family: font86463;
     font-size: 35px;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
     position: relative;
     top: 40px;
     left: 18%;
 }

 .header_zero {
     padding: 0px 0 40px 0;
 }

 ul.set-center {
     position: relative;
     top: 0px;
 }



 .service-box {

     background-color: #f9f9f9;

     border: 1px solid #eee;

     margin-bottom: 30px;

     padding: 15px;

     min-height: 228px;

 }

 .service-box .thumb-box {

     position: relative;

 }

 .service-box .thumb-box .thumb-overlay:before {

     background-color: rgba(255, 255, 255, 0.55);

     bottom: 0;

     content: "";

     left: 15px;

     position: absolute;

     right: 15px;

     top: 0;

     -webkit-transform: scale(0);

     transform: scale(0);

     transition: all 0.2s ease-in-out;

     -moz-transition: all 0.2s ease-in-out;

     -webkit-transition: all 0.2s ease-in-out;

     -ms-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

 }

 .image-box img {

     width: 100%;

     height: 145px;

     object-fit: cover;

 }

 .product-box {

     background-color: #f9f9f9;

     border: 1px solid #eee;

     margin-bottom: 30px;

     padding: 15px;

     min-height: 228px;

 }

 .product-box .image-box {

     position: relative;

 }

 .product-box .image-box .image-overlay:before {

     background-color: rgba(255, 255, 255, 0.55);

     bottom: 0;

     content: "";

     left: 15px;

     position: absolute;

     right: 15px;

     top: 0;

     -webkit-transform: scale(0);

     transform: scale(0);

     transition: all 0.2s ease-in-out;

     -moz-transition: all 0.2s ease-in-out;

     -webkit-transition: all 0.2s ease-in-out;

     -ms-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

 }

 .service-box:hover .thumb-box .thumb-overlay:before {

     -webkit-transform: scale(1);

     transform: scale(1);

 }

 section.product-image {

     padding: 50px 0px;

 }

 .team-details-box {

     padding: 40px 50px;

     background: #f7f7f7;

     border-radius: 20px;

 }

 .team-details-col img {

     border-radius: 10px;

 }

 .team-details-col1 img {

     width: 50%;

     height: auto;

     object-fit: fill;

     float: left;

     margin-right: 20px;

 }

 .hed h2 {

     font-size: 22px;

     margin-top: 24px;

     color: #f48221;

 }

 .team-details-box ul {

     list-style: disc;

     padding: 0 15px;

 }

 .team-details-box ul li {

     list-style-type: disc;

 }

 .hed h3 {

     font-size: 18px;

     margin-top: 23px;

     color: #f48221;

 }

 .team-details-col {

     padding-top: 33px;

 }

 .under-color h2 {
     padding: 8px 10px;
     margin: 0 0 10px;
     line-height: 30px;
     background: #f48221;
     /*background: linear-gradient(to right,#1f3890 0,#6c194f 100%);*/
     font-size: 24px;
     color: #fff;
     font-weight: 600;
 }

 .under-full-white {
     background: #fff;
     padding: 15px;
     border: 1px solid #ccc;
 }

 span.left-margin {
     margin-left: 15px;
 }

 .color-style {
     margin-bottom: 20px;
 }

 .color-style a {
     background-color: #dddddd;
     padding: 10px 15px;
     transition: 0.5s;
 }

 .color-style a:hover {
     background-color: #f48221;
     color: #fff !important;
 }

 .under-full-white span {
     /* margin-left: 15px; */
     font-size: 22px;
     display: block;
     margin-bottom: 10px;
 }


 .para_one p {
     line-height: 28px;
     margin-bottom: 20px;

 }

 p.font-test {
     font-size: 22px;
     padding-bottom: 22px;
 }

 ul.navbar-nav {
     margin-top: 8px;
 }

 .under-content-justify p {
     margin-bottom: 22px;
 }

 input#contact-submit {
     width: 100%;
     background: #000;
     color: #fff;
     font-weight: 600;
 }

 ul.sitemap li {
     margin-bottom: 13px;
 }

 .location_div p {
     margin-bottom: 20px;
 }

 .phone_lefts-side {
     position: relative
 }

 .phone_lefts-side a {
     position: fixed;
     bottom: 88px;
     color: white;
     animation: topBottom 4s infinite;
     z-index: 999;
     left: 15px;
     background-color: #f48221;
     color: white;
     padding: 9px 16px;
     border-radius: 50%;
     font-size: 20px;
     animation: bounce 4s infinite alternate
 }

 .glow {
     font-size: 80px;
     color: #fff;
     text-align: center;
     -webkit-animation: glow 1s ease-in-out infinite alternate;
     -moz-animation: glow 1s ease-in-out infinite alternate;
     animation: glow 1s ease-in-out infinite alternate
 }

 @-webkit-keyframes glow {
     from {
         text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd
     }

     to {
         text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd
     }
 }

 .bounce {
     animation: bounce 965 1.6s ease infinite;
     transform-origin: 50% 50%
 }

 @keyframes bounce {
     0% {
         transform: translateY(0)
     }

     12.5% {
         transform: translateY(0)
     }

     25% {
         transform: translateY(0)
     }

     50% {
         transform: translateY(-15px)
     }

     62.5% {
         transform: translateY(0)
     }

     75% {
         transform: translateY(-15px)
     }

     100% {
         transform: translateY(0)
     }
 }




 nav.mobile-menu {
     position: absolute;
     right: 0;
     display: none;
 }




 #enquireID,
 #flip {
     padding: 5px;
     text-align: center
 }

 #flip a.topopup {
     position: absolute;
     z-index: 10;
     top: 60%;
     left: 195px;
     width: 154px;
 }

 #flip a.topopup {
     cursor: pointer;
     transform: rotate(-90deg);
     color: #111;
     background: #f48221;
     padding: 6px 10px 10px;
     text-transform: uppercase;
     font-size: 16px;
 }

 #flip a.topopup:hover {
     background: #f48221;
     color: #fff
 }

 .floating-form {
     position: fixed;
     top: 25%;
     z-index: 9999;
     left: -255px;
     width: 253px;
     height: 281px;
 }

 #enquireID {
     background: none repeat scroll 0 0 #fff;
     border: 10px solid #f48221;
     border-radius: 0;
     color: #333;
     height: auto;
     font-size: 14px;
     padding-left: 10px;
     width: 255px;
     height: 460px;
     z-index: 99999
 }

 .enquire_input {
     float: left;
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     border-radius: 0;
     border: 1px solid #ccc;
     margin-bottom: 15px
 }

 .enquire_textarea {
     float: left;
     display: block;
     width: 100%;
     height: 100px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     border-radius: 0;
     border: 1px solid #ccc;
     text-transform: capitalize;
     margin-bottom: 15px
 }

 .enquire_sub {
     float: left;
     border: 0 !important;
     padding: 7px 25px;
     color: #fff;
     background: #383838
 }

 .enquire_sub:hover {
     background: #293890;
     color: #fff
 }

 .quick-contact-btn {
     width: auto;
     background-color: #383838;
     color: #fff !important;
     text-decoration: none;
     font-size: 14px;
     padding: 7px 20px;
     margin: 0;
     display: inline-block !important;
     border: 0;
 }



 /* button */

 /* 12 */
 .btn-12 {
     color: #0bf4f3;
     position: relative;
     right: 20px;
     bottom: 20px;
     border: none;
     width: 130px;
     height: 40px;
     line-height: 40px;
     -webkit-perspective: 230px;
     perspective: 230px;
 }

 .btn-12 span {
     display: block;
     position: absolute;
     background-color: #f48221;
     width: 130px;
     height: 40px;
     border: 1px solid #f48221;
     box-shadow: 0 0 5px #f48221, 0 0 5px #f48221 inset;
     margin: 0;
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
 }

 .btn-12 span:nth-child(1) {
     box-shadow: 0 0 5px #f48221, 0 0 5px #f48221 inset;
     -webkit-transform: rotateX(90deg);
     -moz-transform: rotateX(90deg);
     transform: rotateX(90deg);
     -webkit-transform-origin: 50% 50% -20px;
     -moz-transform-origin: 50% 50% -20px;
     transform-origin: 50% 50% -20px;
 }

 .btn-12 span:nth-child(2) {
     -webkit-transform: rotateX(0deg);
     -moz-transform: rotateX(0deg);
     transform: rotateX(0deg);
     -webkit-transform-origin: 50% 50% -20px;
     -moz-transform-origin: 50% 50% -20px;
     transform-origin: 50% 50% -20px;
 }

 .btn-12:hover span:nth-child(1) {
     -webkit-transform: rotateX(0deg);
     -moz-transform: rotateX(0deg);
     transform: rotateX(0deg);
 }

 .btn-12:hover span:nth-child(2) {
     background: #f48221;
     color: #f48221;
     box-shadow: 0 0 5px #f48221, 0 0 5px #f48221 inset;
     -webkit-transform: rotateX(-90deg);
     -moz-transform: rotateX(-90deg);
     transform: rotateX(-90deg);
 }

 .custom-btn {
     color: #fff;
     width: 130px;
     height: 40px;
     padding: 10px 25px;
     font-family: 'Lato', sans-serif;
     font-weight: 500;
     background: transparent;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     display: inline-block;
 }

 button:focus {
     outline: none;
 }



 /* why choose us */

 .qualification-container {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     column-gap: 3rem;
 }

 .timeline-item {
     position: relative;
     padding-left: 3rem;
     margin-bottom: 2.5rem;
 }

 .timeline-item:last-child {
     margin-bottom: 0;
 }

 .timeline-item::before {
     content: '';
     width: 1px;
     height: 60%;
     position: absolute;
     left: 0.49rem;
     top: 0;
     background-color: #f48221;
     transition: 0.4s;
 }

 .timeline-item:hover::before {
     height: 100%;
 }

 .circle-dot {
     position: absolute;
     left: 0;
     top: 0;
     height: 1rem;
     width: 1rem;
     border: 2px solid #f48221;
     border-radius: 0.25rem;
     background-color: white;
     transform: rotate(134deg);
     transition: 0.4s;
 }

 .timeline-item:hover .circle-dot {
     background-color: #f48221;
 }

 .timeline-title {
     font-size: 1.25rem;
     font-weight: 500;
     margin-bottom: 1rem;
 }

 .timeline-date {
     display: flex;
     align-items: center;
     column-gap: 0.4rem;
     font-size: 0.87;
     color: #f48221;
     margin-bottom: 0.5rem;
 }




 @media screen and (max-width: 1024px) {
     .timeline-item {
         padding-left: 2.5rem;
         margin-bottom: 2rem;
     }

 }

 @media screen and (max-width: 768px) {

     .qualification-container {
         grid-template-columns: 1fr;
         row-gap: 2.5rem;
     }

 }




 /* products */


 /* Container */
 .templatesShowcase {
     background-color: #f6f8f9;
     padding-bottom: 50px;
     padding-top: 30px;
 }

 .templatesShowcase-row {
     display: flex;
 }

 /* Header */
 .templatesShowcase-header {
     margin-bottom: 40px;
     max-width: 656px;
 }

 @media (min-width: 768px) {
     .templatesShowcase-header {
         margin-bottom: 80px;
     }
 }

 .templatesShowcase-label {
     margin-bottom: 8px;
 }

 .templatesShowcase-title {
     margin-bottom: 24px;
 }

 .templatesShowcase-description {
     font-size: 20px;
 }

 /* Items */
 .templatesShowcase-items {
     display: flex;
     flex-wrap: wrap;
 }

 @media (min-width: 960px) {
     .templatesShowcase-items {
         flex-basis: 720px;
     }
 }

 .templatesShowcase-item {
     align-items: center;
     background-color: white;
     border-radius: 3px;
     color: #151b26;
     display: flex;
     flex-basis: 100%;
     margin-top: 16px;
     min-width: 100%;
     padding: 16px;
     transition: transform 300ms, box-shadow .6s;
 }

 .templatesShowcase-item:hover {
     border-bottom: none;
     box-shadow: 0 11px 12px 0 rgba(36, 50, 66, 0.12);
     transform: scale(1.035);
 }

 @media (min-width: 520px) {
     .templatesShowcase-item {
         flex-basis: calc(50% - 16px);
         min-width: calc(50% - 16px);
         margin-top: 0;
     }
 }

 @media (min-width: 520px) {
     .templatesShowcase-item:nth-child(n+3) {
         margin-top: 24px;
     }
 }

 @media (min-width: 520px) {
     .templatesShowcase-item:nth-of-type(even) {
         margin-left: 32px;
     }
 }

 /* Item info */
 .templatesShowcase-item-information {
     margin-bottom: 0;
     padding-left: 16px;
 }

 .templatesShowcase-item-image {
     width: 64px;
 }

 .templatesShowcase-item-name {
     font-weight: 500;
 }

 /* View All */
 .templatesShowcase-all {
     background: url("images/features.png") no-repeat center center;
     background-size: cover;
     display: none;
     height: 336px;
     margin-top: 24px;
     position: relative;
     transition: box-shadow 300ms;
 }

 @media (min-width: 960px) {
     .templatesShowcase-all {
         display: block;
         flex-basis: 363px;
         margin-left: 32px;
         margin-top: 0;
     }
 }

 .templatesShowcase-all:hover {
     border-bottom: none;
     box-shadow: 0 11px 12px 0 rgba(36, 50, 66, 0.12);
     color: rgba(9, 12, 16, 0.75);
     text-decoration: underline;
 }

 .templatesShowcase-all:hover .templateShowcase-arrow-clip {
     animation-delay: 275ms;
     animation-duration: 1.2s;
     animation-name: arrow;
     animation-iteration-count: infinite;
     animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
 }

 .templatesShowcase-all:hover svg g {
     fill: rgba(9, 12, 16, 0.75);
 }

 /* Bottom text */
 .templatesShowcase-all-text {
     align-items: center;
     background-color: white;
     bottom: 0;
     color: #151b26;
     display: flex;
     justify-content: space-between;
     left: 0;
     padding: 12px 16px;
     position: absolute;
     width: 100%;
 }

 /* Arrow */
 .templateShowcase-arrow {
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 21px;
 }

 .templateShowcase-arrow svg {
     height: 16px;
     width: 21px;
 }

 .templateShowcase-arrow svg:last-of-type {
     margin-left: 4px;
 }

 .templateShowcase-arrow svg g {
     fill: #090c10;
     transition: fill 125ms;
 }

 .templateShowcase-arrow-clip {
     align-items: center;
     display: flex;
     overflow: hidden;
     transform: translateX(-25px);
     width: 46px;
 }

 /* Keyframes */
 @keyframes arrow {
     to {
         transform: translateX(0);
     }
 }



 /* industries */




 .cyan {
     --border-color: hsl(180, 62%, 55%);
     grid-area: 1 / 1 / 3 / 2;
 }

 .red {
     --border-color: hsl(0, 78%, 62%);
 }

 .orange {
     --border-color: hsl(34, 97%, 64%);
 }

 .blue {
     --border-color: hsl(212, 86%, 64%);
     grid-area: 1 / 3 / 3 / 4;
 }


 :root {
     --Very-Dark-Blue: hsl(234, 12%, 34%);
     --Grayish-Blue: hsl(229, 6%, 66%);
     --Very-Light-Gray: hsl(0, 0%, 98%);
     --border-color: hsl(0, 0%, 50%);
     --fw-light: 200;
     --fw-regular: 400;
     --fw-bold: 600;

     color: var(--Grayish-Blue);
     font-size: 15px;
     font-family: "Poppins", sans-serif;
     font-weight: var(--fw-regular);
 }

 .card_grid {
     margin-top: 3rem;
     display: grid;
     grid-template-columns: repeat(3, minmax(200px, 1fr));
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
 }

 .card {
     max-width: 320px;
     margin: 0 auto;
     padding: 2rem;
     border-top: 5px solid var(--border-color);
     border-radius: 5px;
     box-shadow: 0 10px 10px rgba(23, 79, 138, 0.1);
     transition: transform 300ms, box-shadow .6s;
 }

 .card:hover {
     box-shadow: 0 11px 12px 0 rgba(36, 50, 66, 0.12);
     transform: scale(1.035);
 }

 .card_title {
     margin-bottom: 1rem;
     font-size: 1.3rem;
     font-weight: var(--fw-bold);
 }

 .card_content {
     /* margin-bottom: 1.5rem; */
     font-size: 0.9rem;
 }

 .card_img {
     /* margin-left: auto; */
     display: block;
     width: 200px;
 }

 @media (max-width: 768px) {
     .card_grid {
         grid-template-columns: repeat(2, minmax(200px, 1fr));
         align-items: stretch;
     }

     .cyan {
         grid-area: auto;
     }

     .blue {
         grid-area: auto;
     }

     .card {
         max-width: 300px;
     }
 }

 @media screen and (max-width: 500px) {
     .card_grid {
         grid-template-columns: repeat(1, minmax(200px, 1fr));
     }
 }




 /* popup */

 .popup-section img {
     object-fit: cover;
     cursor: pointer;
     transition: 0.3s;
 }

 .popup-section img:hover {
     transform: scale(1.1);
     mix-blend-mode: normal;
 }

 /* POPUP */
 .cert-popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     z-index: 9999;
     justify-content: center;
     align-items: center;
 }

 .cert-popup-content {
     position: relative;
 }

 .cert-popup-content img {
     width: 900px;
     max-width: 90%;
     border-radius: 10px;
 }

 .close-btn {
     position: absolute;
     top: -20px;
     right: -20px;
     background: #fff;
     border-radius: 50%;
     font-size: 28px;
     width: 38px;
     height: 38px;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 @media screen and (max-width: 480px) {
     .close-btn {
         right: 0px !important;
     }

     .overText {
         height: fit-content !important;
     }

     .overText h4::before {
         left: 10px !important;
     }

     .footer-bottom {
         padding: 25px 0 70px 0 !important;
     }
 }



 #indiaMap {
     width: 100%;
     height: 500px;
     border-radius: 10px;
 }

 /* Pin hover color */
 .leaflet-marker-icon:hover {
     filter: hue-rotate(165deg) brightness(1.5);
     transform: scale(1.2);
     transition: 0.2s ease;
 }


 /* feature */


 .bg-gray {
     background-color: #f9f9f9;
 }

 .site-heading h2 {
     display: block;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
 }

 .site-heading h2 span {
     color: #ffaf5a;
 }

 .site-heading h4 {
     display: inline-block;
     padding-bottom: 20px;
     position: relative;
     text-transform: capitalize;
     z-index: 1;
 }

 .site-heading h4::before {
     background: #ffaf5a none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 2px;
     left: 50%;
     margin-left: -25px;
     position: absolute;
     width: 50px;
 }

 .site-heading {
     margin-bottom: 60px;
     overflow: hidden;
     margin-top: -5px;
 }


 .features-items,
 .features-items .items-box {
     overflow: hidden;
 }

 .features-area .equal-height::after {
     background: #e7e7e7 none repeat scroll 0 0;
     content: "";
     height: 100%;
     position: absolute;
     right: -1px;
     top: 0;
     width: 1px;
 }

 .features-area.item-full .equal-height::before {
     background: #e7e7e7 none repeat scroll 0 0;
     content: "";
     height: 1px;
     position: absolute;
     bottom: -1px;
     right: 0;
     width: 100%;
 }

 .features-area .features-items .col-md-5,
 .features-area .features-items .col-md-7 {
     display: table-cell;
     float: none;
     vertical-align: middle;
 }

 .features-area .features-items.reversed .col-md-5,
 .features-area .features-items.reversed .col-md-7 {
     display: inline-block;
     float: left;
 }

 .features-area .features-items.reversed .info-box {
     float: right;
 }

 .features-area .features-items .item {
     padding: 15px 30px;
 }

 .features-area.item-full .features-items .item {
     padding: 30px;
 }

 .features-area .features-items .item h4 {
     position: relative;
 }

 .features-area.bottom-small {
     padding-bottom: 25px;
 }

 .features-area.default-padding.bottom-none {
     padding-bottom: 30px;
 }

 .features-area .item .icon {
     margin-bottom: 20px;
 }

 .features-area .item .info {}

 .features-area .item .icon i {
     background: #ffffff none repeat scroll 0 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -moz-box-shadow: 0 0 10px #cccccc;
     -webkit-box-shadow: 0 0 10px #cccccc;
     -o-box-shadow: 0 0 10px #cccccc;
     box-shadow: 0 0 10px #cccccc;
     color: #ffaf5a;
     display: inline-block;
     font-size: 30px;
     height: 100px;
     line-height: 100px;
     position: relative;
     text-align: center;
     width: 100px;
     z-index: 1;
     transition: transform 300ms, box-shadow .6s;
 }

 .features-area .item:hover .icon i {
     box-shadow: 0 11px 12px 0 rgba(36, 50, 66, 0.12);
     transform: scale(1.05);
 }

 .features-area .features-items .items-box i {
     background: transparent;
 }

 .features-area .item .icon {
     margin-bottom: 25px;
 }

 .features-area .features-items.icon-solid i {
     border-radius: inherit;
     -moz-box-shadow: 0 0 10px #cccccc;
     -webkit-box-shadow: 0 0 10px #cccccc;
     -o-box-shadow: 0 0 10px #cccccc;
     box-shadow: 0 0 10px #cccccc;
     color: #ffaf5a;
     display: inline-block;
     font-size: 50px;
     height: 80px;
     line-height: 80px;
     position: relative;
     text-align: center;
     width: 80px;
 }


 .features-area .item .info h4 {
     font-weight: 600;
     text-transform: capitalize;
     font-size: 20px;
 }

 .features-area .item .info p {
     margin: 0;
 }

 .features-area .features-items.less-icon .items-box.inc-cell .item .info {
     padding-left: 0;
 }

 .features-area .features-items .items-box.inc-cell .item .info a {
     color: #666666;
     display: inline-block;
     margin-top: 15px;
     text-transform: uppercase;
 }

 .features-area .features-items .items-box.inc-cell .item .info a:hover {
     color: #ffaf5a;
 }




 .grid {
     position: relative;
     margin: 0 auto;
     padding: 0em 0 2em;
     max-width: 1000px;
     list-style: none;
     text-align: center;
 }

 /* Common style */
 .grid figure {
     position: relative;
     float: left;
     overflow: hidden;
     margin: 10px 1%;
     min-width: 320px;
     max-width: 480px;
     max-height: 360px;
     width: 48%;
     background: #3085a3;
     text-align: center;
     cursor: pointer;
 }

 .grid figure img {
     position: relative;
     display: block;
     min-height: 100%;
     max-width: 100%;
     opacity: 0.8;
 }

 .grid figure figcaption {
     padding: 2em;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.25em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .grid figure figcaption::before,
 .grid figure figcaption::after {
     pointer-events: none;
 }

 .grid figure figcaption,
 .grid figure figcaption>a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 /* Anchor will cover the whole item by default */
 /* For some effects it will show as a button */
 .grid figure figcaption>a {
     z-index: 1000;
     text-indent: 200%;
     white-space: nowrap;
     font-size: 0;
     opacity: 0;
 }

 .grid figure h2 {
     word-spacing: -0.15em;
     font-weight: 300;
     text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 3px 6px rgba(0, 0, 0, 0.20), 0px 8px 12px rgba(0, 0, 0, 0.15);
 }

 .grid figure h2 span {
     font-weight: 800;
 }

 .grid figure h2,
 .grid figure p {
     margin: 0;
     text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 3px 6px rgba(0, 0, 0, 0.20), 0px 8px 12px rgba(0, 0, 0, 0.15);
 }

 .grid figure p {
     letter-spacing: 1px;
     font-size: 68.5%;
     text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 3px 6px rgba(0, 0, 0, 0.20), 0px 8px 12px rgba(0, 0, 0, 0.15);
 }


 figure.effect-dexter {
     background: -webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
     background: linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
 }

 figure.effect-dexter img {
     -webkit-transition: opacity 0.35s;
     transition: opacity 0.35s;
 }

 figure.effect-dexter:hover img {
     opacity: 0.4;
 }

 figure.effect-dexter figcaption::after {
     position: absolute;
     right: 30px;
     bottom: 30px;
     left: 30px;
     height: -webkit-calc(50% - 30px);
     height: calc(50% - 30px);
     border: 7px solid #fff;
     content: '';
     -webkit-transition: -webkit-transform 0.35s;
     transition: transform 0.35s;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
 }

 figure.effect-dexter:hover figcaption::after {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 figure.effect-dexter figcaption {
     padding: 3em;
     text-align: left;
 }

 figure.effect-dexter p {
     position: absolute;
     right: 60px;
     bottom: 75px;
     left: 60px;
     opacity: 0;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: translate3d(0, -100px, 0);
     transform: translate3d(0, -100px, 0);
     text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 3px 6px rgba(0, 0, 0, 0.20), 0px 8px 12px rgba(0, 0, 0, 0.15);
 }

 figure.effect-dexter:hover p {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 3px 6px rgba(0, 0, 0, 0.20), 0px 8px 12px rgba(0, 0, 0, 0.15);
 }

 @media screen and (max-width: 480px) {
     figure.effect-dexter {
         float: none;
         justify-self: center;
     }

     .grid figure h2 {
         font-size: 20px;
     }

     .grid figure p {
         font-size: 11px;
         bottom: 45px;
     }

     figure.effect-dexter figcaption::after {
         height: calc(50% - 18px);
     }
 }




 /*Lightbox*/
 .lightbox {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     z-index: 1000;
     display: none;
     justify-content: center;
     align-items: center;
     padding: 1.8rem;
     cursor: zoom-out;
 }

 .lightbox.open {
     display: flex;
 }

 .lightbox-img {
     height: auto;
     width: 75%;
     justify-self: center;
     cursor: pointer;
     display: block;
     padding: 2.5rem 0 1.875rem;
 }

 .lightbox-content {
     position: relative;
 }

 .lightbox.open .lightbox-content {
     animation: lightBoxImage 0.5s ease;
 }

 @keyframes lightBoxImage {
     0% {
         transform: scale(0.8);
     }

     100% {
         transform: scale(1);
     }
 }

 .lightbox-close {
     position: absolute;
     height: 40px;
     width: 40px;
     top: 0;
     right: 0;
     font-size: 1.8rem;
     color: white;
     line-height: 32px;
     text-align: right;
     transition: 0.4s;
 }

 .lightbox-close:hover {
     color: red;
 }

 .lightbox-caption {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     display: flex;
     justify-content: flex-end;
     color: hsl(var(--first-hue), 60%, 82%);
     z-index: -1;
 }

 .prev-item,
 .next-item {
     position: absolute;
     cursor: pointer;
     top: 50%;
     margin-top: -1rem;
     color: hsl(var(--first-hue), 60%, 82%);
     z-index: 110;
     transition: 0.4s;
 }

 .prev-item {
     left: 1.875rem;
 }

 .next-item {
     right: 1.875rem;
 }

 .next-item .bx,
 .prev-item .bx {
     font-size: 1.75rem;
 }

 .next-item:hover,
 .prev-item:hover {
     color: var(--container-color);
 }


 .work-content img {
     width: 100%;
     height: auto;
 }

 /*Work*/
 .work-container {
     column-count: 4;
     column-gap: 1.875rem;
 }

 .work-content {
     position: relative;
     margin-bottom: 1.5rem;
 }

 .work-content:hover {
     box-shadow: 0 2px 16px hsla(var(--second-hue), 48%, 8%, .1);
 }

 .work-overlay {
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.8);
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     transition: .4s;
 }

 .work-content:hover .work-overlay {
     opacity: 1;
 }

 .work-overlay-icon {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -1rem;
     margin-left: -1rem;
     font-size: 2rem;
     color: var(--first-color);
     transform: scale(0);
     transition: .4s;
 }

 .work-content:hover .work-overlay-icon {
     transform: scale(1);
 }



 .blog-section {
     padding: 70px 0;
     background: #f8f9fc;
     font-family: Arial, sans-serif;
 }

 .container-blog {
     max-width: 1100px;
     margin: auto;
     padding: 0 20px;
 }

 .blog-title {
     text-align: center;
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 5px;
     color: #f48221;
 }

 .blog-subtitle {
     text-align: center;
     font-size: 15px;
     color: #666;
     margin-bottom: 40px;
 }

 .blog-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
 }

 .blog-card {
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .blog-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }

 .blog-img img {
     width: 100%;
     height: 210px;
     object-fit: cover;
 }

 .blog-content {
     padding: 20px;
 }

 .blog-content h3 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 10px;
     color: #222;
 }

 .blog-content p {
     font-size: 14px;
     color: #555;
     line-height: 1.5;
     margin-bottom: 12px;
 }

 .read-more {
     font-size: 14px;
     font-weight: bold;
     color: #f48221;
     text-decoration: none;
     display: inline-block;
     transition: 0.3s;
 }

 .read-more:hover {
     color: #000000ff;
 }

 /* Responsive */
 @media (max-width: 900px) {
     .blog-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 600px) {
     .blog-grid {
         grid-template-columns: 1fr;
     }
 }

 .ma5menu__toggle {
     background-color: #f48221 !important;
 }

 .ma5menu__panel {
     background-color: #f48221 !important;
 }

 .ma5menu__head {
     border-bottom: 1px solid #f48221 !important;
     background-color: #f48221 !important;
 }


 .ma5menu__alert {
     background-image: linear-gradient(to bottom, rgba(14, 101, 182, 0) 0%, #2e2a2a 50%) !important;
 }

 li .btn-12 span {
     width: 40px;
     box-shadow: 0 0 2px #f48221, 0 0 2px #f48221 inset !important;
 }

 li .btn-12 {
     width: 40px;
 }

 .head-social li {
     margin: 3px;
 }



 .templatesShowcase {
     position: relative;
     background-image: url('images/bgbg.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }

 /* Black overlay */
 .templatesShowcase .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.819);
 }

 /* Content */
 /* .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding: 20px;
} */



 @media only screen and (max-width: 479px) {
     .mobile-three-item {
         display: block !important;
     }

     .whats-app-icon {
         display: none;
     }

     .phone_lefts-side.glow {
         display: none;
     }
 }

 .mobile-three-item {
     text-align: center;
     display: none;
     position: sticky;
     z-index: 999;
     bottom: 0;
     width: 100%;
 }

 .mobile-three-item li:nth-child(1) {
     background-color: #e77a1a;
 }

 .mobile-three-item li {
     display: inline-block;
     margin-right: 0;
     width: 47%;
 }

 @media only screen and (max-width: 479px) {
     .mobile-three-item li a {
         font-size: 12px !important;
         padding: 5px 0px !important;
     }
 }

 .mobile-three-item li:nth-child(2) {
     background-color: #64b161;
 }