body,html{overflow:hidden;overflow-y:auto;margin:0;font-family:  'Nunito Sans', sans-serif;background: #fff}
p{font-size: 18px;text-align: left;margin-bottom: 0px}
a{text-decoration: none;}
ul{padding: 0 20px}
/*#0B193D blue
#FFCE00 Yelllow
*/
/*hader*/
header{position: fixed; width: 100%;z-index: 1099;}
section{padding: 50px 0; overflow: hidden; position: relative;}
.navbar{padding: 0}
.navbar-brand{padding: 0}
.navbar-light .navbar-nav .nav-link{ color: #333333 }
.navbar-nav .active > .nav-link{ color:#2B478B!important; background-color: #ffca08; font-size: 15px; font-weight: bold;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 1.6rem 1rem;}
.nav-item{padding: 0 0.6rem; display: flex;}
.bg-white{box-shadow: 0px 0px 10px 3px rgba(0,0,0,.1);}
.container{max-width: 1650px;}
.banner-img img{width: 85%}
.shape-blue {
    width: 60%;
    height: 980px;

    position: absolute;
    top: 0;
    left: 50%;}
.shape-blue::before { position: absolute; content: ""; height: 100%; width: 100%;transform: skew(24deg, 0);background-color: #2B478B; }
.shape-yellow {
	width: 59%;
	height: 1000px;
	position: absolute;
	top: 0;
	left: 51.3%;
    justify-content: center;
    align-items: center;
    display: block;
}
.carousel-inner{height: 55%}
.yellow-text{ position: relative; top: 20%; left: 10%; }

.shape-yellow::before { position: absolute; content: ""; transform: skew(24deg, 0); height: 100%; width: 100%;background-color: #FFCA08;     }
.yellow-text h2{font-size: 80px; font-weight: 900; color: #2B478B}

.yellow-text p{font-size: 20px; font-weight: 600; margin: 20px; width: 70%}
.navbar-light .navbar-toggler:focus{outline-color: #FFCA08}
.yellow-text-inner{ position: relative; top: 15%; left: 0%; }
.yellow-text-inner h2{font-size: 80px; font-weight: 900; color: #2B478B}
.yellow-text-inner p{font-size: 20px; font-weight: 600; margin: 20px; width: 70%}
.navbar-light .navbar-toggler:focus{outline-color: #FFCA08}

.pp-1{padding: 20px 50px}
.pp-2{padding: 20px 100px}
.pp-3{padding: 20px 0 50px 150px;}
.know-more-banner-a{ margin: 0 }
.know-more-banner{ background-color: #2B478B; color: #FFCA08; padding: 20px 30px; border-radius: 5px; font-weight: 700; margin: 0 200px}
.know-more-banner:hover{color: #fff; text-decoration: none;}

.know-more:hover{ color: #fff; text-decoration: none;}
.social-link{padding: 110px 0 0 270px}
.social-link img{ padding: 10px; width: 50px; }
.page-title{text-align: center; padding: 0 0 50px 0}
.page-title img{ width: 150px }
.page-title h1{ text-transform: uppercase; font-size: 35px; font-weight: 900; color: #2B478B;margin: 0.5rem; }
.page-title-w-w-p{text-align: center; padding: 50px 0 50px 0}
.page-title-w-w-p h2{ text-transform: capitalize; font-size: 35px; font-weight: 900; color: #fff }
.page-title-w-w-p img{ width: 300px }

.our-team-title{text-align: center; padding: 0px 0 50px 0}
.our-team-title h2{text-align: center; text-transform: capitalize; font-size: 35px; font-weight: 900; color: #fff }
.our-team-title img{ width: 150px }
.page-text p{padding: 20px 0; line-height: 40px; width: 90%}
.welcome-service-box{background-color: #fff; box-shadow: 0 0 15px 3px rgba(0,0,0,.05); border: 2px solid #AAB5D0; margin: 15px 0; height: 240px;}
.welcome-service-box:hover{background-color: #2B478B; border: none; transition: 300ms ease-in-out; border-radius: 5px}
.welcome-service-box:hover h3{color: #FFCA08;}
.welcome-service-box:hover p{color: #FFF;}
.welcome-service-box h3{font-size: 29px; font-weight: 700; color: #2B478B;  padding: 15px}
.welcome-service-box p{font-size: 18px; font-weight: 600; color: #333;  padding: 15px}
.welcome-service-box a{font-size: 18px; font-weight: 600; color: #FFCA08;  padding: 15px; text-decoration: none; display: block;}
.img-service img{width:50px;}
.our-team-box h3{font-size: 20px; font-weight: 600; color: #2B478B;  padding: 15px 0 0 0;}
.our-team-box img{width: 100%;}
.our-team-box.w-w-p-service-box:hover img {opacity: .8; transition: 300ms ease-in-out;}
.our-team-box a{font-size: 18px; font-weight: 600; color: #FFCA08;  padding: 15px 15px 0 0; text-decoration: none;}
.our-team-social-icon a{font-size: 18px; font-weight: 600; color: #FFCA08;  padding: 15px 0; text-decoration: none;}
.know-more{ background-color: #2B478B; color: #FFCA08; padding: 20px 30px; border-radius: 5px; font-weight: 700; margin: 120px 0 0 0; display: inline-block;}
.taxation-blue:before{    
	content: '';
    width: 25%;
    height: 44%;
    background-color: #2B478B;
    transform: skew(0deg, -40deg);
    position: absolute;
    top: -70px;
    left: 98%;
}
.s-a-taxation-blue:before{    
    content: '';
    width: 7.5%;
    height: 45%;
    background-color: #2B478B;
    transform: skew(0deg, 24deg);
    position: absolute;
    top: 168px;
    left: 0;
}
.about-us-taxation-blue:before{    
    content: '';
    width: 25%;
    height: 100%;
    background-color: #FFCA08;
    transform: skew(0deg, -40deg);
    position: absolute;
    top: -86px;
    left: 98%;
}
.investment-yellow:after{    
	content: '';
    width: 25%;
    height: 44%;
    background-color: #FFCA08;
    transform: skew(0deg, -40deg);
    position: absolute;
    top: 180px;
    left: 98%;
}
.bg-color-blue{background-color: #2B478B;     margin: 50px 0;}
.bg-color-blue-footer{background-color: #2B478B;}
.w-w-p-service-box{padding: 15px; height: 100px; display: flex;}
.our-team-box{background-color: #fff; box-shadow: 0 0 15px 3px rgba(0,0,0,.05); border: 2px solid #AAB5D0; margin: 15px 0; display:block; height:auto;}
.img-text-space{padding: 0 20px;}
.w-w-p-service-box h5{font-size: 20px; font-weight: 700; color: #2B478B;}
.w-w-p-service-box:hover h5{color: #ffca08;}
.w-w-p-service-box p{font-size: 15px; font-weight: 600; color: #333;  padding: 0}
.blog-title{text-align: center;}
.blog-title h2{ text-transform: uppercase; font-size: 35px; font-weight: 900; color: #2B478B; margin: 0.5rem }
.blog-title img{width: 300px}
.nav-tabs{width: 33%; margin: 0 auto; border-bottom: none; flex-wrap: inherit;}
.nav.nav-tabs li { background-color: #ffca08; padding: 20px 0; font-size: 15px;}
.nav-tabs a{color: #2b478b; padding: 20px}
.tab-active li .active{
    background: #2b478b;
   
    padding: 20px;
    color: #ffca08!important;
    font-weight: 600;
    text-decoration: none;
}
.blog-box{padding: 10px; border: 2px solid #AAB5D0;background-color: #fff;}
.blog-box p{ font-size: 13px; color: #ABABAB;margin: 10px 0 }
.blog-box h4{ font-size: 20px; font-weight: 600; color: #000; margin: 0}
.blog-box a{ font-size: 15px; font-weight: 600; color: #2b478b;}
.testi-box{padding: 10px; box-shadow: 0 0 4px 2px rgba(0,0,0,.1); border: 2px solid #AAB5D0; background-color: #fff; text-align: center;}
.testi-box img{ width: 30px!important; margin: 0 auto }
.testi-box p{ font-size: 13px; color: #ABABAB;margin: 10px 0; text-align: center; }
.testi-box h4{ font-size: 20px; font-weight: 600; color: #000; margin: 0; text-align: center;   }
/*.testi-blue-blog{height: 50px;width: 100%; position: relative;}*/
.testi-blue-blog:before {
    content: '';
    width: 9%;
    height: 30%;
    background-color: #2B478B;
    transform: skew(0deg, 20deg);
    position: absolute;
    top: 34%;
    left: -1.5%;
}
.owl-carousel button.owl-dot {
    background: #adadad!important;
    color: #000;
    border: none;
    padding: 4px!important;
    /* font: inherit; */
    margin: 10px;
    border-radius: 10px;
}
.owl-dots{
margin: 0 auto;
    width: 6%;
}
.owl-nav{display: none;}
.owl-carousel .owl-stage-outer{padding: 10px 0!important}
.see-more{width: 100%; margin: 0 auto; text-align: center;}
.see-more a{padding: 15px 30px; color: #fff; font-size: 15px; font-weight: 600; background-color: #2b478b; border-radius: 5px;}
.news-update{
    display:flex;
    position: relative;
    justify-content: center;
    min-height: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    align-items: center;
    padding: 10px;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.news-update-text h4 {
    font-weight: 600;
    font-size: 25px;
    color: #FFCA08;
}
.news-update-space{padding: 50px 0}
.yellow-bg p{font-size: 15px;
    line-height: 35px;
    color: #2b478b;
width: 80%;}
.yellow-bg{position: relative;}
.investment-yellow-news:before {
    content: '';
    width: 19%;
    height: 71%;
    background-color: #FFCA08;
    transform: skew(0deg, -40deg);
    position: absolute;
    bottom: 191px;
    /* left: 0; */
    right: -18%;
}
.taxation-blue-blog:before{    
    content: '';
    width: 9%;
    height: 42%;
    background-color: #2B478B;
    transform: skew(0deg, 20deg);
    position: absolute;
    top: 30.5%;
    left: -1.5%;
}
#client img{width: 100px}
#client .owl-dots{display: none;}
.footer-text h5{font-size: 20px; font-weight: 700; color: #ffca08;}
.footer-text ul li{font-size: 15px; color: #9FACCB; list-style: none; padding: 10px 0}
.footer-text ul li:hover{color: #fff;}
.footer-text a{color: #9FACCB; text-decoration: none;}
.footer-text a:hover{color: #fff;}
.footer-text ul{padding: 0}
.socil-media-icon img{padding-right: 10px; width: 35px; opacity: 0.5}
.socil-media-icon img:hover{opacity: 1}

.footer-text img {
    width: 30px;
    padding-right: 10px;
}
.footer-last{ background-color: #ffca08; }
.footer-last p{ color: #2B478B; font-size: 15px; text-align: center; }
.service-link {padding: 20px 0}.service-link a{padding: 20px; color: #2B478B}
.accounting{margin: 0; padding: 0; display: flex; align-items: center;}
.accounting h3{font-size: 30px; font-weight: 900; color: #2B478B;}
.accounting-p{padding: 30px}
.accounting-text-p{padding: 7%;}
.accounting-text-p ul li {
    font-size: 20px;
    list-style-type: circle;
    padding: 10px 0;
    font-weight: 700;
    color:#2B478B;
}
.accounting-text{font-size: 15px; color: #adadad; padding: 20px 0}
.welcome-service-box img {width: 50px;}
.our-carriers{padding: 30px 0}
.our-carriers h3{font-size: 25px; color: #2B478B; font-weight: 600 }
.form-area{text-align: left; margin-bottom: 0}
input[type], select, textarea {
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 0;
    resize: vertical;
    margin-bottom: 20px;
    
}
input[type=submit]{
    text-align: center!important;
    background: #2B478B;
    padding: 13px 10px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 0;
    resize: vertical;
    margin-bottom: 20px;
}

.carousel-caption{
    position: initial;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #212529;
    text-align: left;
}
input[type], select, textarea:focus {
    outline-color: #ffca08;
}
.carousel-indicators {display: block; bottom: 30%; left: 65%; padding-left: 0; margin-right: 0; margin-left: 0;}
.carousel-indicators li{width: 15px; height: 15px; border-radius: 100%; display: block;}
.carousel-indicators .active{border: 3px solid #2B478B;}
.responsive{display: none;}
.responsive-none{display: block; width: 55%;}
.designed-copyright { text-align: right; }
.designed-copyright a {
  font-size: 13px;
  color: #dcdcdc;
  pointer-events: none;
}
.copylogo > span {
  color: #2B478B;
  letter-spacing: 1px;
  margin-right: 5px;
  display: inline-block;
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.designed-copyright > a > .img-copyright {
  filter: grayscale(100%) brightness(10);
  transition: 0.5s linear;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  pointer-events: auto;
}
.designed-copyright > a:hover > .img-copyright {
  filter: grayscale(0);
}
.copylogo:hover span { opacity: 1; }
.map-iframe{padding: 10px; box-shadow: 0 0 3px 2px rgba(0,0,0,.1)}

.shape-blue-inner {
    width: 60%;
    height: 380px;
    position: absolute;
    top: 0;
    left: 50%;}
.shape-yellow-inner {
    width: 40%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 51.3%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.shape-blue-inner::before { position: absolute; content: ""; height: 100%; width: 100%;transform: skew(24deg, 0);background-color: #2B478B; }
.shape-yellow-inner::before { position: absolute; content: ""; transform: skew(24deg, 0); height: 100%; width: 100%;background-color: #FFCA08;     }
.carousel-fade .carousel-item {
    opacity: 0;
    transition: 700ms ease-in-out;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
    transition: 700ms ease-in-out;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
    transition: 700ms ease-in-out;
}
.error-section {
    position: relative;
    top:50px;
}
.error-box {padding: 10px; margin: 0 auto; box-shadow: 0 0 10px 5px rgba(0,0,0,.1); border: 1px solid #ffca08; text-align: center; width: 50%; background: #ffca08;}
.thank-box {padding: 10px; text-align: center; margin: 150px 0; box-shadow: 0 0 10px 5px rgba(0,0,0,.1); border: 1px solid #fba919;}
.error-inside-box{ margin: 0 auto; padding: 20px; text-align: center;}
.error-inside-box p{text-align: center; display: block; padding: 5px}
.error-box-img h2{text-align: center; font-size: 200px; color: #2B478B; font-weight: 800}
.error-box-img h1{font-weight: 800; font-size: 30px; text-transform: uppercase; padding: 30px; color: #212529;}
.refresh-button{ background-color: #2B478B; color: #ffca08; padding: 10px 40px; border: 0; margin: 10px 0; display: inline-block;}


.thank-box {width: 50%; padding: 10px; text-align: center; box-shadow: 0 0 10px 5px rgba(0,0,0,.1); background-color: #ffca08; margin: 0 auto; }
.thank-box-title img{ width: 100px }
.thank-box-title h1{font-weight: 800; font-size: 50px; text-transform: uppercase; padding: 0 30px; color: #2B478B;}
.thank-box-title p{font-size: 15px; padding: 30px; color: #212529;}
.thank-box-title h3{font-weight: 600; font-size: 20px; text-transform: uppercase; color: #2B478B;}
.refresh-button{ background-color: #fba919; border: none; padding: 15px 30px; color: #fff; font-size: 15px; font-weight: 500; text-align: left; position: relative; left: 0 }
.refresh-button-thank{ background-color: #2B478B; border: none; padding: 15px 30px; color: #ffca08; font-size: 15px; font-weight: 500; text-align: left; position: relative; left: 0 }
.refresh-button-thank:hover{color:#fff;}
.refresh-button:focus{ outline-color: #212529}
.thanks-section { position: relative; top: 50px;}