.header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a {
    margin: 0 15px;
}
p { font-size: 16px; font-weight: 400; line-height: 28px; color: #7d757d; margin: 0;}

.single-banner .banner-overlay { background: linear-gradient(90deg,#fa9211 0%,rgb(244, 145, 31, 0.6) 50%,rgba(255,255,255,0) 100%);}

.header-area-2.header-area-4 .header-top .header-left-side ul li a i { color: #fa9314;}

.header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before { background: #fa9314;}

.single-banner .banner-overlay .banner-content a { background: #797979; color: #ffffff; border-color: #797979; font-size: 15px; font-weight: 700; padding: 0 40px;}

.single-banner .banner-overlay .banner-content a:hover { background: #fff; color: #f99316; border-color: #797979; font-size: 15px; font-weight: 700; padding: 0 40px;}

.main-btn { border: 2px solid #fa9314; background-color: #f99316;}

.header-nav .navigation .main-btn { border: 2px solid #fa9312; background-color: #fa9212;}

.header-nav .navigation .main-btn:hover { border: 2px solid #7216a5!important; background-color: #fff!important; color: #7216a5!important;}

.header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li:last-child a {color: #fa9314;}

.header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li a { margin-right: 30px; font-size: 18px; color: #fa9314;}

.fab:hover{color: #fa9314 !important;}

.section-title span { color: #fa9314;}

.who-we-are-area .what-we-do-item:hover { background: #ac2c8b;}

.who-we-are-area .what-we-do-item>i { color: #ac2c8b;}

.who-we-are-area .what-we-do-item a { background: #fa9314;}

.banner-active .slick-arrow {color: #fa9314;}

.solution-play a {color: #fa9314;}

.services-title-area {background: #fa9314;}

.latest-services-area .single-services .services-content .title::before { background: #fa9314;}

.latest-services-area .single-services .services-content a { border: 3px solid #fa9314; cursor: pointer;}

.latest-services-area .single-services .services-content a:hover { background: #fa9314; color: #fff; border-color: #fa9314;}

.main-btn:hover { border: 2px solid #f89213!important; color: #f99416!important;}

.contact-us-area .contact-overlay { background-color: rgba(142, 42, 138, 0.9);}

.contact-us-area .contact-overlay .contact-details .contact-form-area .input-box>i { color: #943b91;}

.contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button { background: #96398b; color: #fff; border-color: #8e358a;}

.contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button:hover { background: #fff; color: #96398b; border-color: #8e358a;}

h1, h2, h3, h4, h5, h6 { color: #3e3d3d;}

.our-choose-area .accordion .card .card-header a { color: #8a6105;}

.our-choose-area .our-choose-counter-area .our-choose-counter sub { color: #8a6105;}

.footer-area.footer-area-2.footer-area-1 .footer-overlay { background-color: rgba(147, 147, 147, 0.95);}

.footer-area.footer-area-2 .footer-overlay .widget-item-1 p { color: #ffffff;}

.footer-area.footer-area-2 .footer-overlay .widget-item-2 .footer-list ul li a { color: #ffffff;}

.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 ul li { color: #ffffff;}

.footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 p { color: #ffffff;}

.footer-area.footer-area-2 .footer-copyright p { color: #000000;}

.back-to-top a { background: #fa9314;}

.preloader { background-color: #FF9600;}

.our-choose-area { padding-top: 100px;}

.footer-area.footer-area-2 .footer-overlay { padding-top: 0px;}

.landing p { line-height: 50px; font-size: 16px; font-weight: 600; background: rgba(121, 121, 121, 0.7); color: #f5f2ef; text-align: center; margin: 0;}

.banner-active .slick-arrow { top: 60%;}

.page-title-area .page-title-item nav .breadcrumb li a { color: #ffffff;}

.page-title-area .page-title-item nav .breadcrumb li.breadcrumb-item.active::before { content: '|'; color: #fa9314;}

.page-title-area .page-title-item nav .breadcrumb li { color: #3e3d3d;}

.page-title-area::before { background: rgba(250, 147, 20, 0.3);}

.about-experience-area .experience-item span { color: #fa9314;}

.about-experience-area .experience-item span::before { background: #fa9314;}

.about-experience-area .experience-item p { color: #3e3d3d;}

.about-experience-area .experience-item a { color: #fa9314;}

.about-intro-area .intro-thumb::before { border-bottom: 400px solid #fa9314;}

.about-intro-area .intro-thumb a { background: #fa9314; color: #f3d7f2;}

.about-intro-area .intri-content span { color: #fa9314;}

.about-intro-area .intri-content span::before { background: #fa9314;}

.about-intro-area .intri-content .text-1 { color: #7d0579;}

.about-intro-area .intri-content .text-2 { color: #50044e;}

.about-faq-area .about-faq-content span { color: #fa9314;}

.about-faq-area .about-faq-content span::before { background: #fa9314;}

.faq-accordion-3 .accordion .card .card-header a i { color: #fa9314;}

.faq-accordion-3 .accordion .card .card-header a { color: #a0689e;}

.faq-accordion-3 .accordion .card .card-header a.collapsed { color: #c5849e;}

.faq-accordion-3 .accordion .card .card-body p { color: #fa9314;}

.faq-accordion-3 .accordion .card .card-header a::before { color: #fa9314!important;}

.header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover>a { background-color: #fa9314;}

.services-item-area .single-services-item:hover .services-overlay { background: rgba(142, 42, 138, 0.9);}

.services-item-area .single-services-item .services-overlay i { background: #933a91;}

.contact-details-area .contact-info .contact-item-1 .contact-info-item i { background: #fa9314;}

.contact-details-area .contact-info .contact-item-1 .contact-info-item p { color: #a289a1;}

.get-in-touch-area.get-in-touch-area-2 .get-map a::after { background: #fa9314;}

.get-in-touch-area .get-map::before { border-bottom: 400px solid #fa9314;}

.get-in-touch-area .form-area .input-box button { background: #fa9314; border-color: #fa9314;}

.get-in-touch-area .form-area .input-box button:hover { background: #fff; border-color: #fa9314;}

.single-banner .banner-overlay .banner-content .title { font-size: 50px; color: #fff; line-height: 50px;}

.header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a { line-height: 35px; border-bottom: 1px solid #ccc;}

.services-optimization-area .services-optimization-content>span { color: #fa9314;}

.services-optimization-area .services-optimization-content>span::before {background-color: #fa9314;}

.about-history-area .history-item .history-content .title { font-size: 15px; color: #524f52;}

.about-history-area .history-item .history-content span { color: #f99316;}

.about-history-area .history-item .number-box { border: 4px solid #fa9314;}

.about-history-area .history-item::after { background: #f9ebdb;}

.about-history-area .history-item { box-shadow: 0 8px 16px 0 rgba(241, 132, 255, 0.1);}

.page-title-area { height: 300px; background: #a9c7ec; position: relative;}

.page-title-area .page-title-item .title { font-size: 45px;}

.page-title-area .page-title-item { padding-top: 190px;}

.latest-services-area .single-services .services-content .title { font-size: 20px; border-bottom: none; min-height: 118px;}

.latest-services-area { margin-top: inherit;}

.about-history-area { padding-top: 50px; padding-bottom: 20px;}

.about-history-area .section-title.text-center p{font-size: 20px; font-weight: 600; line-height: 28px; color: #7d757d; margin: 0;}

.latest-services-area .single-services .services-content p { text-align: justify;}

.footer-copyright { margin-top: -50px;}

.header-top .header-right-social ul li { display: inline-block; font-size: 1.2rem;}

.modal .overview { font-size: 20px;}




/* The Modal (background) */


/* The Close Button */
.close {  /* Position it in the top right corner outside of the modal */ position: absolute; right: 25px; top: 0; color: #000; font-size: 35px; font-weight: bold;}

/* Close button on hover */
.close:hover, .close:focus { color: red; cursor: pointer;}

/* Add Zoom Animation */
.animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}

@-webkit-keyframes animatezoom { 
	from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)} to {transform: scale(1)}
}


/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw { display: block; float: none;  }
  .cancelbtn { width: 100%; }
}

/*
 * Component: modal
 * ----------------
 */

 .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 10000; /* Sit on top */ width: 60%; height: 70%; top: 15%; left: 22%; overflow: auto; /* Enable scroll if needed */ background-color: rgb(66, 64, 148); /* Fallback color */ background-color: rgba(142, 64, 148,0.9); /* Black w/ opacity */ padding-top: 15px;}

.modal p{color: #fff; padding-top: 15px;}

.modal h2{font-size: 25px; color: #f7c07e;}

.modal li{font-size: 20px;}

#limheight { height: 270px; /*your fixed height*/ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; /*2 in those rules is just placeholder -- can be anything*/}

/*
#limheight li { display: inline-block;
}
*/

/* Modal Content/Box */
.modal-content { border: none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 1); box-shadow: 0 2px 3px rgba(0, 0, 0, 1); color: #fff; background-color: transparent; margin: 5px auto; /* 15% from the top and centered */ width: 80%; /* Could be more or less, depending on screen size */}

@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
}
.modal-header {
  border-bottom-color: #f4f4f4;
}
.modal-footer {
  border-top-color: #f4f4f4;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}



@media(min-width: 720px){

.top-phn-email {text-align: left; padding-top: 15px;}

.top-phn-email ul li a { margin-right: 20px; font-size: 16px; color: #797979;}

.homepage .header-nav img{min-width: 300%; padding-top: 20px; margin-left: -75px;}

.header-area-2.header-area-4.homepage  .header-nav .navigation .navbar .navbar-btn a { line-height: 40px; padding: 0 10px; border-radius: 5px; font-size: 0.9rem;}

.header-area-2.header-area-4.homepage .header-nav .navigation .navbar .navbar-btn { padding-left: 30px;}

.header-area-2.header-area-4.homepage .header-nav .navigation .navbar .bar-area ul li a { margin-right: 10px; font-size: 15px; color: #797979;}

.header-nav img{min-width: 150%;}

.bar-area .fal.fa-bars{display: none;}

.homepage.header-area-2.header-area-4 .header-nav .navigation { margin-top: -72px;}

.slick-slider { margin-top: -70px;}

.homepage.header-area-2.header-area .header-nav .navigation { top: 50px;}

.single-banner .banner-overlay { height: 86vh; margin-top: -3px;}

.single-banner { margin-top: 171px;}

.header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a { font-size: 14px;}

.top-phn-email li a { margin-right: 15px!important;}

.bar-area.socials{padding-left: 35px;}

}

@media(max-width: 720px) {

.single-banner .banner-overlay { height: 88vh;}

.single-banner .banner-overlay { background: linear-gradient(90deg,#fa9211 0%,rgb(244, 145, 31, 0.6) 50%,rgba(255,255,255,0) 100%);}

.modal { display: none; position: fixed; z-index: 10000; width: 100%; height: 100%; top: 0%; left: 0%; overflow: auto; background-color: rgb(66, 64, 148); background-color: rgba(142, 64, 148,0.9); padding-top: 15px;}

#limheight { height: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; /*1 in those rules is just placeholder -- can be anything*/}

}