/********** Template CSS **********/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.fa{font-family: FontAwesome !important;}
p, .main-table,.container, ul, ol{font-family: Poppins;color:#000;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-family: Dancing Script;}
.font-1{font-family: Dancing Script !important;}
.font-2{font-family: Poppins !important;color:#000;}
.text-justify{text-align: justify;}
.top {position: fixed;  right: 18px; bottom: 30px; text-align: center; color: #fff; padding: 10px 10px; z-index: 99; border-radius: 50%; border: 2px solid #fff; cursor: pointer; opacity: 0;  transition: ease-in 0.5s;}

.z-index-9{z-index: 9 !important;}
.z-index-0{z-index: 0 !important;}
.top.scll-top { opacity: 1; transition: ease-in 0.5s;  bottom: 50px;}
#MenuControl .nav-link{color: #000;    font-size: 16px;padding:20px 24px;}
.top .fa {
    display: block !important;
}
a{text-decoration: none;}
/*** Button ***/
.btn {
    position: relative;
    transition: .5s;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}
.btn:hover{background-color: #0c1844;}
.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn-dark {margin: 10px; background-color: #0c1844;border: 0;}
.btn-primary {margin: 10px;background-color: #c80036;border: 0;}

.btn-primary::before,
.btn-primary::after {
    position: absolute;
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
}

.btn-primary::before {
    top: -10px;
    height: calc(100% + 20px);
    border-left: 2px solid #c80036;
    border-right: 2px solid #c80036;
}

.btn-primary::after {
    left: -10px;
    width: calc(100% + 20px);
    border-top: 2px solid #c80036;
    border-bottom: 2px solid #c80036;
}

.btn-dark::before,
.btn-dark::after {
    position: absolute;
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
}

.btn-dark::before {
    top: -10px;
    height: calc(100% + 20px);
    border-left: 2px solid #0c1844;
    border-right: 2px solid #0c1844;
}

.btn-dark::after {
    left: -10px;
    width: calc(100% + 20px);
    border-top: 2px solid #0c1844;
    border-bottom: 2px solid #0c1844;
}

.bg-1{background-color: #0c1844 !important;}
.bg-2{background-color: #c80036 !important;}
.color-1{color: #0c1844 !important;}
.color-2{color: #c80036 !important;    line-height: 1.6em;}
/* particles-js */
#particles-js{
  width: 100%; /*height: 100vh;*/ background-color: rgba(254, 254, 254, 0.15); background-image: url(''); background-size: cover;  background-position: 50% 50%;  background-repeat: no-repeat;  position: absolute; top: 0; left: 0;  right: 0;  z-index: 1;}
  /* particles-js */
/*** baaner-sec ***/
.baaner-sec {
    background: url('image/banner-bg.jpg') top left no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .baaner-sec .container {
        max-width: 100% !important;
    }

    .baaner-sec .baaner-sec-text  {
        padding-left: calc(((88% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .baaner-sec .baaner-sec-text  {
        padding-left: calc(((97% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    header {
    padding: 5px!important;
}
    .baaner-sec .baaner-sec-text  {
        padding-left: calc(((85% - 1320px) / 2) + .75rem);
    }
}

.baaner-sec .carousel-control-prev {bottom: 10px; right: 100px; left: inherit; top: inherit; width: 60px; z-index: 999999; opacity: 1;}
.baaner-sec .carousel-control-next {bottom: 10px; right: 25px; left: inherit; top: inherit; width: 60px; z-index: 999999; opacity: 1;}
.baaner-sec .carousel-control-prev-icon,.baaner-sec .carousel-control-next-icon {width:3.5rem;height:3.5rem;background-color: #c80036;border: 15px solid rgba(200, 0, 54, 0.6); border-radius:.5rem; }

/*** Service ***/


.service-sec .description p {
    font-size: 18px;
    color: #676767;
    margin: 0px 0px 15px 0px;
}

.m30 {
    margin-bottom: 30px;
}

.shadow-effect {
    padding: 0px 0px 0;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: #FFFFFF;
    /* border-radius: 3px 3px 3px 3px; */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.shadow-effect:before, .shadow-effect:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #f3f3f3;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    transition: .4s;
}

.shadow-effect:before {
    background: #f3f3f3;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    bottom: -98px;
}

.shadow-effect:after {
    bottom: -125px;
    background: 0 0;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
}

.shadow-effect:after, .shadow-effect:before {
    border-radius: 100px 100px 0 0/75px 75px 0 0;
}

.shadow-effect:hover:before {
    width: 140px;
    height: 140px;
    background: #c80036;
}

.shadow-effect:hover:after {
    width: 182px;
    height: 182px;
    border-color: #c80036;
}

.services-part:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #f3f3f3;
    transition: .5s;
    height: 1px;
    width: 0;
}

.services-part {
    text-align: center;
    padding: 10px 10px 73px 10px;
    position: relative;
}

.shadow-effect:hover .services-part:before {
    width: 100%;
    background: #c80036;
}

.services-part .services-text {
    margin-top: -50px;
    padding: 10px 0 0;
    position: relative;
}

.services-part .icon_image i {
    width: 70px;
    height: 70px;
    line-height: 64px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #c80036;
    color: #fff;
    box-shadow: 0 0 30px #a79f9f;
    font-size: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.services-part .services-text .services-title .title {
    font-size: 24px;
    margin: 0 0 10px;
    color: #032e42;
}

.services-part .services-text .services-title .title a {
    color: #032e42;    font-size: 22px;
}

.services-part .services-text .services-txt {
    color: #676767;
    margin: 0;
    transition: .4s;
}

.services-part .services-btn-part {
    position: absolute;
    margin: 0;
    line-height: normal;
    text-align: center;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}

.shadow-effect:hover .services-part .services-btn-part {
    bottom: -80px;
    opacity: 1;
    visibility: visible;
}

.services-part .services-text .services-btn-part .services-btn {
    padding: 10px 10px 10px 10px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.services-part .services-text .services-btn-part .services-btn.icon-after i {
    margin-left: 10px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

/*** Team ***/
.team {
    position: relative;
}

.team::before {
    position: absolute;
    content: "";
    width: 200%;
    height: 200px;
    top: 50%;
    left: -50%;
    transform: translateY(-50%);
    margin-top: 1rem;
    background: #c80036;
}

.team-item img {
    transition: .5s;
}
  
.team-item:hover img {
    transform: scale(1.2);
}
  
.team-overlay {
    position: absolute;
    padding: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    text-align: center;
    background: rgba(255, 255, 255, .5);
    transition: .5s;
    z-index: 1;
}

.team-item:hover .team-overlay {
    background: rgba(255, 255, 255, .9);
}

.team-overlay p {
    letter-spacing: 1px;
}

.team-overlay .btn-dark {
    border-width: 2px;
    color: var(--bs-dark);
    background: transparent;
}

.team-overlay .btn-dark:hover {
    color: var(--bs-white);
    background: var(--bs-dark);
}



/*** Footer ***/
/* @media (min-width: 992px) {
    .footer::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        background: var(--bs-secondary);
    }
} */
.footer{padding:20px 0px 0px;}
.footer p{color:rgba(255, 255, 255, .5);line-height:1.5em;}
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: rgba(255, 255, 255, .5);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link:hover {
    color: #fff;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 900;
    color: rgba(255, 255, 255, .5);
    margin-right: 10px;
}

/* contact page */
.contact-section {padding: 5% 0; margin-top: 60px;}
.contact-section .contact-img { overflow: hidden; border-radius: 20px; position: relative;}
.contact-section .contact-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0;}
.contact-section .contact-img img { transition: all .3s ease-in-out;}
.contact-section .contact-img img:hover { transform: scale(1.1);}
.contact-section .contact-img .call { position: absolute; bottom: 0; padding: 60px 20px 15px 30px; width: 100%; z-index: 2; background-image: linear-gradient( rgba(0, 0, 0, .04) 0%, rgba(4 15 40 .5));}
.contact-section .contact-img .call p a{color: #fff;font-size: 19px;font-weight: 600;position: relative;z-index: 9;margin: 0;line-height: 2;}
.contact-section .contact-img .call p i { background: #fff; padding: 11px 12px; font-size: 18px; border-radius: 50%; color: #003d6d; margin: 0 8px 0 0;}
.contact-section .contact-form .form-control { margin: 0 0 16px 0; padding: 14px;}
.contact-section .contact-form input[type='button'] {border: 0;background: #c80036;color: #fff;padding: 14px 34px;border-radius: 8px;font-size: 17px;font-weight: 600;letter-spacing: .5px;transition: all .3s ease-in-out;}
.contact-page {background: #0c18440f;padding: 4% 0;}
.contact-page .contact-info {background: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;padding: 30px;border-radius: 18px;min-height: 290px;}
.contact-page .contact-info .icon { background: #0c1844; padding: 12px; display: inline-block; width: 60px; height: 60px; border-radius: 8px; margin: 0 0 20px 0; text-align: center;}
.contact-page .contact-info .icon i { font-size: 23px; color:#fff; line-height: 1.7;}
.contact-page .contact-info h5 {color: #0c1844;font-size: 19px;font-weight: 600;font-family: Poppins;}
.contact-page .contact-info p {margin: 0; font-size: 16px; line-height: 1.6em;}


/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
  .innr-pg-c{margin-bottom: 20px;padding: 25px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;height: 100v;}
  .innr-pg-c h1{font-weight: 800; font-family: "Poppins", sans-serif;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
  .innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(22deg, #c80036 4%, #191919 73%);}
/* innr-pg-c End */

header{padding: 14px 20px;}
#WidgetControl2{display: none!important;}
#WidgetControl4{display: none!important;}
.table-responsive{padding: 0px;}

#HeaderControl, #HeaderControl_C{background-color: #c80036 !important;}
.navbar{float: inline-end;}
#MenuControl, #MenuControl_C{background-color: #f8f9fa!important;}
#widgetsControl, #widgetsControl_C{height:auto!important;}

.main-table{text-align: left;font-size:16px;line-height:1.5em;}
.sub-heading{color:#0c1844 ;padding-top:10px;font-family: Poppins !important;font-size:20px;font-weight: 600;}

@media(max-width:767px)
{
    .contact-section .contact-img{margin-top:20px;}
    .navbar {
        background-color: #0c1844!important;
    float: none;
}
#MenuControl, #MenuControl_C{height:auto!important}
.navbar-toggler{background-color: #fff;}
.navbar .container-fluid{display: flex;justify-content: center;}
#MenuControl .nav-link {
    color: #fff;font-size: 16px;padding: 5px;}
    header {padding:0px;display: flex;justify-content: center!important;}
    #HeaderControl, #HeaderControl_C{height:auto!important;}
}



@media(min-width:767px) and (max-width:1218px)
{
    .navbar {float: none;}
    #HeaderControl, #MenuControl{width:100%!important;}
    header {padding:0px;}

}