/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
/* Common style */
    .custom-footer-font-clr{
        color:#fff;
    }
    .footer-icon{
        font-size: 18px;
        margin-right: 10px;
    }
    .list li{
        color:#fff !important;
    }
    .footer-ttl{
        font-size:20px;
        color:#fff;
    }
    .footer-hastag{
        font-size:16px;
        color:#fff;
    }

    #footer .footer-content {
        padding: 40px 0 40px 0 !important;
    }
    #footer .copyright-content {
        text-align: center;
        padding: 10px 0;
        background-color: #000 !important;
        min-height: 45px !important;
        color:#818181 !important;
    }
    .w3rider-logo{
        width:180px;
    }
    .header-logos{
        padding: 5px 10px 10px;
    }
    /* header company info */
        .company_info{
            font-weight: 600;
            font-size:2em;
        }
        .campain-btn{
            background-color: #FF38D0 !important;
            border-color: #FF38D0 !important;
            color: #ffffff !important;
            text-decoration: none;
        }
    /* end: header company info*/
/* Common style - end */
/*Under line Style*/
        .svg_underline {
			position: relative;			
		}
		.svg_underline::after {
				content: '';
				position: absolute;
				bottom: -0.125rem;
				left: -0.1rem;
				right: -0.5rem;
				height: 1.75rem;
				z-index: -1;
				background-image: url('../images/header.svg');
				background-repeat: no-repeat;
				background-size: contain;
				width: 100%;
		}
		.svg_yellow_underline{
			position: relative;
		}
		.svg_yellow_underline::after {
			content: '';
			position: absolute;
			bottom: -0.125rem;
			left: -0.1rem;
			right: -0.5rem;
			height: 1.75rem;
			z-index: -1;
			background-image: url('../images/yellow.svg');
			background-repeat: no-repeat;
			background-size: contain;
			width: 100%;
		}
/*Under line style - end*/
/* Home Page */
    .spliter_wave {
        position: absolute;
        bottom: -20px;
        left: -5vw;
        right: 0;
        width: 110vw;
        z-index: 100;
        fill: #ffffff;
    }
    .spliter_wave:before {
        content: '';
        float: left;
        padding-bottom: 9.5703125%;
        margin-right: -100%;
    }.spliter_wave:after {
        content: '';
        display: table;
        clear: both;
    }
    .grid li:before {
        border-left: 0px solid #eee !important;
    }
    .grid li:after {
        border-left: 0px solid #eee !important;
    }
    .grid li:after {
        border-bottom: 0px solid #eee;
    }
    .font-clr{
        color:#EAFF02 !important;
    }
    .custom-font-size{
        color:#fff;
        font-size:24px !important;
        padding-top:30px;
    }
    .custom-font-clr{
        color:#fff;
    }
    .widget{
        margin-bottom:0px;
    }
    
    .btn-light:hover{
        color:#000 !important;
    }
    /*.gray-scale{*/
    /*    filter: grayscale(100%);*/
    /*}*/
    /*.gray-scale:hover{*/
    /*    filter: grayscale(0%);*/
    /*}*/
    /* Blog Section */
    .danger-btn{
        background-color: transparent !important;
        color:#000 !important;
    }
    .owl-carousel {
        position: relative;
        margin-top: 30px;
    }

    .uk-card-primary {
        border-radius: 8px;
    }
    .uk-card > :last-child {
        margin-top:0;
        margin-bottom: 10px;
    }
    .owl-next {
        background: #3286f0;
    }
    .owl-theme .owl-nav [class*='owl-'] {
        background: #383838;
    }
    .owl-dot {
        width:1.5%;
        margin-right:10px;
        border:1px solid #c1c1c1;
    }
    .owl-dots .active {
        width:1.5%;
        margin-right:10px;
        background-color: #000;
        border:1px solid #000 !important;
    }
    button.owl-dot:focus {
        background-color: #c1c1c1 !important;
    }
    .owl-stage{
        display: flex;
    }
    .owl-nav{
        display:none;
    }
    .owl-dots{
        text-align: center;
        margin-top:1%;
    }
    .lead{
        line-height: 1.2;
    }
    .badge-service{
        background-color:#FF38D0;
        color:#000 !important;
    }
    /* Blog Section */
/* Home Page end */

/* About Page */
    .w3rider-padding{
        padding:0 10%;
    }
    .about-font-ttl{
        font-size: 30px;
    }
    .about-font-p{
        font-size:16px;
    }
    .about-clr{
        color:#FFF700;
    }
/* About Page End */
/* Header style */
    .sticky-active .w3rider-logo {
        width: 130px;
        margin-top: -18px;
    }
   
    .sticky-active #mainMenu nav > ul > li > a{
        font-size:14px;
    }
    .sticky-active nav{
        margin-top:-8px;
    }
    .sticky-active .header-extras{
        margin-top:-8px;
    }
    .bg-color{
        background-color: #38003C;
    }
    #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu{
        top:85px;
    }
    .sticky-active #mainMenu nav > ul > li .dropdown-menu{
        top:66px;
    }
/* end: Header style */

/* Works Section */

    #page-content .flickity-page-dots{
        display:none;
    }
    .privasia-color{
        color: white;
        background-color: #000;
    }
    .techsaltant-color{
        color: white;
        background-color: #B09125;
    }
    .ice-color{
        color:#fff !important;
        background-color: #008164;
    }
    .bina-color{
        color:#fff;
        background-color: #19524A;
    }
    .kr-color{
        color:#000 !important;
        background-color: #FFBF00;
    }
    .portfolio-item .portfolio-description .kr-color h4, .portfolio-item .portfolio-description .kr-color span{
        color:#000 !important;
    }
    .noosh-color{
        color:#fff;
        background-color: #005799;
    }
    .silara-color{
        color:#fff;
        background-color:#02A4B0;
    }
    .hub-color{
        color:#fff;
        background-color:#272184;
    }
    .lvoa-color{
        color:#fff;
        background-color:#041E42;
    }
    .services-color{
        background-color: #FF38D0;
        color:#fff;
    }
    .portfolio-item .portfolio-description h4{
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }
    .mbuzz-color, .airasia-color{
        color: white;
        background-color: #d80a1b;
    }
    .airasia-font{
        font-size: 30px !important;
    }
    .airsub-font{
        font-size:20px;
    }
    .bg-default {
        text-align: center;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom:5px;
    }
    .bg-services{
        text-align: center;
        display: inline-block;
        margin-bottom:0px;
        font-size:12px !important;
    }
    /* .bg-slanted {
        -ms-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

    .services-bg {
        -ms-transform: skewX(20deg);
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);  
        display: inline-block;
        
    } */

/* end: Works section */
/* breadcrumb section */
    .breadcrumb-icon{
        color: #008164;
    }
/* end:breadcrumb section */
/* Header slider section */
    .header-font{
        font-size: 3em !important;
    }
    .head-subfont{
        font-size:1.5em !important;
    }
    .inner-page-header{
        min-height: 80vh ;
        position: relative;
        background-position: center !important;
    }
    .snippet-height {
        height: 35px;
    }
    
    .snippet-title p {
        font-size: 14px;
        line-height: 35px;
        color: #00FF85
    }
/* end:Header slider section */
/* Counter Section */
    .feed-img{
        width: 211px;
        margin-top: -65px;
        margin-left: -66px;
    }
    .counter-align{
        text-align: center;
    }
    .counter-font{
        font-family: 'Annie Use Your Telescope', cursive;
    }
/* end: Counter Section */
/*website page*/
    .partner-link{
        font-size:1.3em;
        color:#FF38D0;
    }
/*end: website page*/
/*pages inner link*/
    .page_link{
        color:#FF38D0;
    }
/*end:pages inner link*/

/* blog page  start*/

.cata-btn {
    background-color: transparent !important;
    border-width: 2px;
    border-style: solid;
    border-color: #FF38D0 !important;
    color: #FF38D0 !important;
}

.cata-btn:hover {
    background-color: #FF38D0 !important;
    border-width: 2px;
    border-style: solid;
    border-color: #FF38D0 !important;
    color: #fff !important;
}

.cata-list {
    padding-bottom: 30px;
    text-align: center;
}


/* end - blog page */
/* g-recaptcha - start */
 .g-recaptcha{
     margin-left:15px;
 }
/* g-recaptcha - end */
/*campaign Page*/
.btn_43{
    background-color: #EAFF02 !important;
    border-color: #EAFF02 !important;
    color:#000 !important;
}
/* end-campaign */