/********** CSS **********/
	:root {
    --primary: #2435a1;
    --secondary: #15ACE1;
    --light: #F4F7FE;
    --dark: #7e7f88;
}

:root {
  --body-font: 'Roboto', sans-serif;
  --heading-font: 'Roboto', sans-serif;
}

body {
  --bs-link-color: var(--dark-color);
  --bs-link-hover-color: var(--dark-color);

  --bs-link-color-rgb: 40, 40, 40;
  --bs-link-hover-color-rgb: 0, 0, 0;

  --bs-light-rgb: 248, 248, 248;

  --bs-font-sans-serif: var(var(--body-font));
  --bs-body-font-family: var(--body-font);
  --bs-body-font-size: 1.4rem;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.4rem;
  --bs-body-color: var(--dark-color);

  --bs-primary: #4CC082;
  --bs-primary-rgb: 76, 192, 130;
  --bs-primary-bg-subtle: #E2F3F0;

  --bs-border-color: #F7F7F7;

  --bs-secondary: #115065;
  --bs-secondary-rgb: 236, 108, 90;
  --bs-secondary-bg-subtle: #FFE9E5;

  --bs-tertiary: #f8be60;
  --bs-tertiary-bg-subtle: #FFEED3;

}
body {color: #715b5b; font-family: 'Roboto'; line-height: 24px; font-size: 17px; font-weight: 300;}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}
sup {text-transform: lowercase;}

/*** Heading ***/
h1, h2, h3, .fw-bold { font-weight: 700 !important; }

h4, h5, h6, .fw-medium { font-weight: 700 !important; }
table tr td, table tr th {border: 1px solid #ebebeb;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
i {font-style: inherit;}
.green {color: #136d7b;}
.blue {color: #1d72eb;}
.blue1 {color: #09316c;}
.orange {color: #e67700}
.yellow_dark {color: #ab9169}
.yellow_light {color: #dbc096}
.yellow {color: #ffd500}
.f13 {font-size: 13px!important; line-height: 1.4;}
.f14 {font-size: 14px!important; line-height: 1.4;}
.f17 {font-size: 16px!important; line-height: 19px;}
.f15 {font-size: 15px!important; line-height: 19px;}
.yellowbg {background: #ffd500}
.blackbg {background: #282828}
.yellow_bg {background: #8c6f46}
.yellow_bglight {background: #ab9169}
.yellowbg_light {background: #fcf7f0}
.gredi {  background-image: linear-gradient(#6a5d4e, #6a5d4e);}
.bold {font-weight: bold;}
.relative {position: relative;}
.position {position: absolute;}
.btn-success {background: #34a853;}
.call {font-size: 15px; font-weight: bold}
.call i {padding: 0 5px 0 20px;}
/*.bg-primary { background-color: #347f61 !important;}*/
.bg-primary { background-color: #136d7b !important;}
/* Make the image fully responsive */
.carousel-indicators [data-bs-target] {border-radius: 65%; width: 15px; height: 15px;}
/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn-sm-square {
    width: 25px;
    height: 25px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
	float: left;
	margin-top: 3px;
}
.ng-binding2 table {width: 100%!important}
/*GIF*/
.blink-hard {
  animation: blinker 1s step-end infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#spopup { position: fixed; top: 400px; left: 2px; display: block; z-index: 90; text-align: center; vertical-align: middle;}
a.spopup-close { position: absolute; top: 14px; right: 10px;}
#spopup {text-align: center; }
.spopup-wrap { width: 100%; height: 100%; float: left; text-align: center; overflow: hidden;}
.spopup-wrap { text-align: center;}
a.spopup-close span { background: #fff; height: 26px; line-height: 23px; width: 26px; border-radius: 50%; display: block; margin-right: 15px;}
.notfication_bg {background: #e4e4e4; padding: 15px 0;}
.notfication {background: #fff; border-radius: 10px; padding: 10px; border: 1px solid #c1c1c1}
.notfication h6.before2 p {color: #ee7226; padding-top: 5px;}
.notfication h6.before2 strong {font-weight: normal;}
/*GIF*/
#s_building .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: #ab9169; border-bottom: 2px solid #3ab19b; color: #fff!important}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: #000; color: #fff!important}
/*TopStripe*/
.top {background: #002855; font-weight: 400; font-size: 9px; text-transform: uppercase; letter-spacing: 5px;}
/*TopStripe*/
.navbar-dark .navbar-toggler {background: #c1c1c1}
.btn_form {border-radius: 0; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #000; text-decoration: underline}
/*.nav {position: absolute; z-index: 99; top: 0; right: 0; left: 0;}*/
.nav p {font-size: 15px; line-height: 22px; color: #f4b410;}
.nav p i {color: #000;}
.navbar-light .navbar-nav .nav-link {font-weight: 300; color: #000; font-size: 14px; letter-spacing: 1.5px;}
.navbar a {text-decoration: none; color: #000; font-weight: 300;}
.frm_bg {padding: 25px 15px; background: #fff;}
.frm_bg p {font-size: 12px;}
.frm .nav  {position: inital; height: inherit; margin: inherit}
/*.frm {border: 1px solid #000!important;}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {font-weight: 500;}
.nav-tabs .nav-item {margin-bottom: 0;}
.nav-tabs {border: 0;}
.send_p {top: 1px; right: 4px;}
.send_p .btn {font-size: 11px; padding: 0px 5px 1px 5px; background: #f4b410; color: #282828; border: 0;}
h1 {font-size: 1.2em; margin-bottom: 2px; margin-top: 0;}
.h1 {font-size: 1.2em;}
.nav-item .nav-link {border-radius: .3rem; padding: .4rem .10rem .4rem .10rem; color: #333; font-size: 13px;}
#s_building .nav-item .nav-link {font-size: 15px;}
.nav-item .active {background: #00adee; color: #000!important;}
.nav-item:hover, .navbar-nav a:hover {color: #000!important;}
.nav-item:active, .navbar-nav a:active {color: #000!important;}
.carousel-caption {
	  top: 0%;
	  left: 5%;
	}
#demo h3 {font-size: 17px; line-height: 20px; font-weight: 700;}
.ff13 {font-size: 10px;}
/*h1 {font-size: 1.1em;}*/
h2 {font-size: 28px;}
input.form-control, select.form-control {font-size: 12px; border-bottom: 1px solid #e6e6e6; padding: .305rem .8rem; color: #525252!important; background-color: #f5f5f5!important; /*box-shadow: 0px 0px 20px #ececec;*/ border: 1px solid #c1c1c1; border-radius: 3px 3px 3px 3px }
.frm_bg .btn {padding: .2rem 1rem}
select option {color: #525252}
.btn {border-radius: 5px}
.or_text {position: relative; margin: 45px 0 35px 0;}
.or_text span {position: absolute; left: 0; right: 0; margin: auto; color: #000; width: 40px; top: -20px; text-align: center; line-height: 40px; font-weight: 700; background: #fff; border-radius: 50%; height: 40px;}
.or1 {border-top: 1px solid #c1c1c1;}
.arrow { background: url(../img/arrow.png) no-repeat; background-position: right 18px center; background-color: #fff; -moz-appearance: none; -webkit-appearance: none;}
.btn-primary {background: #ee7226; border: 1px solid #fff;}
.custom-control-label {font-size: 10px}
.badge {color: #ff0000; top: 0; right: 0}
.form_pr_zero {padding-right: 0}
.form_pl_zero {padding-left: 0}
.form-group { margin-bottom: 0.6rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { border: 1px solid #fff;}
.nav-tabs .nav-link {border-radius: 25rem}
.nav-tabs .nav-link {color: #282828; font-weight: 500;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 1px solid #0076b1; background: #0076b1; color: #fff;}
.nav-link {padding: .2rem 1rem}
/*usp*/
.usps {background: #f6f6f6}
.usp_icon {background:url(../img/usp_icon.png) no-repeat center top;}
.usp_icon_img {width: 88px; height: 78px; display: block;}
.usp_icon1 {background-position: 0px 1px; }
.usp_icon2 {background-position: -88px 1px; }
.usp_icon3 {background-position: -176px 1px; }
.usp_icon4 {background-position: -264px 1px; }
.usp_icon5 {background-position: -352px 1px; }
.usp_icon6 {background-position: 0px -78px; }
.usp_icon7 {background-position: -88px -78px; }
.usp_icon8 {background-position: -176px -78px; }
.usp_icon9 {background-position: -264px -78px; }
/*usp*/
#highlight {background:url(../img/sharda_building.jpg) no-repeat left bottom 0px;}
/*recruiters*/
.recr_png {background:url(../img/recruiters.png) no-repeat center top;}
.recr_img {width: 170px; height: 71px; display: block; margin: auto;}
.recr_img2 {width: 72px; height: 71px; display: block; margin: auto;}
.recr_img3 {width: 92px; height: 71px; display: block; margin: auto;}
.recr1 {background-position: 0px 0;}
.recr2 {background-position: -171px 0;}
.recr3 {background-position: -342px 0;}
.recr4 {background-position: 0px -71px;}
.recr5 {background-position: -219px -71px;}
.recr6 {background-position: -378px -71px;}
.recr7 {background-position: -0px -144px;}
.recr8 {background-position: -171px -144px;}
.recr9 {background-position: -342px -144px;}
.recr10 {background-position: 0px -216px;}

.recr11 {left: 110px;}
.recr22 {left: 380px;}
.recr33 {left: 630px;}
.recr44 {left: 880px;}
.recr55 {left: 0px; top: 120px;}
.recr66 {top: 120px;}
.recr77 {left: 110px;}
.recr88 {left: 380px;}
.recr99 {left: 630px;}
.recr1010 {left: 900px;}
ol, ol::before, ol::after, 
ol *, ol *::before, ol *::after { margin: 0; padding: 0; box-sizing: border-box }
ol { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 1rem;
  
  width: min(60rem, calc(100% - 2rem));
  margin-inline: auto;
  padding-block: 1rem;
  
  list-style: none;
  counter-reset: count;
}

#recu {background:url(../img/star.webp) no-repeat center center #282828;}
#recu ol > li {
  --card-background-color: #fff;
  --card-text-color: #0F0F0F;
  --card-border-radius: 0.5rem;
  --card-padding-block: 1.5rem;
  --card-padding-inline: 1rem;  
  --outset-size: 0.75rem;
  --outset-background-color: #e5e5e5;  
  --number-font-size: 3rem;
  --number-overlap: 0.5rem;
  --number-font-family: 'Oswald', sans-serif;
  --number-font-weight: 500;  
  margin: var(--outset-size);
  border-radius: var(--card-border-radius);
  padding-block: var(--card-padding-block);
  padding-inline: var(--card-padding-inline);  
  color: var(--card-text-color);
  background-color: var(--card-background-color);
  box-shadow: 
    inset 1px 1px 0px rgb(255 255 255 / .5),
    inset -1px -1px 0px rgb(0 0 0 / .25),
    calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25);
  position: relative;
  counter-increment: count;
}


#recu ol > li::before{
  content: "";
  position: absolute;
  width: calc(100% + (var(--outset-size) * 2));
  height: 100%;
  bottom: calc(var(--outset-size) * -1);
  left: calc(var(--outset-size) * -1);
  z-index: -1;
  
  border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));
  border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));
  
  background-color: var(--outset-background-color);
  
  background-image: 
    linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
    linear-gradient(135deg, var(--accent-color) 80%, var(--outset-background-color) 0);    
}


/*recruiters*/
/*usp*/
.regulatory {background:url(../img/regulatory.png) no-repeat center top;}
.regulatory_img {width: 98px; height: 98px; display: block; float: left; margin-right: 35px; }
.bci_w {width: 128px; height: 61px; margin-left: 5px}
.regu1 {background-position: 0px 0px; }
.regu2 {background-position: -99px 0px; }
.regu3 {background-position: -198px 0px; }
.regu4 {background-position: -297px 0px; }
.regu5 {background-position: -396px 0px; }
.regu6 {background-position: -495px 0px; }
.regu7 {background-position: 0px -99px; }
.regu8 {background-position: -99px -99px; }
.regu9 {background-position: -198px -99px; }
.regu10 {background-position: -297px -99px; }
.regu11 {background-position: -396px -99px; }
.regu12 {background-position: -495px -99px; }
.bci1 {background-position: -98px -222px; }

.part {background:url(../img/tie_ups.png) no-repeat center top;}
.skill_img {width: 170px; height: 71px; display: block; margin: auto;}
.skill1 {background-position: 0px 0;}
.skill2 {background-position: -171px 0;}
.skill3 {background-position: -342px 0;}
.skill4 {background-position: 0px -71px;}
.skill5 {background-position: -171px -71px;}
.skill6 {background-position: -342px -71px;}
.skill7 {background-position: -0px -144px;}
.skill8 {background-position: -171px -144px;}
.skill9 {background-position: -342px -144px;}
.skill10 {background-position: -0px -215px;}
.skill11 {background-position: -171px -215px;}
.skill12 {background-position: -342px -215px;}
.skill13 {background-position: 0px -288px;}
.skill15 {background-position: -171px -288px;}
.skill15 {background-position: -342px -288px;}
#map .owl-dots, #usps .owl-dots, #internships .owl-dots {display: none}
/*.owl-nav {display: none}*/
.owl-dots {display: block}
.gtie_ups {margin-top: -70px;}
/*partners*/
/*about_sharda*/
/*about_sharda*/
/*company1*/
.company_png {background:url(../img/company.png) no-repeat center top;}
/*company1*/
/*bank_logo*/
.bank_img {width: 140px; height: 69px; display: block; float: left;}
.bank1 {background-position: 0px -84px; }
.bank2 {background-position: -141px -84px; }
.bank3 {background-position: -282px -84px; }
.bank4 {background-position: -423px -84px; }
.bank5 {background-position: -0px -154px; }
.bank6 {background-position: -141px -154px; }
.bank7 {background-position: -282px -154px; }
.bank8 {background-position: -424px -154px; }
/*bank_logo*/
/*placments*/
/*#placment {background:url(../img/placement.jpg) no-repeat center 100%;}*/
.p_img {border-radius: 50%; width: 220px; overflow: hidden;}
.p_img1 {border: 15px solid #84673f}
.p_img2 {border: 15px solid #ab9169}
/*placments*/
/*faculty
/*faculty*/
.school_n { border: 1px solid #dfdfdf; padding: 25px;}
/*** Navbar ***/
.navbar a span:hover {background: #ffd500}
/* hover */
.hvr-float-shadow {	
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* hover */

.sticky-top {
    top: -150px;
    transition: .5s;
}
.bg-primary {
  background-color: #fff !important;
}
.navbar {
    padding: 11px 0 !important;
    height: 80px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 0;
    color: #282828;
	outline: none;
	font-weight: 500;
	font-size: 0.9rem;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #000;	
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav {
        padding: 0 15px;
        background: #ebebeb;
    }

    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }
	
	.frm .nav {margin-top: 0!important;}
	
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
	#demo h3 {font-size: 48px; line-height: 40px; font-weight: 700;}
	.frm {z-index: 99; width: 600px; margin: 50px auto 0 auto!important;}
}
/*** Hero Header ***/
.carousel-control-prev, .carousel-control-next {width: 5%}
/*** Section Title ***/
/*** About ***/
/*** Newsletter ***/
.newsletter {
    background: url(../img/bg-hero.png) center center no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .newsletter .container {
        max-width: 100% !important;
    }

    .newsletter .newsletter-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
	.frm {z-index: 99; width: 600px; margin: 50px auto 0 auto!important;}
	.frm .nav {margin-top: 0!important;}
	.p_img {width: 150px;}
	.p_img1 { border: 10px solid #84673f;}
	.p_img2 { border: 10px solid #ab9169;}
	.posi {position: absolute}
	.launchp1 {top: 0px;}
	.launchp2 {left: 250px; top: 50px;}
	.launchp3 {right: 250px; top: 50px;}
	.launchp4 {left: 80px; top: 150px;}
	.launchp5 {right: 80px; top: 150px;}
	.recr44, .recr10 {display: none;}
	.whitebg {background: #fff; color: #000;}
	.navbar .navbar-nav .nav-link {margin-right: 18px;}
	
}

@media only screen and (max-width: 600px) {
	.awards .rounded-circle {
	  height: 250px!important;
	  width: 250px;
	}
}
@media (min-width: 1200px) {
    .form-group { margin-bottom: 0.4rem;}
	.ff13 {font-size: 13px;}
	.f13 {font-size: 12px!important; line-height: 1.4;}
	.f14 {font-size: 12px!important; line-height: 1.4;}
	#awards { height:inherit!important; background-size: cover!important;}
	.frm {position: absolute; z-index: 99; top: 60px; right: 5%; width: 380px; margin: auto;}
	.recr44 {left: 810px;}
	.recr1010 {left: 820px;}
	form .h6 {font-size: 0.9rem}
	input.form-control, select.form-control {padding: 0.205rem .8rem}
	.carousel-caption {
	  position: absolute;
	  right: 10%;
	  top: 2.25rem;
	  left: 5%;
	  padding-top: 1.25rem;
	  padding-bottom: 1.25rem;
	  color: #fff;
	  text-align: center;
	  width: 32%
	}
	.newsletter .newsletter-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
	.navbar h6 {font-size: .8rem}
		
	.form-control:focus {color: #fff;}	
	select.form-control {font-size: 12px; }
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { border: 1px solid #c1c1c1; background: #ebebeb; color: #282828; font-size: 14px;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 1px solid #00adee;}
	.frm_bg {background-color: #fff; padding: 10px 25px; border-radius: 0px; //*margin-right: 25px;*//}
	.frm_bg .btn-success {font-size: 0.9rem}
	.form-control { font-size: 1rem; font-weight: 400; color: #777; background-color: fff; border: 0; border-bottom: 1px solid #898e9b; border-radius: 0rem;}	
	.nav-item .nav-link {border-radius: 0;}
	.usps .owl-dots {display: none}
	.university i { font-size: 55px; }
	.school_n { min-height: 214px;}
	ul.whyy li { margin-bottom: 3%;}	
	/*.discretion {z-index: 2; padding-left: 60px;}*/
	.h1 {font-size: 1.7rem}
	.testimonial-carousel .owl-nav, .testimonial-carousel2 .owl-nav, .testimonial-carousel3 .owl-nav, .testimonial-carousel4 .owl-nav, .testimonial-carousel5 .owl-nav, .testimonial-carousel6 .owl-nav, .testimonial-carouselfour .owl-nav {display: flex}
	.p_img {width: 100%;}
	.posi {position: absolute}
	.launchp1 {top: 0px;}
	.launchp2 {left: 180px; top: 50px;}
	.launchp3 {right: 180px; top: 50px;}
	.launchp4 {left: 0px; top: 150px;}
	.launchp5 {right: 0px; top: 150px;}
	.text { align-items: center; justify-content: center;}
	.launchp {position: absolute;}
	.p_img {width: 100%;}
	.posi {position: absolute}
	.awards .rounded-circle {height: 220px!important; width:  220px; border: 4px dotted #232943;}
	#map .owl-nav {display: none}
	#awards h5, #awards .h5 {font-size: 1rem}
	.p_img1 {border: 15px solid #84673f}
	.p_img2 {border: 15px solid #ab9169}
	.recr44, .recr10 {display: block;}
	.whitebg {background: none; color: #fff;}
	.navbar .navbar-nav .nav-link {margin-right: 35px;}
}

@media (min-width: 1400px) {
	body  {font-size: 16px;}
	#awards {padding-bottom: 50px;}
	.form-group { margin-bottom: 0.6rem;}	
	.ff13 {font-size: 13px;}
	.f13 {font-size: 13px!important; line-height: 1.4;}
	.f14 {font-size: 14px!important; line-height: 1.4;}
	.frm {position: absolute; z-index: 99; top: 130px; right: 5%; width: 400px; margin: 0 auto 0 auto!important;}
	.recr44 {left: 880px;}
	.recr1010 {left: 900px;}
	form .h6 {font-size: 1rem}
	input.form-control, select.form-control {padding: 0.305rem .8rem}
	.carousel-caption {
	  position: absolute;
	  right: 5%;
	  top: 3.25rem;
	  left: 5%;
	  padding-top: 1.25rem;
	  padding-bottom: 1.25rem;
	  color: #fff;
	  text-align: center;
	  width: 40%
	}
	#demo h3 {font-size: 100px; line-height: 80px; font-weight: 700;}
	.newsletter .newsletter-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
	.testimonial-carousel4 iframe {
	 width: 70% ; height: 450px;
	}
	.a_process {min-height: 150px;}
	.wdth50 {width: 50%;}
	.h1 {font-size: 1.7rem}
	.testimonial-carousel .owl-nav, .testimonial-carousel2 .owl-nav, .testimonial-carousel3 .owl-nav, .testimonial-carousel4 .owl-nav, .testimonial-carousel5 .owl-nav, .testimonial-carousel6 .owl-nav, .testimonial-carouselfour .owl-nav {display: flex}
	/*.usps_mr {margin-top: -100px;}*/
	.p_img {width: 100%;}
	.posi {position: absolute}
	.launchp1 {top: 0px;}
	.launchp2 {left: 250px; top: 50px;}
	.launchp3 {right: 250px; top: 50px;}
	.launchp4 {left: 80px; top: 150px;}
	.launchp5 {right: 80px; top: 150px;}
	.text { align-items: center; justify-content: center;}
	.launchp {position: absolute;}
	.p_img {width: 100%;}
	.posi {position: absolute}
	.awards .rounded-circle {height: 255px!important; width:  255px; border: 4px dotted #232943;}
	#map .owl-nav {display: none}
	#awards h5, #awards .h5 {font-size: 1.1rem}
	.p_img1 {border: 15px solid #84673f}
	.p_img2 {border: 15px solid #ab9169}
	.recr44, .recr10 {display: block;}
	.whitebg {background: none; color: #fff;}
	.navbar .navbar-nav .nav-link {margin-right: 35px;}
}

/*** Case Study ***/
.case-item img {
    transition: .5s;
}
  
.case-item:hover img {
    transform: scale(1.2);
}

  /*
.case-overlay {
    position: absolute;
    padding: 50px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    /*background: linear-gradient(rgba(20, 24, 62, 0.5), var(--dark));*/
/*    z-index: 1;
}

.case-overlay h5 {text-shadow: 0 0 6px #000, 0 0 10px #000;}

.case-overlay3 {background-color: #fff; box-shadow: inset 0 0 2px #ffcc00;}
.case-overlay3 h2 {
	line-height: 0.8;
	font-size: 2rem;
	background: -webkit-linear-gradient(#ffd300, #ffc107);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.case-overlay3 h2 span {text-transform: lowercase;}
.case-overlay3 h3 {	
	font-size: 70px;
	letter-spacing: -5px;
	line-height: 0.9;
	background: -webkit-linear-gradient(#fef9e1, #ffda2b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.case-overlay3 h6 {font-size: 35px;}	
.case-overlay small {
    display: inline-block;
    padding: 3px 15px;
    color: #FFFFFF;
    background: rgba(20, 24, 62, .7);
    border-radius: 25px;
    margin-bottom: 15px;
}

.case-overlay span.btn:hover {
    color: var(--primary);
    background: #FFFFFF;
    border-color: #FFFFFF;
}*/

/*program*/

.all-tab-img img {
    padding-bottom: 20px;
}
.all-tab-img img:nth-last-child(2) {
    padding-bottom:0;
}
            .ourwork-tab-wrap{
                position: relative;
            }
			.ourwork-tab-wrap ul li {padding-right: 2px;}
			
			.ourwork-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {background: #ebebeb; border: 0; padding: 6px 10px;}
			
            .ourwork-tab-wrap .nav-tabs {
                display:none;
            }
            .ourwork-tab-wrap .nav-tabs .nav-item {                
                margin-right: 0px;
                margin-bottom: 0px;

            }
            .ourwork-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
                background: #8c6f46;
                color: #fff!important;	
				border: 0;
				
            }
            @media(min-width:768px) {
                .ourwork-tab-wrap .nav-tabs {
                    display: flex;
                }
                
                .ourwork-tab-wrap .card {
                    border: none;
                }

                .ourwork-tab-wrap .card .card-header {
                    display:none;
                }  

                .ourwork-tab-wrap .card .collapse{
                    display:block;
                }
            }

            @media(max-width:767px){
                .ourwork-tab-wrap .tab-content > .tab-pane {
                    display: block !important;
                    opacity: 1;
                    margin-bottom: 10px;
                }

                .ourwork-tab-wrap .card-header {
                    background: #427fad;
                    color: #fff;
                    border-bottom: 1px solid rgba(0,0,0,.125);                    
                }
                .ourwork-tab-wrap .card-header h5 a{
                    background: #427fad;
                    color: #fff;
                    border-bottom: none;   
                    text-decoration: none;  
                    font-size: 16px;
                    display: block;              
                }
                .ourwork-tab-wrap .card-header h5 a i {
                    float: right;
                    padding-top: 5px;
                }
                .ourwork-tab-wrap .card-body {
                    border: 1px solid #427fad;
                }
                .ourwork-tab-wrap .card-header h5 a:hover {
                    color: #fff;
                }

            }
/*program*/

/*Awards*/
.loading { -webkit-animation: rotation 7s infinite linear;}
#awards {background:url(../img/awards2.webp) no-repeat center top #f5f5f5;}
#awards .testimonial-item .case-item .shadow:hover h5 {color: #f88f00;}
.png1 {background:url(../img/png1.png) no-repeat center top;}
.awards_img {width: 151px; height: 90px; display: block; margin: 0 15px 15px 0; }
.awards_img2 {width: 81px; height: 100px; display: block; margin: 0 15px 15px 0; }
.awards1 {background-position: -184px 0px; }
.awards2 {background-position: -334px 15px; }
.awards3 {background-position: -175px -110px; }
.awards4 {background-position: -334px -94px; }
.awards5 {background-position: -0 -330px; }
.awards6 {background-position: -151px -328px; }
.awards7 {background-position: -380px -200px; }
.awards8 {background-position: -302px -317px; }
.awards9 {background-position: 30px -195px; }
.awards10 {background-position: -0px -436px; }
.awards11 {background-position: -151px -436px; }
.awards12 {background-position: -309px -433px; }
.suat_img {width: 148px; height: 68px; display: block;}
.suat { background-position: -194px -216px;}

.law_awards i {font-size: 22px;}
.law_awards ul li {margin-bottom: 25px;}

/*Awards*/

/*law_awards*/
#law_awards {background:url(../img/awards_bg.webp) no-repeat center bottom #f5f5f5; background-size: cover}
.law_awards {background: #303654;}
/*law_awards*/
/*internships*/
.internships ul li {margin-bottom: 10px;}
.internships_li li {display: flex; align-items: baseline;}
.internships_li i {margin-right: 15px;}
.internships_img {background:url(../img/internships.png) no-repeat center top;}
.i_img {width: 163px; height: 97px; display: block; margin: 25px auto; }
.int_1 {background-position: -0px 0px; }
.int_2 {background-position: -164px 0px; }
.int_3 {background-position: -328px 0px; }
.int_4 {background-position: -0px -98px; }
.int_5 {background-position: -164px -98px; }
.int_6 {background-position: -328px -98px; }
.int_7 {background-position: -0px -196px; }
.int_8 {background-position: -164px -196px; }
.int_9 {background-position: -328px -196px; }
.int_10 {background-position: -0px -294px; }
.int_11 {background-position: -164px -294px; }
.int_12 {background-position: -328px -294px; }
.int_13 {background-position: -0px -392px; }
.int_14 {background-position: -164px -392px; }
.int_15 {background-position: -328px -392px; }
/*internships*/

/*a_process*/
.col { display: table-cell; padding: 16px;}
#s_building .border i {width: 36px; height: 36px;}
#s_building .row .bord .border:hover {background: #ab9169;}
#s_building .row .bord .border:hover p, #s_building .row .border:hover i {color: #fff; transition: 0.5s;}
.tab-content ul.prog li {float: left; margin-right: 1.5%; border: 1px solid #c1c1c1; margin-bottom: 1.5%; padding: 4px 10px; border-radius: 5px; font-weight: bold}
.tab-content ul.prog li:hover {background: #ffba1a;}

/*global*/
/* relevant styles */
.img__wrap {
  position: relative;
  width: 257px;
}

.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(36, 62, 206, 0.6);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
  visibility: visible;
  opacity: 1;
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
}

.img__wrap:hover .img__description {
  transform: translateY(0);
}
/*global*/

/*Testimonails*/
.testi {padding: 0 15px; }
.testi h6 {color: #00adee}
.testi_png {background:url(../img/testi_png.png) no-repeat center top;}
.testi_img {width: 120px; height: 120px; display: block;}
.testi_p1 {background-position: 1px 0px; }
.testi_p2 {background-position: -120px 0px; }
.testi_p3 {background-position: -240px 0px; }
.testi_p4 {background-position: -360px 0px; }
.testi_p5 {background-position: -480px 0px; }
/*Testimonails*/

/*** FAQs ***/
.accordion .accordion-item {
    border: none;
    margin-bottom: 15px;
}

.accordion .accordion-button {
    /*background: var(--light);*/
    border-radius: 2px;
}

.accordion .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background: #00a0d0;
    box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-body {
    padding: 15px 0 0 0;
}

.accordion .accordion-body p {margin-bottom: 0.5rem}

.accordionn .headings {font-size: .9rem;}

/*** Testimonial ***/
.owl-nav i {color: #fff;}
.testimonial-carousel, .testimonial-carousel2, .testimonial-carousel3, .testimonial-carousel4,  .testimonial-carousel5, .testimonial-carousel6,  .testimonial-carouselfour {
    position: relative;
}

.testimonial-carousel .owl-nav, .testimonial-carousel2 .owl-nav, .testimonial-carousel3 .owl-nav, .testimonial-carousel4 .owl-nav, .testimonial-carousel5 .owl-nav, .testimonial-carousel6 .owl-nav, .testimonial-carouselfour .owl-nav {
    /*position: absolute;*/
    width: 40px;
    height: 100%;
    /*top: calc(50% - 50px);*/
    /*right: -21px;*/
    /*display: none;*/
    flex-direction: column;
    align-items: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel2 .owl-nav .owl-prev,
.testimonial-carousel3 .owl-nav .owl-prev,
.testimonial-carousel4 .owl-nav .owl-prev,
.testimonial-carousel5 .owl-nav .owl-prev,
.testimonial-carousel6 .owl-nav .owl-prev,
.testimonial-carouselfour .owl-nav .owl-prev {
    margin: 5px 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #1363C6;
    /*border: 1px solid var(--primary);*/
    border-radius: 40px;
    font-size: 18px;
    transition: .5s;
	position: absolute;
	left: -4%;
	top: 32%;
}

.testimonial-carousel .owl-nav .owl-next, 
.testimonial-carousel2 .owl-nav .owl-next,
.testimonial-carousel3 .owl-nav .owl-next,
.testimonial-carousel4 .owl-nav .owl-next,
.testimonial-carousel5 .owl-nav .owl-next,
.testimonial-carousel6 .owl-nav .owl-next,
.testimonial-carouselfour .owl-nav .owl-next {
    margin: 5px 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #1363C6;
    /*border: 1px solid var(--primary);*/
    border-radius: 40px;
    font-size: 18px;
    transition: .5s;
	position: absolute;
	right: -4%;
	top: 32%;
}

.awards .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
	background: #ffe083;
}

.awards .owl-nav .owl-next {
    width: 50px;
    height: 50px;
	background: #ffe083;
}

.awards .owl-nav i {color: #000; font-size: 22px;}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover, 
.testimonial-carousel2 .owl-nav .owl-prev:hover,
.testimonial-carousel2 .owl-nav .owl-next:hover,
.testimonial-carousel3 .owl-nav .owl-prev:hover,
.testimonial-carousel3 .owl-nav .owl-next:hover,
.testimonial-carousel4 .owl-nav .owl-prev:hover,
.testimonial-carousel4 .owl-nav .owl-next:hover
.testimonial-carousel5 .owl-nav .owl-prev:hover,
.testimonial-carousel5 .owl-nav .owl-next:hover,
.testimonial-carousel6 .owl-nav .owl-next:hover,
.testimonial-carouselfour .owl-nav .owl-prev:hover,
.testimonial-carouselfour .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}


.owl-carousel .owl-item img {width: inherit}

.testimonial-carousel .owl-dots, .testimonial-carousel2 .owl-dots, .testimonial-carousel3 .owl-dots, .testimonial-carousel4 .owl-dots, .testimonial-carousel5 .owl-dots, .testimonial-carousel6 .owl-dots, .testimonial-carouselfour .owl-dots {
    margin-top: 35px;
    /*margin-left: 3rem;*/
	/*display: none;*/
	text-align: center
}

.testimonial-carousel .owl-dot, .testimonial-carousel2 .owl-dot, .testimonial-carousel3 .owl-dot, .testimonial-carousel4 .owl-dot, .testimonial-carousel5 .owl-dot, .testimonial-carousel6 .owl-dot, .testimonial-carouselfour .owl-dot {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    border: 1px solid var(--primary);
    border-radius: 15px;
    transition: .5s;
}
.testimonial-carousel .owl-dot.active, .testimonial-carousel2 .owl-dot.active, .testimonial-carousel3 .owl-dot.active, .testimonial-carousel4 .owl-dot.active, .testimonial-carousel5 .owl-dot.active, .testimonial-carousel6 .owl-dot.active, .testimonial-carouselfour .owl-dot.active {
    width: 30px;
    background: var(--primary);
}

/*** Team ***/
.team-item {
    transition: .5s;
    border: 1px solid transparent;
    transition: .5s;
}

/*** Footer ***/
.footer {
    background: url(../img/footer.webp) center center #fff no-repeat;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(256, 256, 256, .1);
    border-radius: 40px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    color: rgba(255,255,255,.5);
    font-weight: normal;
    transition: .3s;
}

.footer .btn.btn-link:hover {
    color: #FFFFFF;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 14px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: rgba(255,255,255,.5);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}