@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

*{

box-sizing: border-box;

padding: 0;

margin: 0;

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

}



audio,

canvas,

embed,

iframe,

img,

object,

svg,

video {

display: block;

height: auto;

max-width: 100%;

width: 100%;

vertical-align: middle;

}



summary {

display: list-item;

}



body,

html {

height: 100%;

}



html {

font-size: 100%;

}



body{

line-height: 1.4;



}



p { 

font-size: 17px;

color: #484848;

line-height: 1.55;

margin-bottom: 1rem; font-weight: 500;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {     color: #000; font-family: 'Montserrat', sans-serif;}

a{text-decoration: none;}

header{

    background-color: #fff;

    border-bottom: 5px dotted #ddd;

    padding-bottom: 10px;

    position: relative;

}



.thumbnil{

     

    position: relative;

}

.thumbnil .img_link{ 

    position: relative;

    display: block;

    border: 1px solid #ddd;

    margin-bottom: 0px;

}

/*.thumbnil .img_link::after{*/

/*    content: '';*/

/*    width: 90%;*/

/*    left: 5%;*/

/*    height: 13px;*/

/*    position: absolute;*/

/*    bottom: -30px;*/

/*    background-color: #000;*/

/*    border-radius: 100%;*/

/*    -webkit-filter: blur(10px);*/

/*    filter: blur(10px);*/

/*        }*/

 

.thumbnil h3{

    text-align: center;

    font-weight: 600;

    color: #130b7a;

        font-size: 16px;

}







/*

===========Scroll To Top===========*/

	

.scrollToTop{

width: 35px;

    height: 35px;

    border-radius: 50%;

    text-align: center;

    background: #808369;

    font-weight: bold;

    color: #fff;

    text-decoration: none;

    position: fixed;

    bottom: 20px;

    right: 4px;

    line-height: 31px;

    box-shadow: 0px 0px 21px #0000004f;

    display: none;

  

}
.owl-nav{text-align: center;
    margin-top: 30px;}

.client_carousel .owl-nav .owl-prev, .client_carousel .owl-nav .owl-next {
   
   transform:translateY(-50%);
   
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    color: #fff;
    background-color: #1a0b82;
}


.client_carousel .owl-nav .owl-next {
 right: 0;
 left:auto;

}
.view_more {
    text-align: center;
}
.view_more .btn-secondary{background: #f56015;
    border-color: #f56015;
    font-weight: 600;
    margin-top: 15px;}
    
    .img_container {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            margin-bottom: 15px;
        }
        
        .img_container:hover {
            transform: translateY(-5px);
        }
        
        .img_link {
            display: block;
            position: relative;
            overflow: hidden;
        }
        
        .img_link img {
            width: 100%;
            height: auto;
            display: block;
            transition: all 0.5s ease;
        }
        
        /* Overlay Styles */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(44, 62, 80, 0.8);
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.5s ease;
            padding: 20px;
            text-align: center;
        }
        
        .img_container:hover .overlay {
            opacity: 1;
        }
        
        .overlay h3 {
            font-size: 1.5rem;
            margin-bottom: 10px;
            transform: translateY(20px);
            transition: transform 0.5s ease;
            color: #ffffff;
        }
        
        .overlay p {
            font-size: 1rem;
            margin-bottom: 20px;
            transform: translateY(20px);
            transition: transform 0.5s ease 0.1s;
        }
        
        
        .img_container:hover .overlay h3,
        .img_container:hover .overlay p,
        .img_container:hover .overlay .btn {
            transform: translateY(0);
        }