@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kedebideri:wght@400;500;600;700;800;900&display=swap');

*{ 
	margin:0;
	padding: 0;
	transition: 0.5s ease;
}
:root{
	--color1: #e03731;
	--color2: #2a70ed;
	--font2:"Kedebideri", sans-serif;;
}
body {
  font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul{
  	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
.topheader{
	background: #2a70ed;
	padding: 8px 0;
}
.topheader h1{
	text-align: center;
	font-size: 18px;
	font-family: var(--font2);
	color: #fff;
	font-weight: 600!important;
}
.topheader h1 a{
	color: #fff;
}
.topheader h1 a:hover{
	color: var(--color1);
}
.logo{
	display: flex;
	align-items: center;
}
.logo img{
	height: 90px;
	margin-right: 10px;
	float: left;
}
.logo h1{
	font-size: 28px;
	font-weight: 600;
	color:#e03731;

}
.logo h1 span{
	display: block;
	color: #000;
	letter-spacing:2px;
	font-size: 16px;
	font-weight: normal;
}
.btmheader{
	padding: 10px 0
}
.drgt ul{
	display: flex;
	align-items: center;
}
.drgt ul li{
	list-style: none;
	padding: 0 10px;	
}
.drgt ul li:last-child{
	padding-right: 0;
}
.drgt ul li a{
	font-size: 15px;
	color:#333;
	font-weight: 500;

}
.drgt ul li i{
	padding: 10px;
	color:#2a70ed;
	border-radius: 50px;
	margin-right: 5px;
	border:1px solid #2a70ed;
}	
.btn1{
	background: var(--color1);
	color: #fff!important;
	padding: 12px 30px;
	font-family: var(--font2);
	font-size: 16px!important;
	border-radius: 3px;
}
.drgt ul li a.btn1:hover{
	background: color-mix(in srgb, var(--color1) 70%, transparent);
}
/*=========menu===========*/
.menu{
	background: #2a70ed;
	padding: 0;
	text-align: left;
}
.navbar{
	padding: 0;
}
.menu .navbar ul li a{
	color: #fff!important;
	font-size: 15px;
	font-weight: normal;
	padding: 8px 35px!important;
}
.menu .navbar .dropdown-toggle::after {
    border-top: .4em solid;
}
.menu .navbar ul li a:hover{
	background: #4e88ef;
}
.menu .navbar ul li a.dropdown-item{
	font-size: 15px;
	color: #000!important;
}
.menu .navbar ul ul{
	padding: 0;
}
.menu .navbar ul li a.dropdown-item:hover{
	color: var(--color1)!important;
		background: #cccccc15;
}

/*============= Banner ===========*/
.slider{
	text-align: center;
}
.slider .carousel-item img {
  height: 600px;
  object-fit: cover;
  border-radius: 0;
}
.overlay{
	background: #00000096;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.slider .carousel-caption{
	position: absolute;
	top:35%;
}
.slider .carousel-caption h1{
	 font-family: "Kedebideri", sans-serif;
	font-weight: 800;
	font-size: 55px;
	padding-bottom: 15px;
}
.sec1{
	padding-bottom: 0;
	position: relative;
	top: -90px;
	z-index: 99;
}
.sec1div{
	background: #fff;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 30px 40px;
	border-radius: 10px;
	height: 400px;
}
.sec1div h2{
	font-size: 22px;
	font-weight: 500;
	color:#2a70ed;
	padding: 10px 0;
}

.sec1div p{
	font-size: 15px;
	font-weight: 100!important;
	color:#777;
	line-height: 1.6
}
.sec1div img{
	width: 45%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 100%;
	transition: 0.5s ease;
}
.sec1div:hover img{
	  transform: rotateY(180deg);
}
.sec1div .btn1{
		font-weight: 600;
		margin-top: 20px;
		padding: 10px;
		font-size: 14px!important;
		display: 	block;
		letter-spacing: 0.5px;
 		font-family: 'Open Sans', sans-serif;

}
.dinfo{
    background-image: linear-gradient(0deg, #38C7F6 0%, #2A73ED 100%)
}
.dinfo h2{
	color: #fff;
	font-size: 25px;
	line-height: 1.6;
}
.dinfo h3{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6;
}
.dinfowhite{
	background: #ffffff;
	margin-top: 20px;
	padding: 15px;
	border-radius: 10px;
		box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.dinfowhite h4{
	font-size: 15px;
	color:#2a70ed;
	padding-bottom: 10px;
}
.dinfowhite h5 a{
	font-size: 28px;
	color:#555555;
}
.sec2{

}
.sec2lft{
	padding-left: 60px;
	padding-right: 70px;
}
.sec2lft h1{
	font-size: 35px;
	padding-bottom: 30px;
}
.sec2lft p{
	font-size: 16px;
	font-weight: 300;
	line-height: 2.0;
	color: #444;
}
.sec2rgt{
	padding-right: 100px;
		position: relative;
}
.socialico{
	position: absolute;
	top: 30%;
	right: 0;
}
.socialico ul li{
	display: block;
	padding-bottom: 20px;
}
.socialico ul li a img{
	width: 50px;
}
.socialico ul li a img:hover{
	transform: translateY(-10px);
}
.heading1{
	text-align: center;
	padding-top: 50px;
	color: #333333;
	padding-bottom: 40px;
}
.sec3{
	position: relative;
	background: url('../images/bg1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
}
.bcont {
	padding: 50px 0;
	text-align: center;
}
.bcont img{
	width: 150px!important;
	border-radius: 100px;
	margin-bottom: 20px;
}
.bcont h2{
	color: #fff;
	font-size: 25px;
	padding-bottom: 10px;
}
.bcont p{
	color: #fff;
}
.sec3 .carousel-indicators{
	position: absolute;
	bottom: -52px!important;
}
.sec3 .carousel-indicators button{
	height: 5px;
	width: 5px;
	border-radius: 100%;
	margin-right: 10px;
}
.sec4{
	padding: 30px 0;
}
.sec4 h1{
	text-align: center;
	font-size: 45px;
	font-weight: 600;
	padding-top: 50px;
}
.sec5{
	background: url('../images/bg2.jpg') center no-repeat;
	height: 530px;
	background-size: cover;overflow: hidden;
}
.sec5rgt{
	display: flex;
	flex-wrap: wrap;

}
.sec5rgt img{
	width: 28%;
	filter: grayscale(100%);
	transition: none;
}
.sec5rgt img:hover{
	filter: grayscale(0);
}
.sec6{
	padding: 60px 100px;
}
.sec6 h1{
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	padding-top: 10px;
}
.tbox {
	box-shadow: 0 0 15px #33333325;
	margin: 20px;
	border-radius: 10px;	
	padding: 15px;
	height: 190px;
	text-align: center;	
}	

.tbox img{
	width: 90px!important;
	margin: auto;
	margin-bottom: 10px;
}
.sec6 .owl-carousel{
	position: relative;
	padding: 0 30px;
	padding-top: 30px;
}
.sec6 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block!important;
}
.sec6.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next {
}
.sec6.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next span{
   	font-size: 60px;
   	position: absolute;
   	top: 25%;
   	right: 0;
}
.sec6.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev span{
   	font-size: 60px;
   	position: absolute;
   top: 25%;
   	left: 0;
}
.tbox h2{
	color:#333333;
	font-size: 20px;	
	padding-top: 10px;
}
.tbox h3{
	color:#333333;
	font-size: 15px;	
	padding-top: 5px;
}
.tbox:hover h2{
	color: var(--color1);
}
.artwork{
	text-align: center;
}
.artwork img{
	max-width: 700px;
}
.sec7left{
	width: 60%;
}
.sec7{
	display: flex;
	flex-wrap: wrap;
}
.sec7rgt{
	width: 40%;
}
.sec7rgt img{
	width: 100%;
}
.sec8{
	padding: 70px 0;
}
.sec8 h1{
	text-align: center;
	font-size: 50px;
}
/* Container spacing */
.tab-section { padding: 30px 0; }

/* Tabs bar */
.nav-tabs.custom-tabs {
  background: #5a5a5a;
  border-bottom: none;
  padding: 0;
  border-radius: 4px;
  box-shadow: none;
}

/* Individual tabs */
.nav-tabs.custom-tabs .nav-link {
    color: #fff;
    background: transparent;
    border: 0;
   
    padding: 14px 42px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 0;
    margin-bottom: 0;
}

/* icon styling */
.nav-tabs.custom-tabs .nav-link img {
  width: 35px;
  height: 35px;
  text-align: center;
  opacity: .95;
}

/* Active tab */
.nav-tabs.custom-tabs .nav-link.active {
  background: #1e88ff;          /* blue active */
  color: #fff;
  position: relative;
  box-shadow: 0 4px 12px rgba(30,136,255,.15);
}

/* little down-pointing triangle (notch) */
.nav-tabs.custom-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 20px;
   right: 0;
   margin: auto;
   bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1e88ff;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.06));
}

/* Tab panes cards layout */
.tab-content .card {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 0 22px rgba(0,0,0,.06);
  padding: 24px;
  height: 100%;
}

/* card title and small blue rule */
.card .card-title {
  font-weight: 700;
  color: #333;
  font-size: 20px;
  margin-bottom: 12px;
}
.tab-content>.tab-pane {
   padding: 0 20px;
}
.card .rule {
  display:block;
  width: 50px;
  height: 4px;
  background: #1e88ff;
  margin-bottom: 25px;
  margin-top: 5px;
  border-radius: 2px;
}
.card-text{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;	
}
/* Slight highlight for the middle card in the screenshot */
.card.highlight {
  background: #e6f0ff;
}
 .nav-tabs.custom-tabs .nav-link:hover{
  	background: #00000025;
  }

/* Responsive tweaks */
@media (max-width: 767.98px) {
  .nav-tabs.custom-tabs .nav-link { padding: 10px 12px; font-size: 14px; }

  .nav-tabs.custom-tabs .nav-link i { font-size: 16px; }
}


   /* Dropdown arrow for submenu */
    .dropdown-toggle::after {
      margin-left: 0.4em;
      vertical-align: 0.1em;
    }

    /* Show submenu on hover (desktop) */
    @media (min-width: 992px) {
      .dropdown-menu li:hover > .dropdown-submenu {
        display: block;
      }
    }

    /* Positioning of sub-menus */
    .dropdown-submenu {
      position: absolute;
      top: 0;
      left: 100%;
      margin-top: 0;
      display: none;
      min-width: 12rem;
    }

    /* Optional styling */
    .navbar-nav .dropdown-menu {
      border-radius: 0.25rem;
    }

.heading1 h1{
	text-align: center;
}
.heading1 p{
	font-size: 15px;
	font-weight: 300;
	padding-top: 10px;
	width: 100%;
	padding: 20px;
}
.sec9{
	padding-bottom: 60px;
}
.sec9box {
	padding: 10px 0;
	text-align: center;
	box-shadow: 0 0 5px #00000015;
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}
.overlay1{
	text-align: center;
	position: absolute;
	background: #fff;
	padding-top: 20%;
	top: 100%;
	width: 100%;
	height: 100%;
	transition: 0.5s ease;		
}
.sec9box:hover .overlay1{
	position: absolute;
	top: 0;
	z-index: 1;
}
.sec9box img{
	width: 180px;
}
.sec9box h2{
	text-align: center;
	font-size: 25px;
	margin: 0;
}
.sec9rgt {
	padding: 30px;
		border-radius: 10px;
    background-image: linear-gradient(0deg, #38C7F6 0%, #2A73ED 100%);
    text-align: center;
}
.sec9rgt h2{
	font-size: 25px;
	font-weight: normal;
	color:#fff;
	margin: 0;
	padding-bottom: 15px;
	padding-top: 15px;
}
.sec9rgt img{
	width: 200px;
}
.sec9rgt ul {
	margin-bottom: 0;
}
.sec9rgt ul li{
	list-style: none;
	color:#ffffff;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
}
.sec10rgt{
	padding: 50px;
}
.sec10rgt h2{
	font-size: 55px;
	color: #333;
	padding-bottom: 15px;
}
.sec10rgt p{
	font-size: 15px;
}
.accordion{
	margin-top: 30px;
}
.accordion h2 {
	padding-bottom: 0;
}
.accordion h2 button{
	font-weight: 600!important;
	border: none;
}
.accordion .accordion-body{
	font-weight: normal;
	font-size: 16px;
}
.flex-container{
	display: flex;
	flex-wrap: wrap;
	gap: 20;
}
.sec11 {
	padding: 70px 0;
}
.sec11 h1{
	font-size: 50px;
	text-align: center;
	padding-bottom: 50px;
}	
.flex-container .sec11box{
	 flex: 1; 
}
.sec11box img{
	width: 100%;
}
.sec11 h2{
	text-align: center;
	font-size: 20px;
	padding-top: 15px;
}
.fbox{
	width: 25%;
}
.container .fbox:first-child{
	width: 20%;
}
.container .fbox:last-child{
  width: 30%;
}
.container .fbox ul li i{
	font-size: 13px;
	margin-right: 5px;
	color: #ffffff;
}
.fbox h2{
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	padding-bottom: 15px;
}
.fbox ul li {
  list-style: none;
	padding-bottom: 10px;
	color: #ffffff
}
.fbox ul li a{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 1.5;
}	
.fbox ul li a:hover{
	color: #ffffff!important;
	text-decoration: underline;
}
.fbox h3{
	font-size: 25px;
	line-height: 1.5;
	color:#ffffff;
}
.fbox h3 a{
	color: #ffffff;
}
.fbox h3 a:hover{
	#ffffff90
}
.copy{
	text-align: center;
	padding-bottom: 15px;
}
.copy p{
	font-size: 14px;
	color: #ffffff;
}
/*============inner pages===========*/
.innerbanner{
	background: url('../images/innerbanner.jpg') center no-repeat;
	background-size: cover;
	height: 200px;
	padding-top: 4%;
}
.innerbanner h1{
	font-size: 35px;
	color: #fff;
}
.innerbanner ul{
	text-align: right;
	color: #fff;
}
.innerbanner ul li{
	list-style: none;
	display: inline;
	padding: 0 15px;
}
.innerbanner ul li a{
	color: #fff;
}
.sec12{
	padding: 5rem 0;
}
.sec12 img{
	max-width: 700px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.sec12text p{
	color: #666;
	text-align: justify;
}

.sec12text h2{
	font-size: 25px;
	margin-top: 25px;
	padding-bottom: 10px;
	color:#222222;
}
.sec12text ul{
	margin-left: 20px;
}
.sec12text ul li{
	color: #666;
	padding-bottom: 10px;
}
footer{
	padding-top: 3rem;
	background: #2a70ed;
}
.bold{
	font-weight: 700!important;
}
.sidebar {
	margin-left: 25px;
    padding: 30px;
    border-radius: 10px;
    background-image: linear-gradient(0deg, #38C7F6 0%, #2A73ED 100%);
    text-align: left;
}
.sidebar h2{
		font-size: 30px;
		font-weight: 800;
		color: #fff;
		padding-bottom: 25px;
}
.sidebar ul li{
	list-style-type: none;
	border-bottom: 1px solid #ffffff25;
}
.sidebar ul li:last-child{
	border-bottom: none;
}
.sidebar ul li a{
	color: #ffffff;
	padding: 8px 0;
	display: block;
}
.sidebar ul li a:hover{
	color: #ffffff90;
}
.sec13{
	padding: 4rem 0;
}
.contactdet h2{
	    font-size: 25px;
    margin-top: 0;
    padding-bottom: 30px;
    color: #222222;
}
.contactdet ul li{
	list-style: none;
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	padding-bottom: 15px;
}
.contactdet ul li strong{
	font-size: 16px;
}
.contactdet ul li i{
	position: absolute;
	left: 0;
	top: 4px;
	color:var(--color1);
	font-size: 16px;
}
.contactdet ul li a{
	color: #000;
}
.contactdet ul li a:hover{
	color: var(--color1);
}
.form {
	box-shadow: 0 0 5px #00000025;
	padding: 25px;
	border-radius: 10px;
}
.form input{
	border-radius: 0;
	height: 45px;
	margin-bottom: 15px;
	border-color: #cccccc80;
}
.form input::placeholder, .form textarea::placeholder{
	color: #999;
}
.form textarea{
	height: 150px;
	margin-bottom: 15px;
	border-color: #cccccc80;
}
.form label{
	font-size: 15px;
	font-weight: 600;
}
.form h2{
    font-size: 25px;
    margin-top: 0;
    padding-bottom: 30px;
    color: #222222;
}
.sec14, .sec15{
	padding: 4rem 0;
}
.review-box{
	background: #cccccc50;
	padding: 25px 40px;
	border-radius: 25px;
	border-top: 5px solid var(--color2);
	margin-bottom: 25px;
}
.review-box p{
	font-size: 15px;
	color: #000000;
	font-style: italic;
	line-height: 1.6;
}
.review-box h3{
	font-size: 18px;
	padding-top: 15px;
	color:var(--color2);
	font-style: italic;
}
.sec16{
	padding: 4rem 0;
}