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

body {

    background-color: #F6F6F6;
    color: #4C4C4C !important;
/*   font-family: 'Rajdhani', sans-serif !important;*/
	font-family: 'Rubik', sans-serif;

}

h2, .h2, .text-trance h1.text-white.mb-3 {
    font-size: 30px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 900;
}

h3, .h3 {
    font-size: 27px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
}

h5, .h5{
    font-family: 'Rajdhani', sans-serif;
    font-size: 19px;
    line-height: 25px;
    font-weight: 700;
}
h4, .h4{
    font-size: 20px;
}

h6, .h6{
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 900;
}


a {

    color: #fff;

}



p.TextAsh {

    color: #9e9e9e;

}



.MainHeader .nav-link {

    color: #fff;

}



.BgWhte {

    background: #fff;

}



.MainHeader .nav-item:hover, .MainHeaderForOther .nav-item:hover {

    background: #8b1f8b !important;

}

nav.navbar.navbar-expand-lg.sticky-top.fixed .nav-link:hover {
    color: #fff;
}



nav.navbar.navbar-expand-lg.sticky-top.fixed .nav-link {

    color: #000;

}



nav.navbar.navbar-expand-lg.sticky-top.fixed a {

    color: #000;

}



.MainHeader {

    padding-top: 15px;

    padding-bottom: 15px;

}



nav.navbar.navbar-expand-lg.sticky-top.fixed {

    padding-top: 0px;

    padding-bottom: 0px;

    height: 50px;

    position: fixed;

    width: 100%;

    background: #fff;

}



button:focus {

    box-shadow: none !important;

    border: none !important;

}



.MainNavBar .nav-link {

    font-size: 11px;

    letter-spacing: 1px;
}



#MainHeader .OutLineHover {

    font-size: 11px !important;

    letter-spacing: 1px;
}


#MainHeader {

    font-family: 'Coda', sans-serif !important;

}


/* .OutLineHover {

    background: #ff33cc;

}*/


.OutLineHover:hover {

    background: transparent;

    border: 1px solid #8d238d;

    color: #8c218c !important;

} 



.OutLineHover {

    display: inline-block;

    text-transform: uppercase;

    transition: all 0.3s;

    position: relative;

    overflow: hidden;

    z-index: 1;

    border: 1px solid #8c218c;

    padding-top: 10px;

    padding-bottom: 10px;

}



.OutLineHover:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: transparent;

    z-index: -2;

}



.OutLineHover:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #701670bd;

    transition: all 0.3s;

    z-index: -1;

}



.OutLineHover:hover {

   color: #8c228c !important;

}



.OutLineHover:hover:before {

    width: 0%;

}



.OutLineHover:focus {
    color: #8d238d !important;
}



.OutLineHover:focus:before {

    width: 0%;

}



#MainHeaderSearchButton {

    font-size: 22px !important;

    color: #ffffff94;

}



.fixed #MainHeaderSearchButton {

    color: #0000004d;

}



.nav-item {

    transition: all 0.8s ease;

}



.HeaderContent {

    height: 85vh;

    position: absolute;

    top: 0;

}



h1.HeaderSectionSlider {

    font-family: 'Rajdhani', sans-serif !important;

    font-weight: bold;

    font-size: 45px;

}



.FontRubic {

    font-family: 'Rubik', sans-serif !important;

}
.fontRajdhani {

    font-family: 'Rajdhani', sans-serif !important;

}

.featured-proj-tab-text{
     font-family: 'Rajdhani', sans-serif !important;
     font-weight: 900;
    text-transform: uppercase;
    color:#4c4c4c !IMPORTANT;
}



.SliderCaption {

    font-family: 'Rubik', sans-serif !important;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: 500;

}


.lightbox.mfp-iframe .ColorPrimary {
    color: #ffffff !important;
}


.ColorPrimary {

    color: #b83db8 !important;

}


.WatchVedioText {

    font-size: 14px;

}



.text-justify {

    text-align: justify;

}



p {

    letter-spacing: 0px;

}



.ParalaxOne p {

    font-size: 15px;

}



.text-s {

    font-size: 14px !important;

}



.text-l {

    font-size: 25px !important;

}

.text-upper{
    
    text-transform: uppercase;
    
}
.text-bold{
    font-weight: 900;
}

span.BtnImage img {

    width: 21px;

}





/* .VedioPlaytn {

    font-size: 38px;

} */





/* .VedioPlaytn:before {

    top: 13px;

    right: -43px;

    left: auto;

}



.VedioPlaytn:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 0 20px 34.6px;

    border-color: transparent transparent transparent #FFF;

    position: absolute;

    margin-top: -15px;

    margin-left: -15px;

    z-index: 2;

}



.btn:before {

    content: "";

    position: absolute;

    width: calc(100% + 2px);

    height: calc(100% + 1px);

    top: -1px;

    left: -1px;

    z-index: -1;

    transition: width .4s;

} */



.btn.VedioPlaytn a {

    height: 40px;

    padding: 0;

    overflow: visible;

    margin-right: 30px;

    color: #ff33cc;

}



.btn.VedioPlaytn i {

    transform: translateY(-10px);

    margin-left: 50px;

}



.VedioPlaytn i:after,

.VedioPlaytn a:after,

.img-box.i-center .im-record-music:after,

.img-box .im-play:after,

.img-box .im-play-music:after,

.pulse-line i:after {

    content: "";

    width: 100px;

    height: 100px;

    position: absolute;

    background: #FFF;

    left: -54px;

    top: -46px;

    border-radius: 50%;

    animation: ping 1s ease-in-out infinite both;

}



.VedioPlaytn i:before,

.VedioPlaytn a:before,

.img-box .im-play:before,

.img-box .im-play-music:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 20px 0 20px 34.6px;

    border-color: transparent transparent transparent #FFF;

    position: absolute;

    margin-top: -15px;

    margin-left: -15px;

    z-index: 2;

}



.VedioPlaytn .btn {

    overflow: visible;

    padding-left: 0;

    position: relative;

    font-weight: 600;

}



.VedioPlaytn .btn:before {

    top: 13px;

    right: -43px;

    left: auto;

}



.VedioPlaytn .btn:after {

    top: -33px;

    right: -69px;

    left: auto;

}



@keyframes ping {

    0% {

        -webkit-transform: scale(0.2);

        transform: scale(0.2);

        opacity: 0.8;

    }

    80% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

        opacity: 0;

    }

    100% {

        -webkit-transform: scale(2.2);

        transform: scale(2.2);

        opacity: 0;

    }

}



.MainHeader {

    height: 85vh;

    background-size: 100%;

    background-repeat: no-repeat;

}





/* Top services */



.TopServiceRow {

    margin-top: -144px;

}



.TopServiceCard {

    border: none;

    border-radius: 8px;

    overflow: hidden;

    cursor: pointer;

}



.TopServiceCard h4 {

    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    line-height: 29px;
	font-family: 'Rajdhani', sans-serif !important;

}



.TopServiceCard p {

    color: #4C4C4C;

    font-size: 13px;

    line-height: 24px;

}



.TopServiceCard:hover img {

    transition: all 1s ease;

}



.imgdiv {

    overflow: hidden;

}



.TopServiceCard:hover img {

    transform: scale(1.3);

}



.TopServiceCard img {

    height: 228px;

}



.TopSrvice2 img {

    width: 55px;

}



.TopSrvice2 .imgdiv {

    border-right: 1px solid #cac8c4;

}



.TopSrvice2 h5 {

    font-size: 18px;

    font-weight: 600;

}



.TitleOne {

    text-transform: uppercase;

    font-weight: 900 !important;

    position: relative;

    margin-bottom: 32px;

    color: #2d2d2d;

    font-size: 30px;

}



p {

    color: #4C4C4C;

    font-size: 15px;

    line-height: 24px;

}



ul.MyUl li {

    list-style: none;

    color: #4C4C4C;

    line-height: 27px;

    font-size: 15px;

}



.LiBeforIcon {

    font-size: 13px !important;

    font-weight: 100 !important;

}



.CardForQuelity {

    position: absolute;

    top: 25%;

    width: 70%;

    right: -10px;

    transition: all 0.9s ease;

}



.CardForQuelity:hover {

    right: 5px;

}


.BtnPrimary {
    background: #8b1f8b !important;
}


p.caption {

    color: #343434;

    font-size: 13px;

    line-height: 23px;

    letter-spacing: .5px;

}



.parallax {

    min-height: 500px;

    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.parallaxForOtherPages {

    min-height: 350px;

    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.JoinOurTeamCol6 {

    display: flex;

    align-items: center;

    justify-content: center;

}



.BtnImage {

    background: red;

    height: 100% !important;

}



.HoverTransition {

    position: relative;

    overflow: hidden;

    height: 135px;

    display: flex;

    align-items: center;

}



.HoverTransition .FirstSection {

    transition: all 0.5s;

    width: 100%;

    position: absolute;

}



.SeconSection {

    /* margin-left: 100%; */

    transition: opacity 0.5s;

    opacity: 0;

    position: absolute;

    right: -100%;

    top: 4px;

    display: block;

    max-width: 100%;

    line-height: 26px;

    transition: right 1s;

}



.HoverTransition:hover .SeconSection {

    opacity: 1;

    right: 0;

}



.HoverTransition:hover .FirstSection {

    margin-left: -100%;

}



.CardForScale {

    border-radius: 3px;
    border-style: none !important;
    box-shadow: 0px 0 2px 0 rgb(0 0 0 / 16%), 0 0 2px 0 rgb(0 0 0 / 16%), 0 3px 2px 0 rgb(0 0 0 / 23%);
}





/* 





.HoverTransition .SecondSection {

    position: absolute;

    left: 100%;

    top: 4px;

    display: block;

    max-width: 100%;

    transition: right 1s;

} */





/* .HoverTransition:hover .FirstSection {

    margin-left: -100%;

} */



.overlay {

    position: absolute;

    bottom: 0;

    left: 100%;

    right: 0;

    background-color: #008CBA;

    overflow: hidden;

    width: 0;

    height: 100%;

    transition: .5s ease;

}



.filters a {

    color: #000;

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    position: relative;

}



.filters a:hover,

.filters a:focus,

.filters a:active {

    text-decoration: none;

}



.filters a.active {

    color: #000;

}



.item {

    border: none;

    margin-bottom: 30px;

}



.item .item-wrap {

    display: block;

    position: relative;

    overflow: hidden;

}



.item .item-wrap img {

    transition: .3s transform ease;

    transform: scale(1);

}



.item .item-wrap>.work-info {

    position: absolute;

    top: 50%;

    width: 100%;

    text-align: center;

    z-index: 3;

    transform: translateY(-50%);

    color: #fff;

    opacity: 0;

    visibility: hidden;

    margin-top: 20px;

    transition: .3s all ease;

}



.item .item-wrap>.work-info h3 {

    font-size: 20px;

    margin-bottom: 0;

}



.item .item-wrap>.work-info span {

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: .2rem;

}



.item .item-wrap:hover {

    text-decoration: none;

}



.item .item-wrap:hover img {

    transform: scale(1.05);

}



.item .item-wrap:hover:after {

    opacity: 1;

    visibility: visible;

}



.item .item-wrap:hover .work-info {

    margin-top: 0px;

    opacity: 1;

    visibility: visible;

}




#filters a.active {

    background: #8b1f8b;
    color: white !important;
    border-bottom: none !important;

}



.ProjectDescription {

    font-size: 13px;

}



.ItemInside {

    background: #fff;

    padding-bottom: 5px;

}



.footer-menu a {

    display: block;

    position: relative;

    padding: 5px 0 5px 30px;

    line-height: 17px;

    font-size: 13px;

    color: #696969 !important;

    border-left: 1px solid #9c9c9c;

}



.footer-menu a:hover {
    color: #c12fc1 !important;
    text-decoration: none !important;
}



.footer-menu a:before {

    content: "";

    position: absolute;

    width: 20px;

    height: 1px;

    left: 0;

    top: 13px;

    background: #9c9c9c;

}



.BottonLinks a {

    color: #696969 !important;

}



a.BorderLeftRight {

    border-left: 1px solid #696969;

    border-right: 1px solid #696969;

}



.container.py-3.BottonFooter {

    border-top: 1px solid #bfc6ce;

}



.niche-box-testimonails-cloud p {

    text-align: left;

    border-radius: 0;

    font-size: 13px;

    border: 1px solid #dadada;

    background: #FFF;

    color: #272727;

}



.TestiP {

    background-color: #fff;

    padding: 15px;

    font-size: 12px !important;

}





/* .TestiImagediv {

    border-right: 1px solid #ff33cc;

} */



.slick-slide {

    margin-left: 10px;

    margin-right: 10px;

}



.TestiImagediv img {

    width: 50px;

}



.TestiNameDesignation {

    color: #272727 !important;

    font-size: 10px !important;

}



.nav-item:hover {

    background: #ff33cc !important;

}





/* Service page */



.ServiceSection .nav-pills a {

    color: #272727;

}



.ServiceSection .nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    color: #fff;

    background-color: transparent;

    color: black;

    border-bottom: 1px solid #ff33cc;

    border-radius: 0px !important;

}



.Broch {

    background: #343434;

}



.text-13 {

    font-size: 13px !important;

}



.BottomSectionInTab {

    border-top: 1px solid #1b2e4b56;

}



.ServicesConstructionSlider .slick-dots {

    display: none !important;

}



.BL:first-child {

    border-left: none !important;

}



.BL {

    border-left: 1px solid #D2D2D2;

}



.BB {

    border-bottom: 1px solid #D2D2D2;

}



.TrustedCard:before {

    border: 25px solid #f7f7f7;

    right: -49px;

    margin-top: -25px;

    border-top-color: transparent;

    border-bottom-color: transparent;

    border-right-color: transparent;

}



span.BigNumbers {

    font-size: 60px;

}



.BgBlack {

    background: #343434;

    color: #fff !important;

}



.BBPrimary {

    border-bottom: 1px solid #ff33cc;

}



.TeamCard {

    overflow: hidden;

}



.HoverContent {

    position: absolute;

    bottom: 0;

    background: #fff;

    width: 100%;

    height: 60px;

    transition: all 0.5s;

}



.TeamCard:hover .HoverContent {

    height: 80%;

}



.text-9 {

    font-size: 9px !important;

}



.ProjectNav a {

    color: #4C4C4C !important;

}



.ProjectNav.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    background: #fff;

    border: 1px solid #4c4c4c25;

}



a.ProjectLink {

    text-decoration: none !important;

}



.ProjectCard h4 {

    color: #000;

}



.projectsinglebreadandcontent {

    background-color: #353535;

}



span.FwBold {

    font-weight: 700;

}



.BT {

    border-top: 1px solid #353535;

}



.btn.Fb {

    background: #3B5998;

}



.btn.Twit {

    background: #3B8ACA;

}



.btn.Gplus {

    background: #d7473d;

}



.btn.In {

    background: #0077B5;

}



.form-control {

    background: transparent;

    border: none;

    border-bottom: 1px solid #2d2d2d;

    border-radius: 0 !important;

}



.form-control:focus {

    box-shadow: none;

    background: transparent;

    border: none;

    border-bottom: 1px solid #ff33cc;

    border-radius: 0 !important;

}



ul.list-texts li {

    list-style-type: none;

    padding: 3px 0;

}



.list-texts-justified li {

    text-align: right;

    position: relative;

    font-family: 'Rubik', sans-serif;

}



.list-texts-justified li:after {

    content: '';

    width: 100%;

    position: absolute;

    left: 0;

    top: 19px;

    border-bottom: 1px dotted #bbb;

    z-index: 1;

}



.list-texts-justified li .ContactLeftSpan {

    text-align: left;

    float: left;

    background: white;

    position: relative;

    z-index: 2;

    font-weight: 600;

}



.navbar.fixed .navbar-toggler {

    color: #000;

}



.navbar-toggler {

    color: #fff;

}



.navbar-collapse.show {

    background: white;

}

/*Newly Added styles*/
.ulfooter{
	margin-left: 0px !important;
}


.header-bg-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	background-color: #11011185;
    opacity: 0.8;
	min-height: 614px;
/*
        filter: blur(8px);
    -webkit-filter: blur(8px);
*/
	
}

.bg-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	background-color: #11011185;
    opacity: 0.5;
	
}
.h350{
	min-height: 370px;
}

.curtant{
	
	align-items: center!important;
    display: flex!important;
    box-sizing: border-box;
    width: 100%;
    background-color: #11011130;
}
.text-trance{
	background-color: #0c000c54;
    border-radius: 3px;
}
.parallaxForOtherPages{
	min-height: 370px;
}
.coreval li{
	line-height: 23px !important;
    margin-bottom: 16px;
}

.core-value-tab{
	padding-left: 40px;
}
.core-value-tab .mr-3 {
    margin-left: -25px !important;
}


/* temporary removed testimornial part */
section.TestiminialSection.py-5 {
    display: none;
}
.footer-content{
	margin-top: 20px;	
}

/*main banner in home*/
.HeaderSectionContentLeft {
    flex: 0 0 60%;
    max-width: 60%;
}
.HeaderSectionContentRight {
    flex: 0 0 40%;
    max-width: 40%;
}

/*service item box in home page*/
.service-image-box {
    padding: 10px;
}
.servicebox {
    min-height: 170px;
}
.servicebox-cover:hover {
    transform: translate3d(0, -6px, 0);
    transition: all .4s;
}

.additional-margin {
    margin-bottom: 55px;
}

.home-3box:hover {
    transform: translate3d(0, -6px, 0);
}
.home-3box {
    box-shadow: 0px 0 2px 0 rgb(0 0 0 / 10%), 0 0 0px 0 rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 18%);
    margin: 2px 2px 4px 2px;
    position: relative;
    transition: all .4s;
    overflow: hidden;
    max-width: calc(100% - 4px);
    border-radius: 3px;
}

.text-m {
    font-size: 18px !important;
    line-height: 25px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin-top: 12px;
}

.fontnomal{
	font-family: 'Rubik', sans-serif !important;
    font-size: 15px !important;
    line-height: 28px !important;
	letter-spacing: 0.3px !important;
}

.advs-box-content {
    padding: 20px 20px;
}

.margin-more {
    margin-top: 10px;
    margin-bottom: 30px;
}

footer.bg-white {
    border-top: 1px solid #e0e0e0;
}
footer .copy-row .copy-text {
    letter-spacing: 1px;
    padding: 25px 15px 20px 15px;
    max-width: 1170px;
    margin: auto;
    display: inline-block;
    float: none;
    text-align: left;
}
.copy-row .copy-text {
    font-size: 12px;
    line-height: 20px;
}
hr.footer-bottom {
    margin-bottom: 0px;
}
footer .copy-menu {
    display: block;
    float: right;
    text-align: right;
}
footer .copy-menu a {
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #cccccc;
}
footer .copy-menu a:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.text-aixcey{
    color: #2b273a !important;
}
.text-aixcey:hover {
    color: #343258ed !important;
    text-shadow: 0 0 #663f43;
}
footer a{
    color: #696969;
    text-decoration: none;
}
footer a:hover{
    color: #8c218c;
    text-decoration: unset;
    text-shadow: 0 0 #663f43;
}
.space-9{   
    margin-top: 8px;
}
ul.fa-ul.text-s.ul-squares.ulfooter {
    line-height: 24px;
}
.btn-group-icons a i:hover {
    color: #8c218c;
    border-color: #8c218c;
}

.ServiceSection .nav-pills .nav-link, .ProjectNav.nav-pills .nav-link  {
    background-color: transparent;
    border-bottom: 1px solid #c6cad0;
    border-radius: 0px !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #4c4c4c !IMPORTANT;
}
.ServiceSection .nav-pills .nav-link.active, .ProjectNav.nav-pills .nav-link.active{
     border-bottom: 1px solid #8b208b;
     color: #4c4c4c !IMPORTANT;
     font-weight: 900;
}
.text-trance h1.text-white.mb-3 {
    margin-top: 20px;
    margin-bottom: 10px !important;
}



/* Responsive ==================================================================================================== */

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

    .CardForQuelity {

        position: relative !important;

        top: 0;

        width: 100%;

        right: 0;

    }

    .TopServiceRow {

        margin-top: 20px;

    }

    .MainHeader {

        background-size: cover;

    }

    .button-cnt.text-color.VedioPlaytn {

        margin-left: -42px;

    }

    .forhome ul.navbar-nav.mr-auto.MainNavBar {

        background: #797979;

    }

    .fixed ul.navbar-nav.mr-auto.MainNavBar {

        background: #ffffff;

    }

    .CreersUL li {

        font-size: 10px !important;

    }

}

.GoalSection .card.my-5.py-4.CardForQuelity.px-4 {
    opacity: 0.88;
}
#pagelogo{
	height: 35px !important;
	
}
nav#MainHeader {
    height: 60px;
    box-shadow: 0px 0px 3px 0px rgb(86 86 86 / 31%);
}
img#pagelogo-footer {
    height: 34px;
}
a.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}
.circle {
    color: #585858;
    background: none;
    border: 1px solid #828282;
    margin-right: 2.5px;
    margin-left: 2.5px;
    width: 43px;
    height: 43px;
    padding: 0;
	line-height: 43px !important;
    text-align: center;
}




/* Small devices (portrait tablets and large phones, 600px and up) */



@media only screen and (min-width: 600px) {

    ...

}





/* Medium devices (landscape tablets, 768px and up) */



@media only screen and (min-width: 768px) {

    ...

}





/* Large devices (laptops/desktops, 992px and up) */



@media only screen and (min-width: 992px) {

    ...

}





/* Extra large devices (large laptops and desktops, 1200px and up) */



@media only screen and (min-width: 1200px) {

    ...

}