@charset "utf-8";
/* CSS Document */

#CalendarControl{ margin-top:80px !important;}

#HomepagecontentControl{min-height: 350px !important;}


/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{ background-color: transparent !important; height:100%;}
.nav-link{font-weight: 600;color: #3A8ECD;}
.nav-link:focus, .nav-link:hover{color: #000000;}
.nav-fill{width:85%;margin-left:100px;font-size: 17px;}

.navbar-brand{margin:0;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{ padding-right:1px; padding-left: 1px;}
}

@media (max-width: 991px){
.tm-sc {width: 100%; height: auto;}
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{ padding-right:1px; padding-left: 1px;}

}

	a {
		text-decoration: none;
}

/* .dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
} */
.dropdown-item{
    line-height:18px !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu .submenu-left {
    right: 100% !important;
    left: auto !important;
}
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.Assurance{
    height: 420px;
    width: 100%;
}
.directtax{
    height: 655px;
    width: 100%;
}
.risk{
    min-height:100%;
}
.corporate{
    height: 700px;
    width: 100%;
}
.outsourcing{
    height: 650px;
    width: 100%;
}
.main-table{font-family:Saira; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{ font-weight: bold; Font-size: 24px; color: #F2AA4CFF; line-height: 36px; border-bottom: 1px #ccc dashed;
    text-transform: uppercase; margin-bottom: 20px; text-align: left; margin-top: 0;}
.tm-sc{width: 86%;height: 394px;border-radius: 10px;border: 1px solid #e5e5e5;border-top-right-radius: 42px;border-top-left-radius: 42px;}
.tm-sc img.img-fluid {padding: 11px;border-radius: 42px !important;}	
.sc{padding: 30px 20px;}
.tm-sc h5{
	    font-size: 15px;
	    font-weight: bolder;
	    line-height: 16px;
	    text-transform: capitalize;
	    color: #000;
}

.tm-sc:hover{
	box-shadow:1px 5px 20px 0px rgba(37, 82, 91, 0.2);
}
.tm-sc p{margin-bottom: 0;color: #7e7575;font-size: 14px;}
.sub-heading{font-weight: bold;Font-size:18px;color: #3A8ECD;line-height: 30px;margin-bottom: 5px;text-align: left;}
.team-title{font-weight:bold; Font-size:16px; color:#F2AA4CFF; line-height:30px; text-align: left;}

/*cont-page*/
.map-contp{border:1px #ccc solid;}

.cont-page h2{  font-size: 20px; font-weight:bold; color: #111; line-height: 26px; margin-top: 0; text-transform: uppercase;
    margin-bottom: 18px; margin-top:10px;}
		
.cont-page h2 span{ color: #111; font-weight: normal; font-size: 18px;}

.cont-page .st-feature-box {
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #141313;
}
.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cont-page .feature-box-image {
    margin-top: 10px;
}

.cont-page .feature-box-image .fa{
   font-size:30px;
   color: #141313;
}

.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}

.st-feature-box h3 {
    color: #141313;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
	

.container-fluid{ padding-left:1px; padding-right:1px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}
	
#MenuControl_C .dropdown-menu{ padding:0 !important;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #3A8ECD !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #410b74 !important;
    border-color:#fff;
    color: #fff !important;
}


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{ height:100%;}

#MenuControl_C #navbar-collapse-1{height:100% !important;}

#HeaderControl{
    height: 93px !important;
    float: Left;
    margin-bottom: 0;
    padding: 10px 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 9;
    width: 30%;
    background: #ffffff;
    text-align: center;
    }
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
	
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background: #3A8ECD;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 84px !important;
    top: 0;
}

.body-fx #logo-web{ margin-top: 6px;}

.body-fx #MenuControl_C{ height: 68px !important;}

#MenuControl{
    height: 93px!important;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    z-index: 9;
    width: 75%;
    background: #ffffff;
    }
	
.body-fx #MenuControl .nav-link{color: #fff;padding-top:20px;}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 75%;
    padding: 0;
    padding-right: 0;
    background: #3A8ECD;
    transition: 0.5s;
    top: 0;
    height: 84px !important;
}

center #form1 #HomepagecontentControl{padding-top: 74px;padding-bottom:25px;}
center #form1 .top-nav{background:#410b74;}
center #form1 #HeaderControl,
center #form1 #MenuControl{background: #ffffff;}

center #form1 #HeaderControl{margin-left:0;width:30%;margin-top: 0px;}
center #form1 #MenuControl{margin-right:0;width: 75%;margin-top: 0;}

.body-fx center #form1 #HeaderControl{margin-left:0;margin-top:0;background: #3A8ECD;}
.body-fx center #form1 #MenuControl{margin-right: 0;margin-top:0;background: #3A8ECD;}

#widgetsControl, #widgetsControl_C{height:inherit !important;}



.table-responsive {
    min-height: .01%;
    border: 0;
    overflow-y: hidden !important;
    padding: 0;
}

@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{ height:inherit !important;}

}


@media (max-width: 769px){
#MenuControl, #MenuControl_C{ height: initial !important;}	
#widgetsControl_C, #widgetsControl{ height:initial !important}

}

@media (max-width: 767px)
{
    .tm-sc {
        display: flex;justify-content: center;
    width: 100%;
    height: auto;margin-bottom:10px;flex-direction: column;}
    .tm-sc img.img-fluid {
    width: 100%;
    padding: 11px;}
    center #form1 #MenuControl {
        margin-right: 0;
        width: 70%;
        margin-top: 0px;
    }
    center #form1 #HeaderControl {
        margin-left: 0;
        margin-top: 0px;
    }
    .Assurance{
        min-height:auto;
    }
    .directtax{
        min-height:auto;
    }
    .risk{
        min-height:auto;
    }
    .corporate{
        min-height:auto;
    }
    .outsourcing{
        min-height:auto;
    }
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
   margin-right: 0px !important;
 margin-left:  0px !important;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}

.navbar-nav>li{ display: block; text-align:left;}

.mailus{ display: none;}


#HeaderControl{ width: 100% !important;}
#MenuControl{width: 100% !important;top: 90px;}
header{ text-align:center;}

.navbar-toggler{ margin-right:20px;}
.nav-fill{width: 100% !important;margin-left: 0 !important;margin-top: 5px;background: linear-gradient(-90deg, rgb(58 142 205) 0%, rgb(41 127 152) 100%);}

.nav-fill .nav-item{ text-align:left !important; padding-left: 25px;}
#CalendarControl{ margin-top: 0 !important;}
.card-body{ margin-bottom: 30px;}
.text-end{ text-align: left !important;}

.services .icon-box{ margin: 10px auto;}
.services .mt-5{ margin-top: 1rem !important;}


}


@media(max-width:736px){ 
#HeaderControl, #HeaderControl_C{ height: initial !important;}
	
	
}

@media(max-width:560px){
.top-nav{padding: 5px 15px !important;}	
.top-nav ul li{font-size: 12px !important;}
.callus ul li{ margin-right: 5px !important;}	
.top-nav ul li .fa{ margin-right: 5px !important;}
#banner-hm h2{ font-size: 20px !important; margin-bottom: 0 !important;}
	
.about{ padding: 20px 30px !important;}

.services{ padding: 20px 30px !important;}

.team{ padding: 20px 30px !important;}

.carr{ padding: 20px 30px !important;}
.contact{ padding: 20px 30px !important;}
#footer{ padding: 20px 30px !important;}

.main-table{ padding: 10px 30px !important;}

}


@media(max-width:400px){
	
	
	
}