@font-face {font-family:Gilroy-Black;src:url(../fonts/Gilroy-Black.ttf);}
@font-face {font-family:Gilroy-Bold;src:url(../fonts/Gilroy-Bold.ttf);}
@font-face {font-family:Gilroy-ExtraBold;src:url(../fonts/Gilroy-ExtraBold.ttf);}
@font-face {font-family:Gilroy-Heavy;src:url(../fonts/Gilroy-Heavy.ttf);}
@font-face {font-family:Gilroy-Light;src:url(../fonts/Gilroy-Light.ttf);}
@font-face {font-family:Gilroy-Medium;src:url(../fonts/Gilroy-Medium.ttf);}
@font-face {font-family:Gilroy-Regular;src:url(../fonts/Gilroy-Regular.ttf);}
@font-face {font-family:Gilroy-SemiBold;src:url(../fonts/Gilroy-SemiBold.ttf);}
@font-face {font-family:Gilroy-Thin;src:url(../fonts/Gilroy-Thin.ttf);}
@font-face {font-family:Gilroy-UltraLight;src:url(../fonts/Gilroy-UltraLight.ttf);}
@font-face {font-family:cambriab;src:url(../fonts/cambriab.ttf);}
@font-face {font-family:cambriaz;src:url(../fonts/cambriaz.ttf);}



.desktop{display:block;}
.mobile{display:none;}

.aos-animate {
  will-change: transform;
}

:focus-visible {
    outline: none !important;
}

button:focus:not(:focus-visible){outline: none !important;}
:root{
--black: #000;
 --white: #ffffff;
--marron:#c4181e;
--darkgrey:#2d2a25;
--maroonGradient:linear-gradient(to right,  #c01f2d 0%,#ea3d35 100%);
--greenGradient:linear-gradient(to right,  #3bb448 0%,#89c43f 100%); 
--golden:#f0ba4e;
}

ul, li{list-style:none; margin:0px;padding:0px;}

h1, h2, h3, h4, h5, h6{margin:0px 0px;padding:0px 0px;}

* {
box-sizing: border-box;margin:0px;padding:0px;list-style:none;}
html {scroll-behavior: smooth;}
body{font-family:Gilroy-Regular; color:#2b2a29;overflow-x: hidden;background:#e6e6e6;}


.nav-link:focus, .navbar-nav .nav-link.show{color:#fff !important;}

/*************Header-Start***************/
header{position: fixed;width: 100%;height: auto;z-index: 1;}
.navbar-brand img{width:70%;}
.navbar{width:100%;height:auto; background: #000;}
.nav-link{color:#fff;font-weight:600;padding: 2px 30px;line-height: 30px;margin:0px 10px;font-size:20px;letter-spacing:0.7px;}
.navbar-nav .nav-link.active{color:#000; background:#f0ba4e;border-radius: 5px;}
.navbar-nav .nav-link:hover{color:#000; background:#f0ba4e;border-radius: 5px;}
.dropdown-item.active, .dropdown-item:active {color: #fff !important;text-decoration: none;background:#000 !important;}
.dropdown-toggle::after {vertical-align: middle !important;}
header .navbar-nav .dropdown-menu{background:#f0ba4e;}
header ul.dropdown-menu li a{font-weight: bold;font-family:Gilroy-Regular;}
header.scrolled{width:100%;height:auto;background: #000;}
/*************Header-End***************/

/*************Banner-Start***************/
.banner{position:relative;width:100%; height:auto;float:left;margin-top:65px;}
.banner img{width:100%;}

/*************Banner-End***************/


/*************About-Start***************/
.content{float:left; width:100%; height:auto;padding:50px 0px;}
.content p{font-family:Gilroy-Regular;font-weight:bold;text-align:justify;font-size:20px;line-height:35px;color:var(--black);letter-spacing: 0.6px;}
.content p img{float:right;width:300px; height:300px;margin:15px 0px 0px 20px;transition-duration: 600ms;transition-timing-function: ease;}
.content p img:hover{transform: scale(0.9);}
.content p a{color:#0097dd;text-decoration:none;}
/*************About-End***************/


/*******************Glimpses-Section-Start*******************/
.glimpses-section-main{float:left;width:100%;height:auto;padding:50px 0px;background:var(--white)}
.glimpses-section-main .heading{width:100%;height:auto;display:inline-block;text-align:center;margin:10px 0px 30px 0px;}
.glimpses-section-main .heading h1{display:inline-block; text-align:center;margin:0px 0px;padding:5px 50px;color:#000;font-family:Gilroy-Bold;font-weight:bold;
position:relative;width:auto;background-image:url(../images/tuk-publications-glimpses-heading-bg.png);background-repeat:no-repeat;background-size:100%;}
.glimpses-section-main ul li{float:left;width:13.6%;height:auto;margin:5px 4px;border:3px solid #b2b4b3;position: relative;overflow: hidden;cursor: pointer;}
.glimpses-section-main ul li img{ width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease;}
.glimpses-section-main ul li img:hover {}
.glimpses-section-main ul li:hover img{background:#0000009c;}
.glimpses-section-main ul li .overlay {position: absolute;inset: 0;background: rgba(0,0,0,.65);display: flex;align-items: center;justify-content: center;transform: translateY(100%);
 transition: .4s ease;text-align:center;font-weight:bold;}
.glimpses-section-main ul li:hover .overlay {transform: translateY(0);}
.glimpses-section-main ul li:hover img {transform: scale(1.1);}
.glimpses-section-main ul li .overlay span{color: #fff;font-size: 16px;letter-spacing: 1px;}
.glimpses-section-main ul li:last-child{border:none;}
.glimpses-section-main ul li:nth-child(1), .glimpses-section-main ul li:nth-child(8), .glimpses-section-main ul li:nth-child(15){margin-left:0px;}
.glimpses-section-main ul li:nth-child(7), .glimpses-section-main ul li:nth-child(14), .glimpses-section-main ul li:nth-child(21){margin-right:0px;}
/*******************Glimpses-Section-End*******************/


.footer-strip{float:left;width:100%;height:auto;}
.footer-strip img{width:100%;}