@tailwind base;
@tailwind components;
@tailwind utilities;

.smart-team-social-top li a i{
    color: #fff;
}
.smart-team-social li:nth-child(1) a {
    color: #1877f2; /* Facebook */
}

.smart-team-social li:nth-child(2) a {
    color: #1da1f2; /* Twitter */
}

.smart-team-social li:nth-child(3) a {
    color: #0a66c2; /* LinkedIn */
}

.smart-team-social li:nth-child(4) a {
    color: #db4437; /* Google */
}


/*--------------------------------------------------------------------------
    Testimonial
--------------------------------------------------------------------------*/
.smart-testimonial-heading{
    position: relative;
}
/* box-default-background  */
.smart_testimonial_box.default{
    background: #fff;
}
.smart_testimonial_box.default .quote-icon{
    color: #06caff;
}
.smart_testimonial_box.default .smart_testimonial_content{
    color: #8287a1;
}
.smart_testimonial_box.default .smart_testimonial_info .name{
    color: #06caff;
}
.smart_testimonial_box.default .smart_testimonial_info .designation{
    color: #8287a1;
}
/* box-text-center */
.smart_testimonial_box.text-center .quote-icon{
    color: #06caff;
}
.smart_testimonial_box.text-center .smart_testimonial_content{
    color: #8287a1;
}
.smart_testimonial_box.text-center .smart_testimonial_info .name{
    color: #06caff;
}
.smart_testimonial_box.text-center .smart_testimonial_info .designation{
    color: #8287a1;
}
.smart_testimonial_box.text-center{
    background: #fff;
    text-align: center;
    right: 0
}
.smart-testimonial-img.text-center img{
    margin: auto;
    text-align: center;
}
.smart_testimonial_info.text-center{
    margin-left: 0;
}
/* box-testimonial-backgroun-here */
.smart_testimonial_box.color-background{
    background: #363dcf;
    color: #fff;
    border: none;
}

/* vertical-slider */
.testimonial_slider_content{
    position: relative;
    margin-right: 25px;
    padding: 25px;
    background: #fff;
    box-shadow: 2px 3px 5px 2px rgba(0,0,0,0.07);
    margin-bottom: 45px;
}
@media screen and (min-width: 576px) {
    .testimonial_slider_content {
        padding: 25px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 768px) {
    .testimonial_slider_content{
        margin-right: 20px;
        padding: 25px;
    }
}
@media screen and (min-width: 992px) {
    .testimonial_slider_content{
        margin-right: 45px;
        padding: 50px;
        margin-bottom: 45px;
    }
}
.testimonial_slider_content::before{
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    left: -5px;
    bottom: -15px;
    box-shadow: 2px -3px 5px 2px rgba(0,0,0,0.07);
    background: transparent;
    transform: rotate(135deg)
}
.testimonial_slider_content::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    left: 0;
    bottom: -30px;
}

.slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-nav,.slider_wrapper 
.owl-theme.smart-testimonial-slider-default .owl-dots{
    display: none;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-dots {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 75px;
	right: 10px;
    gap: 10px;
    align-items: center;
    display: none;
}
@media screen and (min-width: 768px) {
    .slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-dots {
        top: 90px;
        right: 15px;
        display: inline-flex;
    }
}
@media screen and (min-width: 992px) {
    .slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-dots {
        top: 110px;
        right: 30px;
    }
}
.slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	background: transparent;
    border: 1px solid #071055;
    margin: 0;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-vertical .owl-dots .owl-dot.active span{
    border: 1px solid #f92b8b; 
    width:13px; 
    height:13px; 
}

.slider_wrapper .owl-theme.smart-testimonial-slider-default{
    position: relative;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav{
    position: absolute;
    bottom: 53%;
    width: 100%;
    margin: 0;
    display: none;
}
@media screen and (min-width: 992px) {
  .slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav { 
    display: block;
  }
}
.slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav button{
   background: transparent;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav .owl-prev{
    float: left;
    margin-left: 50px;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav .owl-next{
    float: right;
    margin-right: 50px;
}
.slider_wrapper .owl-theme.smart-testimonial-slider-default .owl-nav span{
    font-size: 35px;
}
/*--------------------------------------------------------------------------
    Service Block
--------------------------------------------------------------------------*/
.smart_service_block-icon.smart_border{
    border: 1px solid #fff;
}
.bg_shadow{
    box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.1);
}
/*--------------------------------------------------------------------------
    Accordion
--------------------------------------------------------------------------*/
.smart-accordion .smart-card .smart-card-header a.collapsed .rotate-icon.icon-next {
    transform: rotate(0deg);
    transition: .4s;
}
.smart-accordion .smart-card .smart-card-header a:not(.collapsed) .rotate-icon.icon-next {
    transform: rotate(90deg);
    transition: .4s;
} 
.smart-accordion .smart-card,
.smart-accordion .smart-card-header{  
    border:0;
}
.smart-accordion .rotate-icon {
    float: right; 
}
.smart-accordion{
    border: 1px solid #d0cef3;
}
.smart-accordion .smart-card .collapse.show{
    visibility: visible;
}
.smart-accordion .smart-card .smart-card-body,
.smart-accordion .smart-card .smart-card-header{ 
    background: transparent;
    border-bottom: 1px solid #d0cef3;
    margin-bottom: 0 !important;
    font-size: 15px;
}
.smart-accordion .smart-card:last-child .smart-card-body,
.smart-accordion .smart-card:last-child .smart-card-header{  
    border-bottom: 0 !important;
}
.smart-accordion .smart-card:last-child .smart-card-body{
    border-top: 1px solid #d0cef3;
}
.acc-title{
    position: relative;
}
.acc-title:before{
    position: absolute;
    content: "";
    border-right: 1px solid #d0cef3;
    left: 52px;
    top: 0;
    height: 100%;
    width: 1px;
}
.acc-title .b4-ico{ 
    margin-right: 18px;
}

.plus-icon{ 
    position: relative;
    width: 21px;
    height: 21px;
    right: 0;
    top: 0;
}
.plus-icon:before {
    position: absolute;
    content: "";
    border-right: 1px solid #4941e9;
    right: 11px;
    top: 3px;
    height: 21px;
    width: 1px;
}
.plus-icon:after{
    position: absolute;
    content: "";
    border-bottom: 1px solid #4941e9;
    right: 1px;
    top: 13px;
    width: 21px;
    height: 1px;
}
.smart-accordion .smart-card .smart-card-header a.collapsed .rotate-icon.plus-icon:before {
    transform: rotate(0deg);
    transition: .4s;
}
.smart-accordion .smart-card .smart-card-header a:not(.collapsed) .rotate-icon.plus-icon:before {
    transform: rotate(90deg);
    transition: .4s;
} 
.smart-accordion .smart-card .smart-card-header a.collapsed .rotate-icon.plus-icon:after {
    transform: rotate(0deg);
    transition: .4s;
}
.smart-accordion .smart-card .smart-card-header a:not(.collapsed) .rotate-icon.plus-icon:after {
    transform: rotate(180deg);
    transition: .4s;
} 
.acorico{
    vertical-align: middle;
    color: #4941e9;
}


/* --------------------------------------
    count_down
---------------------------------------- */
/* count_style_one */
.smart-count-down-wrap.style-one .smart-count-down{
    background: #fff;
    box-shadow: 0 -3px 20px 3px rgba(0,0,0, 0.2);
    padding: 40px;
}
/* count-style-two */
.smart-count-down-wrap.style-two .smart-count-down{
    background: #fff;
    box-shadow: 0 -3px 20px 3px rgba(0,0,0, 0.2);
    padding: 40px;
    border-bottom: 4px solid #5136E0;
}
/* count-style-three */
.smart-count-down-wrap.style-three .smart-count-down {
    height: 200px;
    width: 200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 4px solid #5136E0;
    border-radius: 50%;
}
.smart-count-down-wrap.style-three .smart-count-down .count-suffix{
    color: #fff;
}
.smart-count-down-wrap.style-three .smart-count-down .smart-count{
    color: #fff;
}

/*--------------------------------------------------------------------------
    Portfolio
--------------------------------------------------------------------------*/
.smart-portfolio-block{
    overflow: hidden;
    position: relative;
}
.smart-portfolio-title{
    font-weight: 700;
    margin-bottom: 0;
    line-height: 26px;
    margin-bottom: 0;
}
.smart-portfolio-subtitle{
    font-weight: 300;
    margin-bottom: 0;
}
.smart-portfolio-content.overlap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -68px;
    color: #fff;
    opacity: 0;
    transition: all 0.4s ease;
    visibility: hidden;
}
.smart-portfolio-block:hover .smart-portfolio-content.overlap{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.smart-portfolio-block .smart-portfolio-content.overlap h3{
    color: #fff;
    transition: all 0.4s ease;
    display: inline-block;
}
 
.smart-portfolio-img{
    position: relative;
}
.smart-portfolio-img.gradient-overlay::after {
    content: ""; 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, #000000e0 40%, #ffffff 100%);
    opacity: 0;
    transition: all 0.4s ease;
}
.smart-portfolio-block:hover .smart-portfolio-img.gradient-overlay::after{
    opacity: .7;
    height: 100%;
}


/* portfolio filter  start ==============================*/

#filters { 
    padding:0;
    list-style:none;
}

#filters li {
    float:left;
}

#filters li span {
    display: block;
    padding:5px 20px;       
    text-decoration:none;
    color:#8287a1;
    cursor: pointer;
}

#filters li span.active { 
    color:#f92b8b;
}
.smart-portfolio-filter-heading{
    color: #071055;
}
#portfoliolist .portfolio {   
    display:none;
    float:left;
    overflow:hidden;
    width: 30.6%;
    margin: 15px;
    position: relative;
}  

/* portfolio filter  end ==============================*/

/*--------------------------------------------------------------------------
    Tab
--------------------------------------------------------------------------*/

.smart-tab-wrap .nav-tabs{
    border:0;
}
.smart-tab-wrap .nav-tabs .nav-link{
    border-radius: 0;
    border:0;
    outline: none;
    font-weight: 700;
    color: #4941E9;
    /* padding: 0.8rem 1rem; */
    border: 1px solid #d1cff4; 
    border-right-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
} 
.smart-tab-wrap .nav-tabs .nav-link:last-child{
    border-right-width: 1px;
}
@media screen and (max-width: 476px) {
    .smart-tab-wrap .nav-tabs .nav-link{
        border-right-width: 1px;
    }
}
.smart-tab-wrap .nav-tabs .nav-link.active, 
.smart-tab-wrap .nav-tabs .nav-item.show .nav-link{ 
    background-color: inherit;
    border-bottom-width: 3px; 
    border-bottom-style: solid; 
}
.smart-tab-wrap .nav-item{
    margin-bottom: 4px;
}
@media screen and (min-width: 576px) {
    .smart-tab-wrap .nav-item{
        margin-bottom: 0px;
    }
}
.smart-tab-wrap .tab-content{
    border: 1px solid #d1cff4;
    /* border-top-width:0; */
}
@media screen and (min-width: 576px) {
    .smart-tab-wrap .tab-content{
        border-top-width:0;
    }
}
.smart-tab-wrap .tab-content .tab-pane{
    color: #8287a1;
}
.smart-tab-wrap.tab-3s .nav-tabs .nav-link{ 
    border-left:0;
    color: #071e74;
}
.smart-tab-wrap.tab-3s .nav-tabs .nav-link.active{ 
    border-bottom:0;
    background: #071055;
    color: #fff;
}
.smart-tab-wrap.tab-3s .nav-tabs .nav-link:first-child{ 
    border-left: 1px solid #d1cff4;
}
.smart-tab-wrap.tab-2s .tab-content,
.smart-tab-wrap.tab-3s .tab-content{
    border:0;
}
.smart-tab-wrap.tab-2s .tab-content,
.smart-tab-wrap.tab-3s .tab-content {
    padding: 14px 0;
}
@media screen and (min-width: 576px) {
    .smart-tab-wrap.tab-2s .tab-content,
    .smart-tab-wrap.tab-3s .tab-content {
        padding: 24px 0;
    }
}
@media screen and (min-width: 992px) {
    .smart-tab-wrap.tab-2s .tab-content,
    .smart-tab-wrap.tab-3s .tab-content {
        padding: 35px 0;
    }
}
.smart-tab-wrap.tab-2s .nav-tabs .nav-link.active{
    border-bottom-width: 1px;
}
@media screen and (min-width: 768px) {
    .smart-tab-wrap.tab-2s .nav-tabs{
        margin-left: -3px;
        margin-right: -3px;
    }
}
.smart-tab-wrap.tab-2s .nav-tabs .nav-link{
    margin-left: 3px;
    margin-right: 3px;
    background: #4941E9;
    border: 0;
    color: #fff;
}
.smart-tab-wrap.tab-2s .nav-tabs .nav-link.active{
    background: #f92b8b;
    color: #fff;
}
.smart-tab-wrap .tab-content img.alignleft{
    margin-right: 70px;
}
.smart-tab-wrap .tab-content img.alignright{
    margin-left: 70px;
}
.smart-tab-wrap .tab-content img.aligncenter{ 
    margin-bottom: 30px;
}