@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
body { margin: 0; padding: 0; font-family: "Instrument Sans", sans-serif; overflow-x: hidden;}
p, li {color: #2e2e2e;font-size: 16px;line-height: 28px;margin: 0 0 15px 0;font-family: "Instrument Sans", sans-serif;letter-spacing: .4px;}
.main-table li {color: #2e2e2e;font-size: 16px; line-height: 25px;margin: 0 0 10px 0; font-family: "Instrument Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Instrument Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Instrument Sans", sans-serif; color: #101010;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #221122;font-size: 16px;px;padding: 15px;font-weight: 500;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;padding: 0 2% 0 0;}

/* #HomepagecontentControl_C { margin-top: -21px} */

@media (min-width: 769px)  {
  /* #HeaderControl {position: absolute;left: 0;top: 30px;z-index: 9;width: 32%;text-align: center;}
  #MenuControl {position: absolute;right: 0;top: 20px;z-index: 8 !important;width: 68%;} */
}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
/* center #form1 #HeaderControl, center #form1 #MenuControl {position: relative;background: #1b3942;border-top: 1px solid #fff; top: 0; }
center #form1 #HeaderControl { padding: 12px 0 0 0}
center #form1 #WidgetControl4_C .top-header {background: #1b3942; position: relative; width: 100%; left: 0} */
#HeaderControl, #MenuControl, #MenuControl_C { height: 90px !important}

@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -50px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 64px !important;}
  .navbar-collapse {background: #cecece;margin-top: 0;}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading p {color: #fff;font-size: 14px;font-weight: 500;display: inline-block;background: #131313;padding: 4px 18px;border-radius: 20px;margin: 0 0 12px 0;letter-spacing: .7px;}
.heading h2 {font-size: 33px;color: #101010;font-weight: 700;letter-spacing: .5px;margin: 0 0 20px 0;line-height: 46px;}
.sub-heading { position: relative; font-size: 18px; color: #f5970a; font-weight: 600; margin: 0 0 8px 0;}
.title { font-size: 18px; line-height: 1.7; margin: 0 0 20px 0;}
.main-heading { color: #131313; font-size: 32px; font-weight: 700; text-align: center; margin: 0 0 40px 0; position: relative;}
.main-heading::after { content: ''; position: absolute; width: 170px; height: 4px; background: #f5970a; border-radius: 3px; bottom: -15px; left: 0; right: 0; margin: 0 auto;}
.custom-btn {display: inline-block;background: #f5970a;padding: 13px 32px;border-radius: 6px;color: #ffffff;font-size: 15px;letter-spacing: 1px;}
.custom-btn img {width: 10px;margin: -1px 0 0 5px;transition: all .3s ease-in-out;} 
.custom-btn:hover { color: #ffffff;}
.custom-btn:hover img {animation: fade 0.8s linear alternate;}
@keyframes fade {
  49%{ transform: translate(5px); opacity: 0;}
  51%{ opacity: 1; transform: translate(-2px);}
} 

.top-header { background: #212121; padding: 7px 0;}
.top-header p, .top-header p a{ color: #e7e7e7; margin: 0; font-size: 14px; letter-spacing: .6px;}
.top-header p i{ margin: 0 10px 0 0;}

header .logo { width: auto;}

.banner-section { padding: 7% 0; background-image: url('image/banner-bg.jpg'); background-size: cover; overflow: hidden;}
.banner-section h1 { font-size: 42px; font-weight: 800; margin: 0 0 20px 0; line-height: 55px; margin: 0 0 20px 0; letter-spacing: .5px;}
.banner-section h1 span { color: #f5970a;}
.banner-section p {font-size: 18px;line-height: 1.7;margin: 0 0 30px 0;}
.banner-section .right-content { position: relative;}
.banner-section .right-content .pattern1 { position: absolute; right: -8%; top: -8%;}
.banner-section .right-content .pattern1 img { width: 200px;}
.banner-section .right-content .pattern2 {position: absolute;left: -8%;top: 12%;z-index: 3;}
.banner-section .right-content .pattern2 img { width: 150px; }
.banner-section .right-content .pic img { border: 8px solid #fff; border-radius: 8px; margin: 10px 0; box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px; position: relative; z-index: 2;}
.banner-section .pic.pic1 img { border-top-left-radius: 50px;}
.banner-section .pic.pic2 img { border-top-right-radius: 50px;}
.banner-section .pic.pic3 img { border-bottom-left-radius: 50px;}
.banner-section .pic.pic4 img { border-bottom-right-radius: 50px;}

.about-section { padding: 6% 0;}
.about-section img { border-radius: 20px;}

.service-secton { padding: 6% 0; background-image: url('image/ser-bg.jpg'); background-size: cover; background-attachment: fixed;} 
.service-secton .ser-card {background: #0505059d;padding: 35px;border-radius: 10px;backdrop-filter: blur(5px);margin: 10px 0;transition: all .3s ease-in-out;min-height: 320px;}
.service-secton .ser-card:hover { background: #050505e0; transform: translate(0, -8px);}
.service-secton .ser-card h4 {color: #f5970a;font-size: 20px;margin: 20px 0 15px 0;font-weight: 600;letter-spacing: .7px;}
.service-secton .ser-card p { color: #eeeeee;}
.service-secton .ser-card a { display: inline-block; background: #fffffff3; padding: 6px 15px; border-radius: 5px; color: #131313; font-size: 14px; letter-spacing: .5px; font-weight: 500;}
.service-secton .ser-card a img { width: 12px; margin: 0 0 0 6px;}

.why-choose { padding: 6% 0;}
.why-choose .why-choose-card { padding: 30px; transition: all .3s ease-in-out;}
.why-choose .why-choose-card:hover { background: #e3e3e3}
.why-choose .why-choose-card h4 {color: #f5970a;margin: 25px 0 10px 0;font-size: 19px;font-weight: 600;}
.why-choose .why-choose-card p { margin: 0}

.commitment { padding: 5% 0; background: #131313;}
.commitment .heading h2 { position: relative; margin: 0 0 40px 0}
.commitment .heading h2::after { content: ''; position: absolute; width: 120px; background: #f5970a; height: 4px; border-radius: 3px; left: 0; right: 0; bottom: -8px; margin: 0 auto} 
.commitment p {color: #d4d4d4;font-size: 18px;margin: 0;line-height: 1.7;}

.contact-section { padding: 6% 0;}
.contact-section .contact-form { padding: 40px; background: #e0e0e0; border-radius: 10px;}
.contact-section .contact-form h4 { color: #101010; font-size: 24px; margin: 0 0 15px 0; font-weight: 600;}
.contact-section .contact-form .form-control { margin: 0 0 15px 0; padding: 13px;}
.contact-section input[type="button"] {background: #f5970a; border: 0; padding: 15px 34px; border-radius: 6px; color: #fff;}

footer { background: #131313; padding: 5% 0 0 0;}
footer h4 { color: #f5970a; font-weight: 600; font-size: 20px; letter-spacing: .5px; margin: 0 0 18px 0;}
footer p, footer p a { color: #cfcfcf; font-size: 14px; margin: 0 0 8px 0; line-height: 1.6;}
footer p a:hover { color: #fff;}
footer p i { color: #f5970a; font-size: 12px; margin: 4px 5px 0 0; display: flex;}
footer .footer-bottom { border-top: 1px solid #ffffff18; margin: 4% 0 0 0; padding: 12px 0;}
footer .social-icon a { display: inline-block; background: #ffffff38; width: 35px; height: 35px; border-radius: 50%; text-align: center; margin: 5px 5px 0 0; color: #f5970a; font-size: 15px; line-height: 2.4; transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #fff;}

.inner-banner {background-image: url(image/inner-banner.jpg);background-size: cover;padding: 8% 0 !important;background-position: center;}
.inner-banner h1 { color: #fff; font-size: 46px; font-weight: 700; text-align: center;}
.inner-banner p, .inner-banner p a {color: #fff; font-size: 15px; text-align: center; margin: 0;}

.contact-page .contact-info p { font-size: 15px; display: flex;}
.contact-page .contact-info p a { color: #2e2e2e;}
.contact-page .contact-info p i { color: #000000; margin: 7px 7px 0 0;}
.contact-page .contact-info li { font-size: 14px;}
.contact-form { padding: 40px; background: #eeeeee; border-radius: 10px;}
.contact-form h4 { color: #101010; font-size: 24px; margin: 0 0 18px 0; font-weight: 600; line-height: 1.3;}
.contact-form .form-control { margin: 0 0 15px 0; padding: 15px;}
.contact-form  input[type="button"] {background: #f5970a; border: 0; padding: 12px 32px; border-radius: 6px; color: #fff;}

.team-page .team-card h4 {font-size: 25px; font-weight: 600; margin: 6px 0 8px 0;}
.team-page .team-card h6 {color: #f5970a; font-size: 18px; font-weight: 600; font-style: italic; margin: 0 0 10px 0;}
.team-page .team-card img { border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.team-page hr { margin: 30px 0 !important;}

.service-page .ser-pic img { border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.service-page .accordion .accordion-button {background: #eaeaea;margin: 0 0 7px 0;border-radius: 5px;}
.service-page .accordion .accordion-button h5 { margin: 0; font-size: 17px; font-weight: 500; letter-spacing: .5px}
.service-page .accordion .accordion-item { border: 0}
.service-page .accordion .accordion-button:not(.collapsed) {box-shadow: none;background-color: #f5970a !important;}
.service-page .accordion .accordion-button:not(.collapsed) h5 { color: #fff}
.service-page .accordion .accordion-body { padding: 10px}

.VAT-services { background: #e5e5e5;}
.VAT-services .main-heading::after { left: 0; margin: 0;}
.VAT-services .cta { background: #131313; border-radius: 5px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 40px;}
.VAT-services .cta h4 {color: #f5970a;font-size: 20px;font-weight: 600;letter-spacing: .5px;line-height: 1.3;margin: 0 0 12px 0;}
.VAT-services .cta p {color: #dddddd;margin: 0;}
.VAT-services .border-bottom {border-bottom: 1px solid #27272736 !important;}
.VAT-services .border-end { border-right: 1px solid #27272736 !important}
.VAT-services .industry-card { padding: 25px;}
.VAT-services .industry-card p { margin: 12px 0 0 0;}
.VAT-services .industry-card img { width: 54px;}

@media (min-width: 320px) and ( max-width: 768px) { 
  p, li { font-size: 15px;line-height: 26px;}
  .main-table li {color: #2e2e2e;font-size: 15px;}
  .main-table { text-align: left; padding: 5% auto;}

  .heading p { font-size: 13px; padding: 2px 15px; margin: 0 0 10px 0;}
  .heading h2 {font-size: 26px; margin: 0 0 15px 0; line-height: 36px;}
  .sub-heading {font-size: 17px;}
  .title { font-size: 16px; margin: 0 0 18px 0;}
  .main-heading {font-size: 22px; margin: 0 0 30px 0; line-height: 1.4}
  .main-heading::after { width: 150px; bottom: -10px;}
  .custom-btn { padding: 10px 20px; font-size: 14px;}

  .top-header { display: none;}

  header .logo { width: 240px;}

  .banner-section { padding: 12% 0;}
  .banner-section h1 { font-size: 28px; margin: 0 0 16px 0; line-height: 40px;}
  .banner-section p {font-size: 15px;line-height: 1.7;margin: 0 0 30px 0;}
  .banner-section .right-content { margin: 10px 0 0 0;}
  .banner-section .right-content .pattern1 { opacity: .6;}

  .about-section { padding: 6% 0;}
  .about-section img { border-radius: 20px;}

  .why-choose .why-choose-card { border: 0 !important; border: 1px solid #ddd !important; margin: 0 0 12px 0;}

  .commitment { padding: 8% 0;}
  .commitment p { font-size: 15px; line-height: 1.6;}

  .contact-section .contact-form { padding: 30px;}

  footer h4 { margin: 20px 0 10px 0; font-size: 18px;}
  footer .social-icon a { width: 30px; height: 30px; margin: 5px 5px 0 0; font-size: 13px; line-height: 2.4;}

  .inner-banner { padding: 18% 0 !important;}
  .inner-banner h1 { font-size: 34px; margin: 0 0 10px 0;}
  .inner-banner p, .inner-banner p a {font-size: 13px;}

  .service-page .ser-pic img { margin: 0 0 20px 0;}
  .service-page .accordion .accordion-button h5 { font-size: 16px;}
  
  .VAT-services .cta { padding: 30px; margin: 10px 0 0 0;}
  .VAT-services .border-bottom {border-bottom: 1px solid #27272736 !important;}
  .VAT-services .border-end { border-right: 1px solid #27272736 !important}
  .VAT-services .industry-card { padding: 25px; border: 0 !important; border: 1px solid #27272736 !important;}
}