*{padding: 0;margin: 0}
html{ overflow-x: hidden;}
a,a:hover{color: inherit;text-decoration: none;}
a:focus, button:focus{outline: none;}

@font-face{font-family: Uni-Sans-SemiBold;
src:url(../fonts/Uni-Sans-SemiBold_0.ttf);}

@font-face{font-family: Uni-Sans-Light;
src:url(../fonts/Uni-Sans-Light_0.ttf);}

@font-face{font-family: Uni-Sans-Regular;
src:url(../fonts/Uni-Sans-Regular_0.otf);}

@font-face{font-family: Uni-Sans-Bold;
src:url(../fonts/Uni-Sans-Bold_0.ttf);}

body{font-family: Uni-Sans-Light;overflow-x: hidden;}


.main-banner{background: url(../images/00DTCNEWBanner1.png) no-repeat;background-position: top;background-size: cover;}
header{    border-bottom: 1px solid rgba(78, 138, 204, 30%);}
.header-contat{font-size: 1.25rem;position: relative;font-family: Uni-Sans-SemiBold;}
.header-contat span{padding: 0 0.5rem}
.bannner-heading h2{font-family: Uni-Sans-Regular;line-height: 3rem; color: #ea6e0b;}
.bannner-heading h2 span{font-size: 2.75rem;font-family: Uni-Sans-Bold;color: #ea6e0b}
.admission-open, .couses-title{background: #155599;color: #fff}
.admission-open h1{font-size: 2.375rem;font-family: Uni-Sans-Bold}
.carousel .carousel-indicators li{    opacity: 1;
    background: #E0E0E0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: none;}
.carousel .carousel-indicators li.active{background: #155599}
.awards-achievment{background: #F7F7F7}
.page-tite h2{color: #ea6e0b;font-family: Uni-Sans-Bold}
.awards-item{background: #E4E4E4}
.awards-title h3{font-family: Uni-Sans-Bold;}
.awards-desc p{color: #0009;font-family: Uni-Sans-Regular;}
.page-tite h5{font-size: 1.375rem;    line-height: 1.8rem;}
.couses-title h3{font-size: 1.5625rem;font-family: Uni-Sans-SemiBold;}
.courses-items .accordion .card-header{padding: 0;margin: 0;border: none;background: none} 
.courses-items .accordion .card{border: none;padding: 0 20px;}
.courses-items .accordion .card-header button{padding: 9px 0;width: 100%;text-align: left;font-family:Uni-Sans-SemiBold;color: #000;position: relative;font-size: 1.5rem;text-decoration: none !important;transition: 0.5s all ease}
.courses-items .accordion .card-header button:after{content: "+";position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.5s all ease}
.courses-items .accordion .card .card-body{padding: 0}
.courses-items .accordion .card-header button[aria-expanded="true"]:after{content: "-";transform: translateY(-50%) rotate(180deg);}
.courses-items .accordion .card-header button[aria-expanded="true"]{color: #306599}
.courses-items .accordion .card .card-body ul li{    font-family: Uni-Sans-Regular;
    font-size: 19px;
    color: #000;padding: 6px 0;}
.courses-items .accordion .card .card-body ul li:not(:last-child){    border-bottom: 1px solid #eaeaea;}
.courses-items .accordion .card .card-body ul li:first-child{padding-top: 0}
.courses-_list > .row > .col-lg-12{}
.courses-_list {
    box-shadow: 0px 4px 20px 9px #EDEDED;
    border-radius: 15px;    padding: 2.5rem 2rem 2rem;background: #fff;
}

.girl-showing-portfolio:before{content: "";position: absolute;bottom:0;left: 0;background: url(../images/DTCbottom.png)no-repeat;width: 100%;height: 687px;background-size: cover;}

.port-item h6, .port-item p {
    font-weight: bolder;
    font-family: Uni-Sans-Bold;
}
.port-item{border-radius:  17px;font-size: 1.07rem; }
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-child(odd) .port-item{background: #fff}
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-child(even) .port-item{background: #ea6e0b;color: #fff;}
.banner-slider .carousel-indicators{    bottom: -20px;}
.gallery-item a{position: relative;display: block;}
.gallery-item h2{position: absolute;bottom: 15px;font-family: Uni-Sans-Regular;left: 25px;    text-shadow: 0 0 6px black;}
.view_more h2, .campus-walk-etstimonial .row h2, .student-details h5{font-family:Uni-Sans-SemiBold}
.campus-walk-etstimonial .row h2{color: #155599}
.testimonials{background: #155599}
#testimonial .carousel-indicators{    margin-bottom: 0;
    top: auto;
    bottom: auto;
    margin-top: 25px;position: relative;}

#testimonial .carousel-indicators li.active{background: #FBF329}
.student-details p{font-size: 13px;font-family: Uni-Sans-Regular;}
.testimonials .col-lg-6:first-child{border-right: 1px solid #fff}
.owl-theme.owl-clients .owl-dots .owl-dot span{width: 15px;
    height: 15px;}
.owl-theme.owl-clients .owl-dots{    margin-top: 25px !important;}
.owl-theme.owl-clients .owl-dots .owl-dot.active span{background: #155599}
.footer-top{background: #1D1D1D}
.adres h5{line-height: 1.8rem}
.footer-top h5{font-size: 1.1rem}
.footer-top h3{font-family:Uni-Sans-SemiBold}
.social-icons span:not(:last-child){margin-right: 0.5rem}
.footer-bottom{background: #3C3C3C}

.clients-loho .owl-carousel .owl-item img{ max-width: 65%;}



@media only screen and (min-width: 992px){
.student-words p{font-size:1.125rem }

.life-at-dtc .row .col-lg-4{display: flex;flex-direction: column;justify-content: space-between;}

.gallery-item a:after{content: "";position: absolute;top: 0;right: 10px;background: url(../images/search-icon.png) no-repeat; width: 43px;height: 42px;transition: 0.7s all ease;transform: translateY(-100%);}
.gallery-item a:hover:after{transform: translateY(20px)}
.gallery-item a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #155599;opacity: 70%;transition: 0.7s all ease;}
.gallery-item a:hover:before{height: 100%}


.page-tite h2{font-size: 3.4375rem;}

.awards-achievment .row .col-lg-3:not(:nth-last-child(-n+4)){margin-bottom: 1.7rem}
.courses-_list > .row > .col-lg-6{flex: 0 0 49.5%;max-width: 49.5%;}


}

@media only screen and (min-width: 1280px){

.courses-_list:before{    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 268px;
    height: 275px;
    background: url(../images/courses-left-ar.png) no-repeat;
    z-index: -1;
    transform: translateX(-50%);}

.courses-_list:after{content: "";position: absolute;right: 0;top: -50px;background: url(../images/courses-right-ar.png) no-repeat;width: 343px;height: 757px;z-index: -1;
    transform: translateX(50%);}
.awards-title h3{font-size: 1.875rem;    line-height: 2rem;}

}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.awards-title h3{    font-size: 1.5rem;}
.gallery-item h2{    font-size: 1.7rem;}

}


@media only screen and (max-width: 767px){
    .campus-walk-etstimonial .videoslider { margin: auto;}
    .gallery img{ width: 100%;}
    section .gallery .gallery-item{ flex-basis: 100% !important;}
.logo-contact .logo{    margin-bottom: 1rem; text-align: center;}
.header-contat{font-size: 0.95rem;}
.gifl-form .row.align-items-end .col-lg-6:first-child{order: 3;margin-top: 2rem;}
.bannner-heading h2{    font-size: 1.8rem;}
.admission-open{padding: 1rem 0 !important}
.admission-open h1{font-size: 1.475rem;}
.carousel .carousel-indicators li, .owl-theme.owl-clients .owl-dots .owl-dot span{    width: 12px;
    height: 12px;}
.page-tite h2{    font-size: 1.8rem;}
.awards-item{text-align: center;}
.awards-achievment .row .col-lg-3, .girl-showing-portfolio .row .col-lg-7 .row .col-md-4{    margin-bottom: 1.7rem;}
.page-tite h5 {
    font-size: 1.075rem;
    line-height: 1.4rem;
}
.courses-_list{    padding: 2.5rem 1.5rem 2rem;}
.couses-title h3{    font-size: 1.1625rem;}
.courses-items .accordion .card-header button{    font-size: 1.1rem;}
.courses-items .accordion .card .card-body ul li {
    font-family: Uni-Sans-Regular;
    font-size: 15px;}
.courses-_list > .row > .col-md-6{margin-bottom: 1.7rem}


.gallery-item h2{font-size: 1.7rem}
#testimonial{    padding: 2rem 0;}
.footer-top h3{    font-size: 1.25rem;    margin-top: 2.5rem;}


}

@media only screen and (min-width: 320px) and (max-width: 480px){
.gallery-item{ margin-bottom: 5px}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-last-child(-n+2), .awards-achievment .row .col-lg-3:nth-last-child(-n+2){margin-bottom: 0}

.gallery-item h2 {
    font-size: 1.4rem;
}
section .gallery .gallery-item{ flex-basis: 100% !important;}


}

@media only screen and (min-width: 481px) and (max-width: 991px){
.custom-flexx{display: flex;align-items: center;justify-content: space-between;margin-top: 1rem}
.custom-flexx div{width: 47%;}
.life-at-dtc .row .col-lg-4:not(.custom-flexx) .gallery-item:not(:last-child){margin-bottom: 1rem} 

}


@media only screen and (max-width: 991px){
.girl-showing-portfolio .row > .col-lg-5{display: none;} 
.girl-showing-portfolio:before{height: 100%}
.girl-showing-portfolio{    padding: 2rem 0;}
.whta-makes-diifeeent .page-tite{margin-bottom: 1.5rem}
.gallery .gallery-item{ flex-basis: 33.33% !important;}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
.admission-open h1 {
    font-size: 1.775rem;}

.awards-title h3{    font-size: 1.55rem;}
.awards-achievment .row .col-lg-3:not(:nth-last-child(-n+2)){    margin-bottom: 1.7rem;}
.footer-top .row.justify-content-around.no-gutters{justify-content: space-between !important;}
.footer-top h3{    font-size: 1.35rem;}

}

@media only screen and (min-width: 768px){
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:not(:nth-last-child(-n+3)){margin-bottom: 3rem}

}
.logo img {
    width: 280px;
    height: auto;
    background: #fff;
    padding: 10px;
        border: solid #ddd 1px;
    border-radius: 5px;
}
.logo img.img-fluid.timeofindia {
    width: 180px;
    padding: 5px;
}
.logo img.img-fluid.ranking {
    width: 83px;
    padding: 5px;
}
.awards-desc {
    display: none;
}
.awards-item{position: relative;}
.awards-item:hover .awards-desc {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ea6e0b;
    top: 0;
    left: 0;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    border-radius: 5px;
}
.awards-item:hover .awards-desc p {color: #fff}
.Testimonials-content {
    padding: 20px;
    text-align: center;
    background: #ea6e0b;
    height: 100%;
    position: relative;
    border-radius: 5px;
}
.Testimonials-content .Testimonials-image {
    margin-bottom: 85px;
}
.Testimonials-content .Testimonials-image img {
    width: 120px;
    position: absolute;
    top: -40px;
    border-radius: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: solid 4px #155599;
}
.Testimonials-content .Testimonials-bottom h6, .Testimonials-content .Testimonials-bottom p {
    font-weight: bolder !important;
        font-family: 'Uni-Sans-Bold';
}


section.Testimonialss {
    padding: 50px 0;
    background: antiquewhite;
    margin-top: 80px;
}
section.Testimonialss .tpHead {
    display: block;
    padding-bottom: 50px;
}
.testimonials-other-imag img {
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    height: 62px;
    object-fit: contain;
}
.Testimonials-bottom {
    color: #fff;
}

.ytPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pos-rel {
    position: relative;
}
.ytVideo img {
    width: 100%;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background:  url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 1;
}
.videoslider .col-md-4 {
    width: 100%;
    max-width: 100%;
}
form#formID {
    padding: 20px;
}
#btnSubmit {
    background: #ea6e0b;
    color: #fff;
    font-weight: 700;
}
.card-body button {
    margin-top: 15px;
}
div#postcollapseone li {
    font-size: 15px;
    list-style: outside;
    margin-left: 15px;
}

.form-control {
    font-weight: 600;
}
.custom-select {
    font-weight: 700;
    color: #495057;
}
.form-group p {
    font-weight: 800;
}
.courses-_list .row.justify-content-between.owl-carousel.owl-loaded.owl-drag {
    margin: 0;
}
.courses-_list .owl-nav button {
    position: absolute;
    top: 50%;
    left: -18px;
    font-size: 27px !important;
    font-weight: 900 !important;
}
.courses-_list .owl-nav button.owl-next {
    right: -18px;
    left: auto;
}
.port-item h6 {
    font-size: 2rem;
    margin-top: 5px;
    display: inline-block;
}
.port-item p {
    font-size: 1.2rem;
}
.student_spealk .speak_text {
    border: solid 1px #155599;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    background: #155599;
    color: #fff !important;
    height: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    min-height: 290px;
}
.student_spealk .owl-nav {
    margin-top: 10px;
}
.imagesided{    border: solid 2px #ea6e0b;
    border-radius: 5px;
    padding: 14px;}
/*.student_spealk .speak_text:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    bottom: -50%;*/
/*      border-top: 10px solid transparent;*/
/*      border-bottom: 10px solid transparent; */
      
/*      border-right:10px solid #155599; */
/*    left: -20px;*/
/*    transform: translateY(-50%);*/
/*}*/
.ytVideo span.ytPlay img {
    width: 35px;
    opacity: 0.8;
}
.courses-items button#btnSubmit {
    margin: 0 1.25rem;
    width: max-content;
}
.courses-_list .owl-stage-outer .card{min-height:370px;}

.imagesided img{width:auto !important;}
.student_spealk button {
    font-size: 35px !important;
    background: #155599 !important;
    margin: 0 10px;
    color: #fff !important;
    border-radius: 100%;
    padding: 0 23px !important;
    line-height: 27px !important;
    width: 27px;
    text-align: center !important;
}

@media(max-width:768px){
    .logo img {
     width: 100%;
     margin-bottom:10px;
     
    }
    .logo img.img-fluid.timeofindia {
    width: 244px;
    padding: 5px;
}
.logo img.img-fluid.ranking {
    width: 110px;
    padding: 5px;
}
.header-contat.text-white {
    text-align: center;
    width: 100%;
}
section.life-at-dtc .ytRow > .col-md-3 {
    margin-bottom: 53px;
}
   
   
.container.student_spealk .row{margin:0;}
.container.student_spealk .row .col-md-9 {
    padding: 0;
}
}

.imagesided img {
    width: 120px !important;
    height: 120px;
    object-fit: cover;
}

.page-tite h2 {
    display: inline-block;
    position: relative;
}
.page-tite h2:after {
    content: "";
    width: 105%;
    height: 5px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    background: #155599;
    transform: translateX(-50%);
}

.gallery {
  /* display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 8px; */
  display: flex; flex-wrap: wrap;
}
.gallery img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}
.gallery img:hover {
  box-shadow: 0 0 32px #333;
}
.gallery .content {
  padding: 4px;
}
.gallery .gallery-item {
  transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer; flex-basis: 25%; padding: 6px;
}
.gallery .gallery-item:hover {
  transform: scale(1.025);
}
@media (max-width: 600px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media (max-width: 400px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}
@-moz-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@-o-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
.student_spealk .owl-nav{display:none;}
section.slider_in_bt .owl-dots button, .student_spealk .owl-dots button {
    background: #ddd !important;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin-right: 5px;
    text-align: center;
}
section.slider_in_bt .owl-dots , .student_spealk .owl-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
section.slider_in_bt {
    padding: 0 0 50px;
}
section.slider_in_bt .owl-dots button.owl-dot.active, .student_spealk .owl-dots button.owl-dot.active {
    background: #155599 !important;
}
.header-contat.text-white a {
    color: #ea6e0b;
    font-size: 16px;
}
.page-tite h2 {

    text-transform: uppercase;
}
div#clientform .bg-white, div#clientform .bg-white input, div#clientform .bg-white select {
    background-color: #ffffff85!important;
}
.header-contat.text-white {
    color: #ea6e0b !important;
}
@media(max-width:768px){
    
    .main-banner{background:unset !important;}
    .mobilebanner{background: url(../images/0001DTCMobileBanner.png) no-repeat;background-position: top;background-size: cover;padding:20px 0;}
    .mobilehihdden{display:none;}
    .bannner-heading.text-white.text-center.mb-4 h2 {
    padding-top: 20px;
}


.bannner-heading.text-white.text-center.mb-4 h2, .bannner-heading.text-white.text-center.mb-4 h2 span {
    color: #fff;
    text-shadow: 10px 10px 10px #000;
}
}