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

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

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


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

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Lexend', sans-serif; font-size: 24px; color: #646464; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 { font-family: 'Lexend', sans-serif; font-weight: 600; margin:0 0 30px; padding:0; }
h1{ font-size:72px;}
h2{ font-size:50px;}
h3{ font-size:36px;}
h4{ font-size:30px;}
h5{ font-size:20px;}
h6{ font-size:18px;}

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

input, textarea, select{ font-weight: 400; font-size: 16px; outline: none;}
input[type="submit"]{ font-family: 'Lexend', sans-serif; font-weight: 600; font-size: 18px; transition:all 0.3s ease 0s; outline: none;}

.form-group { margin: 0 0 30px; }
.form-control { border-radius: 0; border-color: #19375b; height: 45px; background: none; color: #19375b; }
.form-control:focus { background: none; outline: none; box-shadow: none; color: #19375b;}

/* --- for placeholder color --- */

.form-control::-moz-placeholder{color:#C6C5C5;opacity:1;}
.form-control:-ms-input-placeholder{color:#C6C5C5;}
.form-control::-webkit-input-placeholder{color:#C6C5C5;}

/* --- 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 { border: 0; display: inline-block; vertical-align: top; background: #db944b; color: #fff !important; padding: 20px 105px 20px 30px; font-size: 22px; line-height: 1; text-transform: uppercase; font-weight: 600; border-radius: 0; position: relative; }
.btn:hover { background: #419ea6; }
.btn:after { content: ''; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(135deg); position: absolute; right: 20px; top: 25px; width: 12px; height: 12px;}

.btn.arw-down:after { transform: rotate(225deg); top: 22px; }

.btn.border { background:none; color: #232220 !important; border: 1px solid #232220 !important; }
.btn.border:hover { background: #232220; color: #fff !important; }

.btn.border.white { color: #fff !important; border: 1px solid #fff !important; }
.btn.border.white:hover { background: #fff; color: #232220 !important; }

.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}
/* --- Button Styles --- */


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

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

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

.common-padd { padding-top: 200px; padding-bottom: 200px; }
.common-padd-small { padding-top: 100px; padding-bottom: 100px; }
.common-padd-lt-rt { padding-left: 85px; padding-right: 85px; }

.bg-blue { background: #19375b; }
.bg-yellow { background: #db944b; }

.color-blue { color: #19375b; }
.color-yellow { color: #db944b; }

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


.main-header { position: fixed; padding: 30px 0 0; top: 0; right: 0; left: 0; z-index: 999; transition: 500ms ease !important; background: linear-gradient(180deg, rgb(0 0 0 / 0%), transparent); padding-bottom: 30px;}
.main-header .container { max-width: 1600px; }
.header-row { display: flex; justify-content: space-between; }

.logo { width: 430px; position: relative; z-index: 9999;}

.nav_btn { width: 95px; height: 95px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; z-index: 9999; }
.nav_btn:before { content: ''; background: #db944b; width: 65px; height: 65px; position: absolute; transform: rotate(45deg); top: 15px; left: 15px; }
.nav_btn span { display: block; position: absolute; height: 5px; width: 40px; background: #fff; border-radius: 0; opacity: 1; left: 28px; transform: rotate(0deg); transition: .25s ease-in-out; }
.nav_btn span:nth-child(1) { top: 32px; }
.nav_btn span:nth-child(2) { top: 44px; }
.nav_btn span:nth-child(3) { top: 56px; }
.nav_btn.open span:nth-child(1) { top: 46px; transform: rotate(135deg); }
.nav_btn.open span:nth-child(2) { opacity: 0; left: -60px; }
.nav_btn.open span:nth-child(3) {  top: 46px; transform: rotate(-135deg); }


.main-menu { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; max-width: 100%; background: rgba(255, 255, 255, 0.95); padding: 130px 15px 15px 15px; margin:0; overflow-y: auto; }

.main-menu ul { margin: 0; padding: 0; list-style: none; width: 100%; position: relative; }
.main-menu ul li { font-size: 40px; line-height: 1.1; position: relative; margin: 0 0 10px;}
.main-menu ul li:after { content: ''; background: #db944b; width: 44px; height: 2px; position: absolute; left: 0; bottom: 0; }
.main-menu ul li a { display: block; padding: 10px 0; color: #19375b; font-weight: 300; }
.main-menu ul li:hover a { color: #db944b; }

.main-menu ul li ul.sub-menu { padding-left: 60px; padding-bottom: 10px; }
.main-menu ul li:hover ul.sub-menu { display: block; }
.main-menu ul li ul.sub-menu li { font-size: 24px; line-height: 1; text-transform: uppercase;}
.main-menu ul li ul.sub-menu li:after { display: none; }
.main-menu ul li ul.sub-menu li a { color: #19375b; font-weight: 600; }
.main-menu ul li ul.sub-menu li a:hover { color: #db944b; }
.main-header .header-row { align-items:center }
.main-header.fixed {
    /* background: linear-gradient(180deg, rgb(0 0 0 / 65%), transparent); */
       background: #19375b;
    padding-bottom: 10px;
	padding-top:10px
}
.main-header .logo { transition:000ms ease }
.main-header.fixed .logo { max-width:350px ; height: auto;}



.social { /*position: absolute; right: 0; left: 0; bottom: 20px; */}
.social ul { position: relative; left: 0; right: 0; top: inherit; display: flex; justify-content: center; transform: none;}
.social ul li { margin: 0 8px; width: 28px; padding: 0;}
.social ul li img { height: 30px; opacity: 0.5;}
.social ul li:hover img { opacity: 0.9;}



.banner-area { position: relative; }
.banner-area:after { content: ''; background: linear-gradient(180deg, rgb(0 0 0 / 65%), transparent); position: absolute; top: 0; right: 0; bottom: 50%; left: 0; z-index: 1; }
.banner-cont { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3;}
.banner-cont h1 { color: #fff; font-size: 40px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); max-width: 650px; }
.banner-cont h6 { color: #fff; text-transform: uppercase; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); margin: 0 0 10px;}


.first-intro { position: relative; }
.first-intro:after { content: ''; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 100px solid #db944b; position: absolute; top: 0; right: 10%; }
.first-intro h2 { color: #fff; }
.first-intro h2 strong { color: #db944b; font-weight: 600; }

.who-we-work-top { padding-bottom: 30px; }
.who-we-work-top .container { max-width: 1600px; }
.who-we-work-top .w-shadow { max-width: 405px; }
.who-we-work-top h2 { padding-top: 80px; }
.who-we-work-top h2 strong { color: #db944b; font-weight: 600; }


.who-we-work-row:nth-child(even) .row { flex-direction: row-reverse; }

.our-approach h2 { text-align: center; margin: 0 0 80px;}
.our-approach h2 strong { color: #db944b; font-weight: 600; }
.our-approach ul { margin: 0; padding: 0; list-style: none; }
.our-approach ul li { margin: 30px 0; display: flex; flex-wrap: wrap; position: relative; padding-bottom: 100px; }
.our-approach ul li:last-child { padding-bottom: 0; }
.our-approach ul li:before { content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #db944b; position: absolute;
    top: 0; right: 0; left: 0; margin: 0 auto; }
.our-approach ul li:after { content: ''; background: #db944b; width: 3px; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; margin: 0 auto; }
.our-approach ul li:last-child:after { display: none; }
.our-approach ul li h3 {  width: 50%; padding-right: 120px; text-align: right; color: #db944b; text-transform: uppercase; line-height: 1; }
.our-approach ul li .aprch-info { width: 50%; padding-left: 120px; }
.our-approach ul li .aprch-info h5 { color: #19375b; text-transform: uppercase; margin: 0 0 20px; }
.our-approach ul li .aprch-info p { font-size: 16px; }


.experties h2 { color: #fff; margin: 0 0 80px; }
.experties h2 strong { color: #db944b; font-weight: 600; }

.expert-box { margin: 15px 0; }
.expert-box .icon-box { height: 112px; width: 112px; overflow: hidden; margin: 0 auto 30px; }
.expert-box:hover .icon-box img { margin-top: -112px; }
.expert-box h6 { color: #fff; text-transform: uppercase; }
.expert-box:hover h6 { color: #db944b; }

.client-testim-hdr { padding-bottom: 80px; text-align: center; }
.client-testim-hdr h2 strong { color: #db944b; font-weight: 600; }
.client-testim-hdr img { max-width: 185px; }

.testim-box { background: #e5ebec; padding: 30px; margin: 0 0 30px; min-height: 275px; }
.testim-box .name-pic { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; }
.testim-box .name-pic .pic { background: #19375b; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; order: 2; }
.testim-box .name-pic .pic img { width: 100%; height: 100%; object-fit: cover; }
.testim-box .name-pic h6 { margin: 0; text-transform: uppercase; color: #19375b; }
.testim-box p { font-size: 16px; }


.guide-box { margin: 0 auto; max-width: 275px; }
.guide-box .img-box { margin: 0 0 30px; }
.guide-box .btn { background: #419ea6; padding-right: 45px; padding-left: 20px; }

.footer-top .map-box { height: 650px; }
.footer-top .map-box iframe { width: 100%; height: 100%; }

.ftr-info-left { text-align: center; }
.ftr-logo { margin: 0 0 100px; }
.ftr-info-left h4 a { color: #19375b; }

.footer-btm { padding: 30px 0; background: #db944b; }
.ftr-copyrht { color: #fff; font-size: 16px; }
.social ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-end; }
.social ul li { margin-left: 30px; }
.social ul li a { color: #fff; }

header .ftr-info-left h4 { font-weight: 500; }
 
.innerpage-banner .banner-cont { text-align: center; top: 60%; }
.innerpage-banner .banner-cont h1 { max-width: 100%; font-size: 70px; }


.form-section-holder { margin-top: 90px; margin-bottom: 25px; }
.form-section-holder .form-holder-wrap { margin-bottom: 40px; }

.form-section-holder label { display: block; width: 100%; color: #19375b; font-weight: 600; margin-bottom: 10px; }
.form-section-holder input { border: 2px solid #6d6d6d; border-radius: 15px; width: 100%; height: 65px; padding: 10px 20px; }
.form-section-holder textarea { border: 2px solid #6d6d6d; border-radius: 15px; width: 100%; height: 65px; height: 290px; resize: none;  padding: 10px 20px; }

.form-section-holder .col-lg-6 { width: calc(50% - 55px); }
.form-section-holder .row { justify-content: space-between; }

.form-section-holder .submit-holder { text-align: center; }
.form-section-holder .submit-holder input[type="submit"] { border:0; border-radius: 0; max-width: 200px; font-size: 22px; }

.faq-accordian .accordion-button { background-color: transparent !important; padding-left: 0 !important; padding-right: 0 !important; font-size: 24px; color: #646464; border-left: 0; border-radius: 0 !important; font-weight: 600; }
.faq-accordian .accordion-button:focus { box-shadow: none !important; }

.faq-accordian .accordion-item { border-left: 0; border-right: 0; }
.faq-accordian .accordion-button:not(.collapsed) { box-shadow: none !important; }

.faq-accordian .accordion-body { padding-left: 0; padding-right: 30px;  padding-bottom: 30px;}
.faq-accordian .accordion-body p { font-weight: 300; line-height: 1.4;}

.faq-accordian .accordion-button:after { content:'-'; background-image: none; font-size: 24px; } 
.faq-accordian .accordion-button.collapsed:after { content:'+'; font-size: 24px; }

.faq-accordian .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    background-image: none;
}

.faq-accordian .accordion-button::after { height: 13px; line-height: 13px; }

.accordion-item { 
    border: 1px solid #919191;
}

.slick-track { line-height: 1; }
.sldr-img-slick .sldr-img  { margin-bottom: -5px; }
.sldr-img-slick .sldr-img  img { min-height: 600px; object-fit: cover; }





.innerpage-banner .sldr-img img { min-height: 400px; object-fit: cover;width: 100%;}

input.btn { background-image: url('../images/arrow-btn.png') !important; background-repeat: no-repeat !important; background-position:  158px center !important; background-size: 14px 20px !important;  text-align: left; padding-left: 40px;} 

.download-form { padding: 20px; }
.download-form textarea.form-control { height: 100px; resize: none; }
.modal #close_model { background: #db944b; opacity: 1; padding: 0; width: 40px; height: 40px; border-radius: 50%; font-weight: normal; text-shadow: none; color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; position: absolute; right: -20px; top: -20px; z-index: 2; border: 0; }

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }

.download-div { text-align: center; padding: 30px 0; }
.download-div a.btn {
    font-size: 18px;
    padding: 18px 55px 18px 20px;
}


/*------Media Query css-------*/

@media ( min-width: 2000px ) {
    .post-box { transform: scale(1.26); }
    
}

@media ( min-width: 1301px ) {
    .container{ max-width: 1200px;}
    
}



@media only screen and ( max-width: 1599px ) { 
    body { font-size: 20px; } 
    h1{ font-size:60px;}
    h2{ font-size:40px;}
    /* h3{ font-size:36px;}
    h4{ font-size:30px;}
    h5{ font-size:20px;}
    h6{ font-size:18px;} */

    .common-padd { padding-top: 100px; padding-bottom: 100px; }
    .who-we-work-top .w-shadow { max-width: 315px;  }

    .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next { width: 40px; height: 40px;}

    .floating-ttl { top: 100px; }

    .comp-stat { padding: 15px 0; }
    .comp-stat h2 { font-size: 70px; }
    .comp-stat-wrap .col-lg-6:nth-child(2) .comp-stat h2 { font-size: 100px; }

    .t-video-box { max-width: 800px; }

    .about-page-wrap p { font-size: 16px; }

    .business-areas ul { padding: 40px 0 0; }
    .business-areas ul li .logo-box img { height: 75px; }
    .business-areas ul li h5 { font-size: 16px; }

    .dir-details-box .details-info { font-size: 16px; }
    .dir-details-box .imagbox { width: 205px; height: 205px; }
    
    .comp-downloads ul li { margin: 0 15px 30px; }

    .banner-cont { transform: translateY(-40%); }

}

@media only screen and ( max-width: 1359px ) {
    .main-header { padding: 30px 0 0; }

    .social:before, .social:after { width: 40%; }

    .exlnce-list { padding: 40px 0; }

    ul.sectorial-projct li .post-box .post-box-info h3 { font-size: 16px; }
    ul.sectorial-projct li .post-box .post-box-info .more-link { font-size: 14px; margin-left: 30px; }

    .play-btn { width: 60px; }

    .comp-downloads ul li { max-width: 290px; }
    .comp-downloads ul li .logobox img { height: 70px; }

}

@media only screen and ( max-width: 1199px ) {
 
   h1{ font-size:35px;}
    h2{ font-size:35px;}
    h3{ font-size:30px;}
    h4{ font-size:26px;}
    h5{ font-size:20px;}
    h6{ font-size:16px;}

    .common-padd-lt-rt { padding-left: 15px; padding-right: 15px; }

    .fp-controlArrow.fp-prev { left: 30px; }
    .fp-controlArrow.fp-next { right: 30px; }


    .exlnce-list ul li { font-size: 30px; }

    .comp-stat h2 { font-size: 45px; }
    .comp-stat-wrap .col-lg-6:nth-child(2) .comp-stat h2 { font-size: 60px; }

    .contact-form-main { padding-left: 0; }

    .testim-box { height: calc(100% - 30px); }

}

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

  .innerpage-banner .banner-cont h1 { font-size: 50px; }
  
  .main-menu { padding: 30px 26px; }
  .main-menu ul { left: 30px; right: 30px; }
  .main-menu ul li { font-size: 26px; padding: 0 0 20px 0;}
  .main-menu ul li.has-children { padding-bottom: 35px; }
  .main-menu ul li ul.sub-menu li { font-size: 16px; }

  .social ul { left: 0; right: 0; }
  .social:before, .social:after { width: 35%; }

  .floating-ttl { top: inherit; position: relative; padding-top: 100px; }
  .floating-ttl h2 { letter-spacing: 10px; }
  .post-box { clip-path: inherit; height: inherit; padding: 0 0 56.25%; transform: none; margin: 0 0 30px; }
  .post-box-info { position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
  .post-box-info h3 { margin: 0 0 30px; }
  .post-box-info .more-link { font-size: 20px; opacity: 1; margin-left: 0; }


  ul.sectorial-projct li { padding: 0; width: 100%; }
  ul.sectorial-projct li .post-box { clip-path: inherit; transform: inherit; }
  ul.sectorial-projct li .post-box .post-box-info h3 { font-size: 30px; margin: 0 0 30px; }
  ul.sectorial-projct li .post-box .post-box-info .more-link { font-size: 20px; margin-left: 0; }

  body.sectorial { overflow-y: auto !important; }

  .comp-stat-wrap .col-lg-6:nth-child(2), .comp-stat-wrap .col-lg-6:nth-child(4) { width: 100%; }
  .comp-stat { text-align: center; }
  .btm-info-proj { bottom: 50px; }

  .comp-info-wrap .fp-controlArrow.fp-prev, .comp-info-wrap .fp-controlArrow.fp-next { display: none;}
  .comp-info-wrap .fp-slidesNav { display: block; }

  .t-video-box { max-width: 600px; padding: 0 0 46%; }

  .tesimonial-slidr .owl-nav button.owl-next, .tesimonial-slidr .owl-nav button.owl-prev { font-size: 18px; }
  .tesimonial-slidr .owl-nav button.owl-next img, .tesimonial-slidr .owl-nav button.owl-prev img { width: 15px; margin: 0 10px; }

  .testimonial-box h2 { letter-spacing: 10px; }

  .ltr-spcing { letter-spacing: 10px; }

  .business-areas ul li { width: 33.333%; }

  .press-row .imagbox { padding-right: 0; margin: 0 0 30px; }
  .press-row:nth-child(odd) .imagbox { padding-left: 0; }

  ul.adress li { font-size: 16px; padding-left: 45px; }
  ul.adress li img { width: 30px; height: 40px;}

  .contact-btm .border-right { border-right: 0; }

  .main-menu { background-color: #FFF; z-index: 9999; }
  .main-menu .ftr-info-left { max-width: 100%; float: none; }
  .main-menu .ftr-logo { padding-top: 50px; margin-bottom: 50px; }
  .main-menu ul { position: static; }
  .main-menu ul li ul.sub-menu { padding-left: 30px; padding-top: 20px; }
  .main-menu ul li ul.sub-menu li { padding-bottom: 0; }

  .who-we-work-row > .container { margin-bottom: 40px; }
  .who-we-work-row .info h3 { margin-top: 20px; margin-bottom: 10px; }
  .our-approach ul li .aprch-info {  padding-left: 70px; }
  .our-approach ul li h3 { padding-right: 70px; }

  .footer-top .ftr-info-left { float: none; padding-top: 50px; padding-bottom: 40px; max-width: 100%;}
  .footer-btm { text-align: center; }
  .footer-btm .social ul { justify-content: center; margin-top: 10px; }

  .form-section-holder .col-lg-6 { width: 100%; }
	
  .footer-top .col-lg-3 { padding: 0; }
  .footer-top .map-box { margin-top: 15px; }
}

@media only screen and ( max-width: 767px ) {
    body { font-size: 16px; }
    h1{ font-size:32px;}
    h2{ font-size:30px;}
    h3{ font-size:26px;}
    h4{ font-size:24px;}

    
    .logo { width: 145px; }

    .main-menu ul li { font-size: 22px; padding: 0 0 15px 0;}
    .main-menu ul li ul.sub-menu { top: 40px; }

    .social { bottom: 10px; }
    .social ul { align-items: flex-start; }
    .social:before, .social:after { width: 20%; top: 40%; }


    .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next { display: none;}

    .floating-ttl h2 { letter-spacing: 2px; }

    .post-box-info h3 { margin: 0 0 12px; }

    .exlnce-list { padding: 20px 0; margin-top: 0; }
    .exlnce-list:before, .exlnce-list:after { left: -1px; width: 1px; }

    .exlnce-list ul li { font-size: 20px; padding-left: 40px; background-size: 30px;  margin: 0 0 5px; background-position: left 7px;}

    ul.sectorial-projct li .post-box .post-box-info h3 { margin: 0 0 12px; }

    .comp-stat h2, .comp-stat-wrap .col-lg-6:nth-child(2) .comp-stat h2 { font-size: 30px; }
    .comp-stat p {  font-size: 16px; }

    .comp-info-wrap h1 { margin: 0 0 15px; text-align: center; font-size: 28px;}
    .projct-info { font-size: 12px; }
    .projct-info .row { padding-bottom: 10px; }
    .projct-info p { margin: 0 0 10px; }

    .btm-info-proj { bottom: inherit; position: relative; font-size: 12px; }
    .btm-info-proj .rt-info p { text-align: left; }

    .t-video-box { padding: 0 0 56%; }

    .testimonial-box h2 { letter-spacing: 2px; }

    .tesimonial-slidr .owl-nav button.owl-next, .tesimonial-slidr .owl-nav button.owl-prev { font-size: 16px; }
    .tesimonial-slidr .owl-nav button.owl-next img, .tesimonial-slidr .owl-nav button.owl-prev img { width: 12px; }

    .ltr-spcing { letter-spacing: 2px; }

    .about-top-info { margin-top: 40px; }

    .common-padd { padding-top: 60px; padding-bottom: 60px; }
    .common-padd-small { padding-top: 60px; padding-bottom: 60px; }
    .business-areas { margin-top: 60px; }

    .business-areas ul li { width: 50%; }

    .dir-box { margin: 15px 0; }

    .director-modal .modal-dialog { max-width: 100%; }
    .directors-slidr { margin-top: -40px; padding-left: 0; padding-right: 0; }
    .dir-details-box .imagbox { width: 175px; height: 175px; }

    .director-modal .btn-close { width: 15px; height: 15px; }

    .business-areas ul li h5 { font-size: 14px; }

    .mapbox { padding: 0 0 80%; }
    .contact-form-main .form-group label { width: 100%; padding-right: 0; }
    .contact-form-main .form-control { width: 100%; }
    
    .nav_btn { width: 75px; height: 75px; }
    .nav_btn:before { width: 45px; height: 45px; }

    .nav_btn span:nth-child(1) { top: 27px; }
    .nav_btn span {height: 3px;width: 20px; }
    .nav_btn span:nth-child(2) {top: 36px;}
    .nav_btn span:nth-child(3) {top: 44px;}

    .logo { width: 215px; }
    .main-header { padding: 15px 0 0; }
    .header-row { align-items: center; }

    .nav_btn.open span:nth-child(3) { top: 37px; }
    .nav_btn.open span:nth-child(1) { top: 37px; }

    .main-menu ul li ul.sub-menu { padding-left: 20px; padding-top: 10px; }
    .main-menu ul li ul.sub-menu li { padding-bottom: 0; }

    .our-approach ul li { flex-direction: column; }
    .our-approach ul li h3 { padding-right: 0; width: 100%; text-align: left; }
    .our-approach ul li .aprch-info { padding-left: 0; width: 100%;}
    .our-approach ul li:after { right: auto; left: 20px;}
    .our-approach ul li:before  { right: auto; left: 0px;}

    .our-approach ul li { margin-top: 0; padding-bottom: 40px; padding-left: 60px;}

    .client-testim-hdr img {
        max-width: 85px;
    }
    .client-testim-hdr {
        padding-bottom: 40px;
        text-align: center;
    }

    .guide-box { margin-bottom: 40px; }

    footer .ftr-logo { margin: 0 0 50px; }
    footer .ftr-logo img { max-width: 250px; }
    .header-row { padding-left: 0; padding-right: 0; }
    .who-we-work-top .w-shadow {
        max-width: 105px;
    }
    .who-we-work-top h2 { padding-top: 40px; margin-bottom: 0; }
    .banner-cont h1 { font-size: 30px;}
    .sldr-img-slick .sldr-img img { min-height: 540px; object-fit: cover; }

    .innerpage-banner .banner-cont h1 { font-size: 40px; }
    .faq-accordian .accordion-button { font-size: 18px; }

    .innerpage-banner .sldr-img img { min-height: 360px;}
    .footer-top .map-box { height: 420px; }
    .form-section-holder {  margin-top: 40px;  }

    .first-intro:after { 
        border-left: 60px solid transparent;
        border-right: 60px solid transparent;
        border-top: 60px solid #db944b; 
    }

    .download-form { padding: 5px; }
}

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

    .exlnce-list ul li { font-size: 18px; }

    .business-areas ul li h5 { font-size: 13px; }

    .comp-downloads ul li { margin: 0 0 30px; max-width: 100%; }

}