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

 /* General  */
 body {font-family: 'Poppins', sans-serif;}
/* common css */
.myBTN { background-color: #003366; border-radius: 10px; color: #fff;  padding: 10px 35px;min-width: 100px;font-size: 15px; margin: 0 2px;}
.myBTN:hover, .myBTN:focus, .myBTN:active { background-color: #006D8D; border-color: #006D8D; color: #fff;
}
.myBTN-join { background-color: #006D8D; border: none; color: #fff;  padding: 10px 0px;    min-width: 100px;    border-radius:2px;font-size: 13px; margin: 0 2px; }
/*ScrollBar*/
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:5px !important;height:10px !important;background-color:#F5F5F5;border-radius:1px;}
::-webkit-scrollbar-thumb{background-color:#9a9a9b !important;border-radius:1px;}
.dark-theme ::-webkit-scrollbar-thumb{background-color:#9a9a9b !important;border-radius:1px;}

*::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background: #F5F5F5;}
*::-webkit-scrollbar {width:16px;height:17px;background-color:#F5F5F5;border-radius:1px;}
*::-webkit-scrollbar-thumb {background-color: #9a9a9b; border-radius: 1px;}
/* .mainHeader .navbar-light .navbar-nav .nav-link.active {color: #006D8D;font-weight: 500;} */
.mainHeader .navbar-light .navbar-nav .nav-link:hover {color: #006D8D;}
.relative {position:relative;}
.no-border {border: none;}
.width100 {width: 100%;}
.overflowhide{overflow: hidden;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.heading{text-transform: uppercase;margin-bottom: 10px;}
.header{font-size: 35px;color: #000;font-family: 'Raleway', sans-serif; font-weight: 600;text-transform: uppercase;}
.text-para{font-size: 17px;line-height: 30px;margin-bottom:20px; font-weight: 500;}

/* Top Header */
.logo_main {height:40px;}
.mainHeader {background-color: #FFFFFF; padding: 10px 10px; position: sticky; top: 0;z-index: 9999;}
.mainHeader.shadow {background-color: #fff;padding: 1px 0;box-shadow: 0px 2px 5px #ccc;margin-bottom: 5px;}
.mainHeader .navbar {padding-top:1px;padding-bottom:1px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #003366;font-size: 16px; margin: 0 15px;font-weight: 500;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #fff;padding: 8px 30px;}
.getbtn{margin-top: 20px;}
.mainHeader .dropdown-item:hover {
  background-color: #003366;
  color: #fff;
 background-color: #003366;
}
.mainHeader  .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  padding: 0;
}
/* Banner  */
.banner-main{background-image: url(../images/herobanner.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
.banner-main .banner-text{margin-top: 60px;}
.banner-main .header, .banner-main .header1{color: #fff;font-size: 48px;}
.banner-main .text-para{color: #fff; font-size: 24px;}
/* Aboutus */
.aboutWrap{padding-top: 70px; padding-bottom: 40px;position: relative; }
.aboutWrap .heading{color: #003366; font-size: 38px; font-weight: 600;}
.aboutWrap .heading .spnhead{font-size: 38px; font-weight: 700;}
.aboutWrap .circle{position: absolute;right: 0;height: 100px;}

.aboutusTXT {padding-top: 40px; padding-bottom: 40px;}
.aboutusTXT .custmiseTxt{box-shadow: 4px 5px 10px #cdcdcd;background-color: #fff;padding: 20px 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.aboutusTXT .headingTxt{background-color: #003366; padding: 15px 10px;box-shadow: 4px 5px 10px #cdcdcd;border-top-right-radius: 20px;border-top-left-radius: 20px;}
.aboutusTXT .headingTxt h4{margin-bottom: 0;text-align: center;color: #fff;font-size: 18px;}
.aboutusTXT .custmiseTxt .paratxt{text-align: center;font-size: 14px;line-height: 1.9;height: 200px;overflow-y: auto;}
.aboutusTXT .lineimg{padding-left: 0; padding-right: 0; margin-top: 155px;}
/* our-services */
.serviceWrap{padding-top: 70px; padding-bottom: 30px;position: relative;}
.serviceWrap .serviceTxt{text-align: right;}
.serviceWrap .heading{color: #003366; font-size: 38px; font-weight: 600;margin-bottom: 35px;}
.serviceWrap .heading .spnhead{font-size: 38px; font-weight: 700;}
.imgservice {position: relative;margin-bottom: 30px;}
.serviceWrap .imgTxt{background: #fbfbfb;padding: 5px 20px;display: inline-block;position: absolute;
  top: 65%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;
  width: 80%;}
.serviceWrap .servPara{font-size: 26px;font-weight: 600;margin-bottom: 0;color: #2D5780;
  text-align: center;}

.serviceWrap .rectimg{height: 300px;position: absolute;top: -175px;left: 0px;}
.serviceWrap .rectimg1{height: 300px;position: absolute;bottom: -156px;right:0px;z-index: 2;}
    
.serviceWrap .imgTxt:hover{background:#003366;color:#fff;}
.serviceWrap .servPara:hover{color:#fff;}
.serviceWrap .imgTxt:hover .servPara {color:#fff;}



/* Why Chooseus */
.whychoWrap{padding-top: 50px; padding-bottom: 50px; background-color:#E3EDF7;position: relative;}
.whychoWrap .mediaBox h4{color: #000000; font-weight: 600; font-size: 30px;}
.whychoWrap .heading{color: #003366; font-size: 38px; font-weight: 600;}
.whychoWrap .heading .spnhead{font-size: 38px; font-weight: 700;}
.whychoWrap .circle{position: absolute;right: 0;height: 100px;}

.whychoWrap .mediaBox{margin-top: 25px; margin-bottom: 25px;} 
.whychoWrap .mediaBox .paratxt{margin-left: 25px;}
.whychoWrap .mediaBox .icon{
  height: 80px; margin-right: 10px;
}
    /* CONSULTANT SERVICES */
.consutWrap{background-image: url(../images/consultantbg.png);background-repeat: no-repeat;    background-size: cover;background-position: center right;padding-top: 70px;}
.consutWrap .heading{color: #003366; font-size: 38px; font-weight: 600;}
/* .consutWrap .heading::after{display: block;content: "";border-top: 1px solid#003366;width: 25%;margin: 15px 0rem;} */
.consutWrap .consthead{font-size: 38px; font-weight: 600;margin-bottom: 20px;}
.consutWrap .contheading{color: #003366; font-size: 30px; font-weight: 500;margin-bottom: 20px;}
.consutWrap .myBTN{font-size: 20px; }

.ContactWrap{padding-top: 70px; padding-bottom: 60px;position: relative;}
.ContactWrap .heading{color: #003366; font-size: 38px; font-weight: 600;margin-bottom: 30px;}
/* .ContactWrap .heading::after{display: block;content: "";border-top: 1px solid#003366;width: 10%;margin: 15px 0rem;} */
.ContactWrap .contform{background-color: #C9DCEF;padding: 35px 25px; border-radius: 20px;position: absolute;right: -45px;z-index: 9;}
.ContactWrap .custom-input {border: none;margin-bottom: 15px;filter: drop-shadow(1px 1px 2px #30303034);}
.ContactWrap .myBTN {width: 100%;margin-top: 20px;text-transform: uppercase;}
.ContactWrap .circle1{position: absolute;left: 0;top: -80px;height: 170px;}
.ContactWrap.ContactWrap1{padding-top: 10px;}

.footerwrap{padding-top: 50px;padding-bottom: 5px;background-image: url(../images/footerbg.png);background-repeat: no-repeat;background-size: cover;}
.footerwrap .mainlogo{margin-bottom: 30px;}
.footerwrap h3{font-size: 25px;font-weight: 600;color: #003366;}
.footerwrap ul{list-style-type: none;padding: 0;}
.footerwrap ul li{padding-top: 18px;}
.footerwrap ul li i{color: #000000;margin-right: 8px;}
.footerwrap ul a{color: #000000;transition: all linear .4s;}
.footerwrap ul a:hover{ transition: all linear .4s; text-decoration: none;}
.footerwrap .socialicons{margin-top: 25px;}
.footerwrap .socialicons a{margin-right: 10px;font-size: 16px;color: #003366;border: 1px solid #000000;border-radius: 30px;padding: 6px 9px;}
.footerwrap .socialicons a.linkedIn{padding: 6px 11px;}
.footerwrap .socialicons a.fb{padding: 6px 12px;}
.footerwrap .socialicons a.twitter{padding: 6px 10px;}
.footerwrap .socialicons a:hover{background-color: #003366;color: #fff;border-color:#003366;}
.footerwrap .socialicons a i{transition: all linear .2s;}
.footerwrap h6{color: #000000;}


.contactForm.modal.show .modal-dialog {top: 10%; position: relative; }
.contactForm .modal-content{background: #fff;border-radius: 20px;}
.contactForm .modal-body{padding: 40px 20px; margin-bottom: 25px;}
.contactForm .form-control{filter: drop-shadow(1px 1px 2px #30303034);}
.contactForm .mybtn:hover{color: #fff;}
.contactForm .formtitle{display: block; width: 100%; text-align: center;}
.contactForm .myBTN{padding: 6px 20px; width: 100%;margin-top: 10px;}
.contactForm .stgline{position: absolute;top: -13px;left: 0;}
.contactForm .stgline1{position: absolute;right: 0;bottom: 0px;}

/* Account  */
.accountWrap{padding-top: 40px; padding-bottom: 40px;}
.accountWrap .heading{color: #003366; font-size: 38px; font-weight: 600;}
/* .accountWrap .heading::after{display: block;content: "";border-top: 1px solid#003366;width: 10%;margin: 15px 0rem;} */

.rectimg2{height: 300px;position: absolute;top: -95px;left: 0px;}

.banner-main1{background-image: url(../images/accountingbanner.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
.banner-main1 .banner-text{margin-top: 30px;}
.banner-main1 .header, .banner-main .header1{color: #fff;font-size: 48px;}



/* IncomeTax */
.incomWrap{padding-top: 40px; padding-bottom: 40px;position: relative; }
.incomWrap .heading{color: #003366; font-size: 38px; font-weight: 600;}
/* .incomWrap .heading .spnhead{font-size: 38px; font-weight: 700;}
.incomWrap .heading::after{display: inline-block;content: "";border-top: 1px solid#003366;
  width: 100px;margin: 0 1rem;transform: translateY(-6px);} */
.banner-main2{background-image: url(../images/incometaxbanner.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
.banner-main2 .banner-text{margin-top: 30px;}
.banner-main2 .header, .banner-main .header1{color: #fff;font-size: 48px;}

  /* HRM Services  */
  .banner-main3{background-image: url(../images/hrmservices.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
  .banner-main3 .banner-text{margin-top: 30px;}
  .banner-main3 .header, .banner-main .header1{color: #fff;font-size: 48px;}
  /* Tax-complance  */
  .banner-main4{background-image: url(../images/taxcompliance.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
  .banner-main4 .banner-text{margin-top: 30px;}
  .banner-main4 .header, .banner-main .header1{color: #fff;font-size: 48px;}

/* Mca Service  */
.banner-main5{background-image: url(../images/mcaservices.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
  .banner-main5 .banner-text{margin-top: 30px;}
  .banner-main5 .header, .banner-main .header1{color: #fff;font-size: 48px;}
/* Law Serices  */

.banner-main6{background-image: url(../images/lawbanner.jpg); background-repeat: no-repeat; background-size: cover;padding-top: 80px; padding-bottom: 80px;}
  .banner-main6 .banner-text{margin-top: 30px;}
  .banner-main6 .header, .banner-main .header1{color: #fff;font-size: 48px;}





/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){
	
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){
 
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){
  .ContactWrap .contform{position: static;}
  .serviceWrap .servPara{font-size: 18px;}
 
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
 
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
  .aboutWrap .heading, .serviceWrap .heading, .whychoWrap .heading, .consutWrap .heading, .ContactWrap .heading, .accountWrap .heading, .incomWrap .heading,.incomWrap .heading {font-size: 25px;text-align: center;} 
  .banner-main1 .header, .banner-main2 .header, .banner-main3 .header, .banner-main4 .header, .banner-main5 .header, .banner-main6 .header .banner-main .header1{text-align: center;}
  .incomWrap{padding-bottom: 0;}
  .banner-main .header {font-size: 26px;text-align: center;}
  .banner-main .text-para{font-size: 16px; text-align: center;}
  .aboutWrap{padding-top: 25px;}
  .aboutusTXT{padding-top: 0;}
  .banner-main{padding-top: 40px; padding-bottom: 40px;}
  .aboutusTXT .lineimg{margin-top: 50px;}
  .aboutusTXT .lineimg img{display: none;}
  .consutWrap .heading{font-size:24px;}
  .consutWrap .consthead{font-size: 24px;margin-top: 20px;}
  .consutWrap .contheading{font-size: 24px;}
  .constTxt {margin-bottom: 40px;}
  .ContactWrap .contform{position: static; margin-bottom: 40px;}
  .aboutWrap .circle, .serviceWrap .rectimg, .serviceWrap .rectimg1, .ContactWrap .circle1{display: none;}
  .serviceWrap{overflow: hidden;}
  .footerwrap h3{margin-top: 5px;font-size: 22px;}
  .rectimg2{display: none;}
  .banner-main1 .header, .banner-main2 .header, .banner-main3 .header, .banner-main4 .header, .banner-main5 .header, .banner-main6 .header .banner-main .header1{font-size: 35px;}
  .banner-main .banner-text{margin-top: 0;}
  .serviceWrap{padding-top: 5px;}
  .serviceWrap .servPara{font-size: 18px;}
  .serviceWrap .imgTxt{width: 60%;top: 50%;}
  .whychoWrap .mediaBox h4{font-size: 18px;}
  .whychoWrap .mediaBox .paratxt{margin-left: 10px;;}
  .whychoWrap .mediaBox .icon {height: 50px;margin-right: 10px;}
  .whychoWrap .mediaBox {margin-top: 10px;margin-bottom: 10px;}
  .consutWrap, .ContactWrap{padding-top: 40px;}
  .consutWrap .myBTN{font-size: 15px;padding: 8px 20px;}
  .footerwrap {padding-top: 20px;padding-bottom: 20px;background-image: none;
    background-repeat: no-repeat;background-size: cover;background-position: bottom right;box-shadow: 2px 2px 18px #c9dcef;background-color: #eff6fd;}
    .footerwrap .socialicons{margin-top: 10px; margin-bottom: 20px;}
    .footerwrap ul li{padding-top: 5px;}
    .footerwrap .socialicons a {margin-right: 8px;font-size: 25px;color: #003366;border: none;}
 }