html{
  scroll-behavior: smooth;
}
.features-container{
    background-color: var(--EerieBlack);
    padding: 143px 0 0;
    color: #F9F7F7;
}
.features-box-main .video-container {
    aspect-ratio: 750 / 374;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.features-box-main .video-container video {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}
.features-box-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px;
}
.content-image-box{
    width: 100%;
    height: 100%;
    aspect-ratio: 750 / 483;    
}
.content-image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*************************Rank Container**************************/

.rank-container{
    background-color: #F7F2EC;
    padding: 24px 50px 30px;
    margin-top: 40px;
    color: var(--EerieBlack);
}
.rank-container h2.rank-title{
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0px;
    text-align: center;
    color: #9D7F39;
    text-transform: capitalize;
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 4px 32px;
    line-height: 21px;
}
.rank-container h2.rank-title:before{
    content: '';
    background-image: url('../images/rank-title-left-img.svg');
    width: 21px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.rank-container h2.rank-title:after{
    content: '';
    background-image: url('../images/rank-title-right-img.svg');
    width: 21px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.rank-container ul.rank-list{
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 1.3;
    border-bottom: 1px #E1DCDB solid;
    margin-top: 14px;
    color: #1C1A1A;
}
.rank-container ul.rank-list li{
    display: flex;
    align-items: center;
    border-top: 1px #E1DCDB solid;
    padding: 4px 3px;
    position: relative;
    justify-content: space-between;
}
.rank-container ul.rank-list li:last-child{
    border-top: 1px #E1DCDB solid;
    margin-top: 32px;
    position: relative;
}
.rank-container ul.rank-list li:last-child:before{
    /* content: '';
    background-image: url('../images/more-rank-list-dots.svg');
    width: 2px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: -27px; */
}
.rank-container ul.rank-list li span.rank-list-num{
    font-family: var(--inter);
    flex-shrink: 0;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    color: #CB382A;
    line-height: 1.5;
    letter-spacing: 0;
    width: 24px;
    margin-right: 6px;
    text-align: center;
}
.rank-container ul.rank-list li p{
    text-align: left;
    flex: 1;
}
.rank-container ul.rank-list li span.rank-list-right-text{
    flex-shrink: 0;
    font-size: 9px;
    color: #A4A3A3;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: right;
}
.rank-container ul.rank-list li.active{
    cursor: pointer;
    padding: 8px 3px;
}
.rank-container ul.rank-list li.active span.rank-list-num{
    font-size: 17px;
    color: #F9F7F7;
    position: relative;
    background-image: url('../images/rank-list-num-bg.svg');
    width: 24px;
    height: 24px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rank-container ul.rank-list li.active p{
    font-size: 13px;
    color: #CB382A;
    font-weight: 500;
    list-style: none;
    line-height: 1.3;
}
.rank-container ul.rank-list li span.rank-list-dots {
    position: relative;
    width: 100%;
    transform: rotate(90deg);
}
.rank-container ul.rank-list li span.rank-list-dots::after {
    content: "...";
    position: absolute;
    letter-spacing: 7px;
    top: 50%;
    left: 50%;
    transform: translate(15%, -50%);
    color: #A4A3A3;
}

/*****************************************************************/

.features-box-main .features-box-content{
    font-size: 13px;
    letter-spacing: 1px;
}
.features-box-main .features-box-content .features-box-num{
    font-weight: 400;
    font-style: normal;
    font-size: 65px;
    letter-spacing: 0px;
    color: transparent;
    -webkit-text-stroke: 1px #CB382A;
    position: relative;
    display: block;
    line-height: 55px;
    margin-bottom: 21px;
}
.features-box-main .features-box-content .features-box-num::before{
    content: '';
    background-color: #E1DCDB;
    width: 88%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.features-box-main .features-box-content .features-box-num{
    margin-top: 85px;
}
.features-box-main .features-box-content .features-box-num:first-child{
    margin-top: 0px;
}
.features-box-main h4{
    font-style: normal;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 49px;
    color: #F9F7F7;
    line-height: 1.5;
    letter-spacing: 1px;
}
.features-box-main .features-box-content .glb-vid {
    width: 100%;
    height: auto;
}
.features-box-main .features-box-content .features-box-num .line-circle{
    width: 65px;
    height: 65px;
}
.features-box-main .feature-box-inner .features-box p {
    letter-spacing: 1px;
    margin-top: 42px;
    line-height: 1.8;
}
.features-box-main .feature-box-inner p.m-0{
  letter-spacing: 1px;
  line-height: 1.8;
  margin-top: -7px;
}
.pie-chart{
    position: relative;
    font-weight: 400;
    font-style: normal;
}
.center-box {
    position: absolute;
    top: 46%;
    left: 46%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
}
.center-box h3{
    font-weight: 500;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    margin-bottom: 3px;
    color: #F9F7F7;
    line-height: 1.6;
}
.center-box h4{
    font-family: var(--inter);
    font-weight: 400;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    margin-bottom: 0 !important;
    line-height: 22px;
}
.center-box h5{
    font-family: var(--inter);
    font-size: 50px;
    letter-spacing: 0;
    color: #CB382A;
    line-height: 30px;
    margin-top: 8px;
}
.center-box h5 span{
    font-size: 14px;    
}
.text-box-one h3, .text-box-two h3, .text-box-three h3, .text-box-four h3{
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 0;
    text-align: left;
}
.text-box-one h3 span, .text-box-two h3 span, .text-box-three h3 span, .text-box-four h3 span {
    font-family: var(--inter);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.18;
}
.text-box-two h3{
    text-align: right;
}
.text-box-three h3{
    text-align: left;
}
.text-box-one {
    position: absolute;
    top: 35px;
    left: 81px;
}
.text-box-two {
    position: absolute;
    bottom: 150px;
    left: -10px;
}
.text-box-three {
    position: absolute;
    bottom: 50%;
    right: 4px;
}


.pie-chart-two .center-box h3{
    font-size: 14px !important;
}
.pie-chart-two .center-box h5{
    font-size: 30px;
    letter-spacing: 0;
    color: #A4A3A3;
}
.pie-chart-two .center-box h5 span{
    font-size: 14px;    
}
.pie-chart-two .text-box-one{
    position: absolute;
    top: 45px;
    left: 34px;
}
.pie-chart-two .text-box-two {
    position: absolute;
    bottom: 80px;
    left: 38px;
}
.pie-chart-two .text-box-three {
    position: absolute;
    top: 60px;
    right: 4px;
}
.pie-chart-two .text-box-four{
    position: absolute;
    bottom: 80px;
    right: 84px;
}
.pie-chart-three .center-box h3{
    font-size: 16px !important;
}
.pie-chart-three .text-box-one {
    position: absolute;
    top: 50px;
    left: 44px;
}
.pie-chart-three .text-box-two{
    position: absolute;
    bottom: 110px;
    left: 31px;
}
.pie-chart-three .text-box-three {
    position: absolute;
    top: 60px;
    right: 79px;
}
.pie-chart-three .text-box-four {
    position: absolute;
    bottom: 104px;
    right: 14px;
}
.pie-chart-three .text-box-four h3{
    text-align: left;
}
.creativity .pie-chart .circle circle {
    stroke-width: 23;
}
.right-red-circle.shrink .rrc-first:not(.right-red-circle.shrink.expand .rrc-first) {
    line-height: 15px;
}

a.office-site {
    font-size: 11px;
    display: block;
    text-align: right;
    margin-top: 15px;
    padding-right: 15px;
    position: relative;
    letter-spacing: 1px;
}
a.office-site:after {
    content: '';
    background-image: url(../images/side-arrow.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.pie-chart .circle {
    display: inline-block;
    transform: rotate(-90deg);
}
.pie-chart{
	max-width: 100%;
	aspect-ratio: 1/1;
	padding: 20px;
	width: 100%;
  margin: 0 auto;
  padding-right: 67px;
}
.pie-chart .circle circle{
	stroke-width: 10;
	stroke: var(--color);
}
.pie-chart-box{
	justify-content: center;
  align-items: center;
  justify-items: center;
}
.pie-chart-box .pie-chart:nth-child(1) .circle circle{
	stroke-width: 23;
}
.pie-chart-box .pie-chart:nth-child(2) .circle circle{
	stroke-width: 23;
}
.pie-chart-box .pie-chart:nth-child(1){
	max-width: 80%;
}
.pie-chart-box .pie-chart:nth-child(2){
	max-width: 60%;
}

.pie-chart-three {
    width: 528px;
    margin: 0 auto;
}

.pie-chart .circle.pie-chart-animate circle{
	animation: circleA1 2s forwards;
	-webkit-animation: circleA1 2s forwards;
}

.pie-chart .circle.pie-chart-animate circle.circle1 {
	animation-name: circle1;
}

.pie-chart .circle.pie-chart-animate circle.circle2 {
	animation-name: circle2;
}

.pie-chart .circle.pie-chart-animate circle.circle3 {
	animation-name: circle3;
}

.pie-chart .circle.pie-chart-animate circle.circle4 {
	animation-name: circle4;
}

.pie-chart .circle.pie-chart-animate circle.circle5 {
	animation-name: circle5;
}

.pie-chart .circle.pie-chart-animate circle.circle6 {
	animation-name: circle6;
}

.pie-chart .circle.pie-chart-animate circle.circle7 {
	animation-name: circle7;
}

.pie-chart .circle.pie-chart-animate circle.circle8 {
	animation-name: circle8;
}

.pie-chart .circle.pie-chart-animate circle.circle9 {
	animation-name: circle9;
}

.pie-chart .circle.pie-chart-animate circle.circle10 {
	animation-name: circle10;
}

.pie-chart .circle.pie-chart-animate circle.circle11 {
	animation-name: circle11;
}

.pie-chart .circle.pie-chart-animate circle.circle12 {
	animation-name: circle12;
}

.pie-chart .circle.pie-chart-animate circle.circle13 {
	animation-name: circle13;
}

.pie-chart .circle.pie-chart-animate circle.circle14 {
	animation-name: circle14;
}

.pie-chart .circle.pie-chart-animate circle.circle15 {
	animation-name: circle15;
}

.pie-chart .circle.pie-chart-animate circle.circle16 {
	animation-name: circle16;
}

.pie-chart .circle.pie-chart-animate circle.circle17 {
	animation-name: circle17;
}

.pie-chart .circle.pie-chart-animate circle.circle18 {
	animation-name: circle18;
}

.pie-chart .circle.pie-chart-animate circle.circle19 {
	animation-name: circle19;
}

.pie-chart .circle.pie-chart-animate circle.circle20 {
	animation-name: circle20;
}

.pie-chart .circle.pie-chart-animate circle.circle21 {
	animation-name: circle21;
}

.pie-chart .circle.pie-chart-animate circle.circle22 {
	animation-name: circle22;
}

.pie-chart .circle.pie-chart-animate circle.circle23 {
	animation-name: circle23;
}

.pie-chart .circle.pie-chart-animate circle.circle24 {
	animation-name: circle24;
}

.pie-chart .circle.pie-chart-animate circle.circle25 {
	animation-name: circle25;
}

.pie-chart .circle.pie-chart-animate circle.circle26 {
	animation-name: circle26;
}

.pie-chart .circle.pie-chart-animate circle.circle27 {
	animation-name: circle27;
}

.pie-chart .circle.pie-chart-animate circle.circle28 {
	animation-name: circle28;
}

.pie-chart .circle.pie-chart-animate circle.circle29 {
	animation-name: circle29;
}

.pie-chart .circle.pie-chart-animate circle.circle30 {
	animation-name: circle30;
}

.pie-chart .circle.pie-chart-animate circle.circle31 {
	animation-name: circle31;
}

.pie-chart .circle.pie-chart-animate circle.circle32 {
	animation-name: circle32;
}

.pie-chart .circle.pie-chart-animate circle.circle33 {
	animation-name: circle33;
}

.pie-chart .circle.pie-chart-animate circle.circle34 {
	animation-name: circle34;
}

.pie-chart .circle.pie-chart-animate circle.circle35 {
	animation-name: circle35;
}

.pie-chart .circle.pie-chart-animate circle.circle36 {
	animation-name: circle36;
}

.pie-chart .circle.pie-chart-animate circle.circle37 {
	animation-name: circle37;
}

.pie-chart .circle.pie-chart-animate circle.circle38 {
	animation-name: circle38;
}

.pie-chart .circle.pie-chart-animate circle.circle39 {
	animation-name: circle39;
}

.pie-chart .circle.pie-chart-animate circle.circle40 {
	animation-name: circle40;
}

.pie-chart .circle.pie-chart-animate circle.circle41 {
	animation-name: circle41;
}

.pie-chart .circle.pie-chart-animate circle.circle42 {
	animation-name: circle42;
}

.pie-chart .circle.pie-chart-animate circle.circle43 {
	animation-name: circle43;
}

.pie-chart .circle.pie-chart-animate circle.circle44 {
	animation-name: circle44;
}

.pie-chart .circle.pie-chart-animate circle.circle45 {
	animation-name: circle45;
}

.pie-chart .circle.pie-chart-animate circle.circle46 {
	animation-name: circle46;
}

.pie-chart .circle.pie-chart-animate circle.circle47 {
	animation-name: circle47;
}

.pie-chart .circle.pie-chart-animate circle.circle48 {
	animation-name: circle48;
}

.pie-chart .circle.pie-chart-animate circle.circle49 {
	animation-name: circle49;
}

.pie-chart .circle.pie-chart-animate circle.circle50 {
	animation-name: circle50;
}

.pie-chart .circle.pie-chart-animate circle.circle51 {
	animation-name: circle51;
}

.pie-chart .circle.pie-chart-animate circle.circle52 {
	animation-name: circle52;
}

.pie-chart .circle.pie-chart-animate circle.circle53 {
	animation-name: circle53;
}

.pie-chart .circle.pie-chart-animate circle.circle54 {
	animation-name: circle54;
}

.pie-chart .circle.pie-chart-animate circle.circle55 {
	animation-name: circle55;
}

.pie-chart .circle.pie-chart-animate circle.circle56 {
	animation-name: circle56;
}

.pie-chart .circle.pie-chart-animate circle.circle57 {
	animation-name: circle57;
}

.pie-chart .circle.pie-chart-animate circle.circle58 {
	animation-name: circle58;
}

.pie-chart .circle.pie-chart-animate circle.circle59 {
	animation-name: circle59;
}

.pie-chart .circle.pie-chart-animate circle.circle60 {
	animation-name: circle60;
}

.pie-chart .circle.pie-chart-animate circle.circle61 {
	animation-name: circle61;
}

.pie-chart .circle.pie-chart-animate circle.circle62 {
	animation-name: circle62;
}

.pie-chart .circle.pie-chart-animate circle.circle63 {
	animation-name: circle63;
}

.pie-chart .circle.pie-chart-animate circle.circle64 {
	animation-name: circle64;
}

.pie-chart .circle.pie-chart-animate circle.circle65 {
	animation-name: circle65;
}

.pie-chart .circle.pie-chart-animate circle.circle66 {
	animation-name: circle66;
}

.pie-chart .circle.pie-chart-animate circle.circle67 {
	animation-name: circle67;
}

.pie-chart .circle.pie-chart-animate circle.circle68 {
	animation-name: circle68;
}

.pie-chart .circle.pie-chart-animate circle.circle69 {
	animation-name: circle69;
}

.pie-chart .circle.pie-chart-animate circle.circle70 {
	animation-name: circle70;
}

.pie-chart .circle.pie-chart-animate circle.circle71 {
	animation-name: circle71;
}

.pie-chart .circle.pie-chart-animate circle.circle72 {
	animation-name: circle72;
}

.pie-chart .circle.pie-chart-animate circle.circle73 {
	animation-name: circle73;
}

.pie-chart .circle.pie-chart-animate circle.circle74 {
	animation-name: circle74;
}

.pie-chart .circle.pie-chart-animate circle.circle75 {
	animation-name: circle75;
}

.pie-chart .circle.pie-chart-animate circle.circle76 {
	animation-name: circle76;
}

.pie-chart .circle.pie-chart-animate circle.circle77 {
	animation-name: circle77;
}

.pie-chart .circle.pie-chart-animate circle.circle78 {
	animation-name: circle78;
}

.pie-chart .circle.pie-chart-animate circle.circle79 {
	animation-name: circle79;
}

.pie-chart .circle.pie-chart-animate circle.circle80 {
	animation-name: circle80;
}

.pie-chart .circle.pie-chart-animate circle.circle81 {
	animation-name: circle81;
}

.pie-chart .circle.pie-chart-animate circle.circle82 {
	animation-name: circle82;
}

.pie-chart .circle.pie-chart-animate circle.circle83 {
	animation-name: circle83;
}

.pie-chart .circle.pie-chart-animate circle.circle84 {
	animation-name: circle84;
}

.pie-chart .circle.pie-chart-animate circle.circle85 {
	animation-name: circle85;
}

.pie-chart .circle.pie-chart-animate circle.circle86 {
	animation-name: circle86;
}

.pie-chart .circle.pie-chart-animate circle.circle87 {
	animation-name: circle87;
}

.pie-chart .circle.pie-chart-animate circle.circle88 {
	animation-name: circle88;
}

.pie-chart .circle.pie-chart-animate circle.circle89 {
	animation-name: circle89;
}

.pie-chart .circle.pie-chart-animate circle.circle90 {
	animation-name: circle90;
}

.pie-chart .circle.pie-chart-animate circle.circle91 {
	animation-name: circle91;
}

.pie-chart .circle.pie-chart-animate circle.circle92 {
	animation-name: circle92;
}

.pie-chart .circle.pie-chart-animate circle.circle93 {
	animation-name: circle93;
}

.pie-chart .circle.pie-chart-animate circle.circle94 {
	animation-name: circle94;
}

.pie-chart .circle.pie-chart-animate circle.circle95 {
	animation-name: circle95;
}

.pie-chart .circle.pie-chart-animate circle.circle96 {
	animation-name: circle96;
}

.pie-chart .circle.pie-chart-animate circle.circle97 {
	animation-name: circle97;
}

.pie-chart .circle.pie-chart-animate circle.circle98 {
	animation-name: circle98;
}

.pie-chart .circle.pie-chart-animate circle.circle99 {
	animation-name: circle99;
}

.pie-chart .circle.pie-chart-animate circle.circle100 {
	animation-name: circle100;
}

.pie-chart .circle.pie-chart-animate.no-animate circle{
	animation-duration: 0s;
}

@keyframes circle1 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 18.86 1886; } }
@keyframes circle2 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 37.72 1886; } }
@keyframes circle3 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 56.58 1886; } }
@keyframes circle4 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 75.44 1886; } }
@keyframes circle5 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 94.3 1886; } }
@keyframes circle6 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 113.16 1886; } }
@keyframes circle7 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 132.02 1886; } }
@keyframes circle8 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 150.88 1886; } }
@keyframes circle9 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 169.74 1886; } }
@keyframes circle10 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 188.6 1886; } }
@keyframes circle11 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 207.46 1886; } }
@keyframes circle12 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 226.32 1886; } }
@keyframes circle13 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 245.18 1886; } }
@keyframes circle14 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 264.04 1886; } }
@keyframes circle15 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 282.9 1886; } }
@keyframes circle16 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 301.76 1886; } }
@keyframes circle17 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 320.62 1886; } }
@keyframes circle18 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 339.48 1886; } }
@keyframes circle19 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 358.34 1886; } }
@keyframes circle20 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 377.2 1886; } }
@keyframes circle21 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 396.06 1886; } }
@keyframes circle22 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 414.92 1886; } }
@keyframes circle23 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 433.78 1886; } }
@keyframes circle24 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 452.64 1886; } }
@keyframes circle25 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 471.5 1886; } }
@keyframes circle26 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 490.36 1886; } }
@keyframes circle27 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 509.22 1886; } }
@keyframes circle28 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 528.08 1886; } }
@keyframes circle29 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 546.94 1886; } }
@keyframes circle30 { 0% { stroke-dasharray: 0 1886; } 99.9%, 100% { stroke-dasharray: 565.8 1886; } }
@keyframes circle31 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 584.66 1886; }
}
@keyframes circle32 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 603.52 1886; }
}
@keyframes circle33 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 622.38 1886; }
}
@keyframes circle34 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 641.24 1886; }
}
@keyframes circle35 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 660.1 1886; }
}
@keyframes circle36 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 678.96 1886; }
}
@keyframes circle37 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 697.82 1886; }
}
@keyframes circle38 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 716.68 1886; }
}
@keyframes circle39 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 735.54 1886; }
}
@keyframes circle40 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 754.4 1886; }
}
@keyframes circle41 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 773.26 1886; }
}
@keyframes circle42 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 792.12 1886; }
}
@keyframes circle43 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 810.98 1886; }
}
@keyframes circle44 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 829.84 1886; }
}
@keyframes circle45 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 848.7 1886; }
}
@keyframes circle46 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 867.56 1886; }
}
@keyframes circle47 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 886.42 1886; }
}
@keyframes circle48 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 905.28 1886; }
}
@keyframes circle49 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 924.14 1886; }
}
@keyframes circle50 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 943 1886; }
}
@keyframes circle51 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 961.86 1886; }
}
@keyframes circle52 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 980.72 1886; }
}
@keyframes circle53 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 999.58 1886; }
}
@keyframes circle54 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1018.44 1886; }
}
@keyframes circle55 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1037.3 1886; }
}
@keyframes circle56 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1056.16 1886; }
}
@keyframes circle57 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1075.02 1886; }
}
@keyframes circle58 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1093.88 1886; }
}
@keyframes circle59 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1112.74 1886; }
}
@keyframes circle60 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1131.6 1886; }
}
@keyframes circle61 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1150.46 1886; }
}
@keyframes circle62 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1169.32 1886; }
}
@keyframes circle63 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1188.18 1886; }
}
@keyframes circle64 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1207.04 1886; }
}
@keyframes circle65 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1225.9 1886; }
}
@keyframes circle66 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1244.76 1886; }
}
@keyframes circle67 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1263.62 1886; }
}
@keyframes circle68 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1282.48 1886; }
}
@keyframes circle69 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1301.34 1886; }
}
@keyframes circle70 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1320.2 1886; }
}
@keyframes circle71 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1339.06 1886; }
}
@keyframes circle72 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1357.92 1886; }
}
@keyframes circle73 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1376.78 1886; }
}
@keyframes circle74 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1395.64 1886; }
}
@keyframes circle75 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1414.5 1886; }
}
@keyframes circle76 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1433.36 1886; }
}
@keyframes circle77 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1452.22 1886; }
}
@keyframes circle78 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1471.08 1886; }
}
@keyframes circle79 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1489.94 1886; }
}
@keyframes circle80 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1508.8 1886; }
}
@keyframes circle81 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1527.66 1886; }
}
@keyframes circle82 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1546.52 1886; }
}
@keyframes circle83 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1565.38 1886; }
}
@keyframes circle84 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1584.24 1886; }
}
@keyframes circle85 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1603.1 1886; }
}
@keyframes circle86 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1621.96 1886; }
}
@keyframes circle87 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1640.82 1886; }
}
@keyframes circle88 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1659.68 1886; }
}
@keyframes circle89 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1678.54 1886; }
}
@keyframes circle90 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1697.4 1886; }
}
@keyframes circle91 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1716.26 1886; }
}
@keyframes circle92 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1735.12 1886; }
}
@keyframes circle93 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1753.98 1886; }
}
@keyframes circle94 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1772.84 1886; }
}
@keyframes circle95 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1791.7 1886; }
}
@keyframes circle96 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1810.56 1886; }
}
@keyframes circle97 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1829.42 1886; }
}
@keyframes circle98 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1848.28 1886; }
}
@keyframes circle99 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1867.14 1886; }
}
@keyframes circle100 {
  0% { stroke-dasharray: 0 1886; }
  99.9%, 100% { stroke-dasharray: 1886.0 1886; }
}

/*****************************************************************/

.features-container .title_inner{
    margin-bottom: 84px;
}
.feature-full .features-box-main{
    padding-inline: 105px;
    border-top: 1px #605e5f solid;
    margin: 0;
    gap: 210px;
}
.feature-full .features-box-main .feature-box-inner{
    position: relative;
    padding-top: 69px;
    padding-bottom: 49px;
}
.feature-full .features-box-main .feature-box-inner .fb-cat-name{
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 400;
    border: 1px #605e5f solid;
    border-top: 0px #605e5f solid;
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px;
    color: #F9F7F7;
    letter-spacing: 0;
}
.feature-full .features-box-main .feature-box-inner:first-child:after{
    content: '';
    background-color: #605e5f;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -105px;
    top: 0;
}
.feature-full .features-box-main.technicality .feature-box-inner:first-child:after{
    display: none;
}
.feature-full .features-box-main.technicality{
    grid-template-columns: 1fr;
}
.feature-full .features-box-main.creativity{
    border-bottom: 1px #605e5f solid;
}
.features-container .base-button {
    margin-top: 80px;
    margin-bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    color: #ffffff;
}
.features-container .base-button::before {
    border-color: var(--lightgray);
}
.pie-chart-box-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    width: 1100px;
    margin: 0 auto;
}
.pie-chart.pie-chart-first {
    max-width: 100% !important;
}

/****************************Event Page*******************************/
.single-opencampus-container{
  padding-block: 7px 52px;
}
.single-opencampus-container .event-full-img{
  aspect-ratio: 1080 / 450;
  height: 100%;
  width: 100%;
}
.single-opencampus-container .event-full-img img{
  width:100%;
  height: 100%;
}
.single-opencampus-container h3.meta-heading{
  font-family: var(--inter);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #CB382A;
  margin-bottom: 36px;
  text-transform: lowercase;
}
.single-opencampus-container h3.meta-heading span.num{
  font-size: 50px;  
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2px;
}
.single-opencampus-container h3.meta-heading span.small{
  font-size: 13px;
  font-weight: 600;
  line-height: 2.1;
  color: #1C1A1A;
  position: relative;
  padding-left: 21px;
  margin-left: 12px;
}
.single-opencampus-container h3.meta-heading span.small:before {
    content: '';
    background: var(--EerieBlack);
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 15px;
}
.single-opencampus-container h4{
  font-weight: 500;
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 1px;
  margin-bottom: 49px;
}
.single-opencampus-container .opencampus-content-box{
  display: grid;
  grid-template-columns: 77% 18%;
  gap: 5%;
  padding-block: 98px;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 1px;
}

.single-opencampus-container .opencampus-content-box .ocb-left h1{
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 1.8;
  position: relative;
  padding-top: 20px;
  margin-bottom: 31px
}
.single-opencampus-container .opencampus-content-box .ocb-left h1:before{
  content:'';
  background-color: #CB382A;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 2px;
}
.single-opencampus-container .opencampus-content-box .ocb-left h2{
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.8;
    font-weight: 500;
    position: relative;
    padding-left: 16px;
    margin-top: 78px;
    margin-bottom: 28px;
}
.single-opencampus-container .opencampus-content-box .ocb-left h2:before{
    content: '';
    background-color: #CB382A;
    position: absolute;
    left:0px;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.single-opencampus-container .opencampus-content-box .ocb-left p{
    margin-bottom: 25px;
}
.single-opencampus-container .opencampus-content-box .ocb-right {
    position: sticky;
    top: 94px; 
    align-self: start;
}
.single-opencampus-container .opencampus-content-box .ocb-right .base-button{
    color: #CB382A;  
    background-color: #f9f7f8;
    min-width: 100%;
}

.single-opencampus-container .opencampus-content-box .ocb-right .base-button:before{
  border-color: #CB382A;
}
.single-opencampus-container .opencampus-content-box .ocb-right .schedule-box{
    background-color: var(--EerieBlack);
    color: #ffffff;
    margin-bottom: 40px;
}
.single-opencampus-container .opencampus-content-box .ocb-right .schedule-box-inner{
    color: #ffffff;
    padding: 26px 30px 35px;
    line-height: 2;
}
.single-opencampus-container .opencampus-content-box .ocb-right .schedule-box h5{
    border-bottom: 1px #ffffff solid;
    padding: 26px 30px;
}
.single-opencampus-container .opencampus-content-box .ocb-right .schedule-box h6{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 5px;
}
.mt-27{
    margin-top: 27px;
}
.single-opencampus-container .opencampus-content-box .ocb-left .base-button, .single-opencampus-container .opencampus-content-box .ocb-right .btn-shows-on-mobile{
    flex-direction: row-reverse;
    justify-content: center;
    padding-right: 14px;
    background: transparent;
    color: #000;
}
.single-opencampus-container .opencampus-content-box .ocb-left .base-button .btn-arrow, .single-opencampus-container .opencampus-content-box .ocb-right .btn-shows-on-mobile .btn-arrow{
    position: absolute;
    left: 15px;
    transform: rotate(180deg);
}
.single-opencampus-container .opencampus-content-box .ocb-right .btn-shows-on-mobile:before{
    border-color: var(--EerieBlack);
}

/********************************Course Page************************************/

.course-page-top-container{
    background-color: var(--EerieBlack);
    color: #f9f7f7;    
}
.course-page-top-container .esmo_row {
    align-items: normal;
    padding-bottom: 104px;
}
.course-page-top-container .esmo_row.image-with-text .esmo_col-7 p:first-child{
    padding-top: 0;
}
.course-page-top-container .esmo_row.image-with-text h4 {
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
}
.course-page-top-container #breadcrumbs a{
    color: var(--lightgray);
}
.course-page-top-container .verNavList li a:not(:hover) {
    color: var(--lightgrey);
}
.course-page-top-container .title_lebel_withborder:before {
    background-color: var(--strongred);
    height: 2px;
}
.day-time-course-list-container{
    background-color: #f9f7f8;
    padding-block: 150px;
}
.day-time-course-list-container .title_sectionLeftBord h4 {
    color: var(--EerieBlack);
}
.course-list{
    border-top:1px #1C1A1A solid;
    border-bottom:1px #1C1A1A solid;
    margin-top: 80px;
}
.course-list .course-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* margin-inline: 50px; */
    border-left:1px #1C1A1A solid;
    border-right:1px #1C1A1A solid;
    border-bottom:1px #1C1A1A solid;
}
.course-list a {
    display: block;
    margin-inline: 50px;
}
.course-list .course-list-link:last-child .course-box {
    border-bottom:0px #1C1A1A solid;
}
.course-list .course-box .course-box-img{
    padding: 29px;
    border-right:1px #e2dcdc solid;    
}
.course-list .course-box .course-box-content{
    padding: 38px 29px 25px 30px;
    line-height: 1.8;
    letter-spacing: 1px;  
    font-size: 14px;
    position: relative;
}
/* .course-list .course-box .course-box-content .arrow{
    position: absolute;
    right: 45px;
    bottom: 45px;
} */
.course-list .course-box .course-box-content .arrow {
    position: absolute;
    right: 26px;
    bottom: 60px;
}
.course-list .course-box .course-box-content h2{
    line-height: 1.2;
}
.course-list .course-box .course-box-content h2{
    font-size: 40px;
    font-family: var(--inter);
    color: var(--strongred);
    line-height: 1.2;
    letter-spacing: 0;
    margin-top: 3px;
    text-decoration: none;
}
.course-list .course-list-link{ 
    text-decoration: none;
    color: var(--EerieBlack);    
}
.course-list .course-list-link .course-box .course-box-img .course-box-img-inner{
    overflow: hidden;
}
.course-list .course-list-link .course-box .course-box-img img{
    transform: scale(1);
    transition: all .4s ease-out;
}
.course-list .course-list-link:hover .course-box .course-box-img img{
    transform: scale(1.1);
    transition: all .4s ease-in;
}
.course-list .course-box .course-box-content h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-top: 38px;
    margin-bottom: 22px;
}
.course-list .course-box .course-box-img .course-box-img-inner{
    aspect-ratio: 530 / 370;
}
.course-list .course-box .course-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.evening-saturday-course-list-container{
    background-color: #f3eff0;
    padding-block: 120px 150px;
}
.course-details-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
}
.course-details-container .course-details-box{
    border-bottom: 1px #E1DCDB solid;
    line-height: 1.8;
    letter-spacing: 1px;
    padding-top: 16px !important;
    padding-bottom: 20px !important;
}
.course-details-container .course-details-box:last-child {
    border-bottom: 0;
}
.course-details-container .course-details-box h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
}
.course-details-container .course-details-box h3{
    margin-bottom: 6px;
}
.single-course-section-one {
    padding-top: 130px;
    padding-bottom: 130px;
}
.single-course-section-one .title_sectionLeft h5 small, .single-course-section-two .title_sectionLeft h5 small{
    margin-bottom: 16px;
}
.single-course-section-one .title_sectionLeft{
    margin-bottom: 72px;
}

.single-course-section-two{
    background-color: var(--EerieBlack);
    padding-top: 150px;
    padding-bottom: 110px;
    color: var(--lightgray);
}
.single-course-section-two-box {
    display: grid;
    grid-template-columns: 52% 41%;
    gap: 7%;
    padding-top: 70px;
    padding-bottom: 80px;
}
.single-course-section-two-box .accordion-header {
    padding-block: 17px;
    padding-inline: 0px;
}
.single-course-section-two-box .accordion-header::after {
    right: 5px;
}
.single-course-section-two-box .accordion-content {
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 35px;
    line-height: 1.8;
}

/******************************************************************/

.tabs {
  margin: 40px auto;  
}

.tab-headers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.tab-headers.two-tabs {
    grid-template-columns: repeat(2, 1fr);
}

.tab-btn {
  background: none;
  border: none;
  font-size: 20px;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: 0.3s;
  color: #ffffff;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 1px;
}

.tab-btn.active {
  color: var(--strongred);
  font-weight: 500;  
  background: #f9f7f8;
}

.tab-content {
  display: none;
  color: var(--EerieBlack);
  background: #f9f7f8;
  padding: 60px 60px 65px 60px;
}

.tab-content.active {
  display: block;  
}

.tab-content-list-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
ul.tab-content-list-dash{
  list-style: none;
  padding-left: 1px;
  line-height: 1.8; margin-top: 5px;
  letter-spacing: 1px;
}
ul.tab-content-list {
  list-style: none;
  padding-left: 15px;
  margin-top: 44px;
  margin-bottom: 46px;
  border-left: 1px #b3b3b3 solid;
  line-height: 1.8;
  letter-spacing: 1px;
}
ul.tab-content-list-dash li,
ul.tab-content-list li {
  position: relative;
}
ul.tab-content-list li {
  padding-left: 10px;
}
ul.tab-content-list-dash li::after{display: block; content: ''; clear: both; height: 0;}
ul.tab-content-list-dash li::before{  content: '';
  background-color: #F9F7F7;
  height: 1px;
  width: 4px; margin-top: 12px; margin-right: 6px; float: left; display: inline-block;
  /* position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); */
}
ul.tab-content-list li:before {
  content: '';
  background-color: #1C1A1A;
  height: 1px;
  width: 4px;
  position: absolute;
  left: 0;
  top: 12px;
}
ul.tab-content-list li:first-child{
  padding-left: 0;
}
ul.tab-content-list li:first-child:before {
  display: none;
}

ul.tab-content-list li h5{
  font-weight: 500;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 1px;
  position: relative;
  padding-left: 18px;
}
ul.tab-content-list li h5::before {
  content: '';
  background-color: #CB382A;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top:8px
}

/******************************************************************/

.single-course-section-three{
    padding: 150px 0;
}
.single-course-section-three .admission-btn{
    font-weight: 500;
    font-size: 18px;
    color: #1C1A1A;
    line-height: 1.5;
    letter-spacing: 1px;
    text-decoration: none;
    border: 5px #CB382A solid;
    padding: 43px 48px;
    display: block;
    position: relative;
}
.single-course-section-three .admission-btn .f-arrow {
    right: 45px;
}
.single-course-section-three .admission-btn span{
    font-family: var(--inter);
    font-size: 65px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #CB382A;
    display: block;
}
.single-course-section-three .admission-btn:after{
    content:"";
    /* background-image: url('../images/arrow.svg'); */
    width: 68px;
    height: 60px;
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
/*******************************************************************************/

/*****************************Career Page Container*****************************/

.career-page-container{
    padding-top: 109px;
}
.career-page-container .features-box-main{
    display: block;
    margin-top: 70px;
    margin-bottom: -13px;
}
.career-page-container .horizontal-line {
    margin-bottom: 15px;
}
.career-page-container .center-box h3, .career-page-container .center-box h4, .career-page-container .center-box h5{
    color:#1C1A1A;
}
.career-page-container .pie-chart-first .center-box h5{
    color:#CB382A;
}
.career-page-container .pie-chart-two .center-box h5{
    color:#A4A3A3;
}
.career-page-container .text-box-one h3, .career-page-container .text-box-two h3, .career-page-container .text-box-three h3, .career-page-container .text-box-four h3 {
    font-size: 17px;
    line-height: 1.3;
}
.career-page-container .pie-chart.pie-chart-two .text-box-one h3, .career-page-container .pie-chart.pie-chart-two .text-box-two h3, .career-page-container .pie-chart.pie-chart-two .text-box-three h3, .career-page-container .pie-chart.pie-chart-two .text-box-four h3 {
    font-size: 14px;
}
.career-page-container .text-box-one h3 span, .career-page-container .text-box-two h3 span, .career-page-container .text-box-three h3 span, .career-page-container .text-box-four h3 span {    
    font-size: 23px;
    letter-spacing: 0;
    line-height: 1.25;
}
.career-page-container .pie-chart.pie-chart-two .text-box-one h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-two h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-three h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-four h3 span {    
    font-size: 20px;
}
.career-page-container .center-box h3 {
    font-size: 25px !important;
    line-height: 1.7;
}
.career-page-container .center-box h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px !important;
    line-height: 1.6;
}
.career-page-container .pie-chart.pie-chart-first {
    max-width: 100% !important;
}
.career-page-container .center-box h5 {
    font-size: 63px;
    line-height: 1;
}
.career-page-container .pie-chart-two .center-box h5 {
    font-size: 32px;
    line-height: 1;
}
.career-page-container .center-box h5 span {
    font-size: 27px;
    line-height: 1.65;
    letter-spacing: 0px;
}
.career-page-container .text-box-one h3{
    text-align: right;
}
.career-page-container .text-box-one h3 span span, .career-page-container .text-box-two h3 span span, .career-page-container .text-box-three h3 span span, .career-page-container .text-box-four h3 span span{
    font-family: var(--inter);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0;
}
.career-page-container .pie-chart-two .center-box h5 span {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0px;
}
.career-page-container .pie-chart-box .pie-chart.pie-chart-two {
    max-width: 73%;
}
.career-page-container .pie-chart-two .center-box h3 {
    font-size: 16px !important;
    line-height: 1.6;
}
.career-page-container .pie-chart-two .center-box h4 {
    font-size: 16px !important;
    line-height: 1.6;
    letter-spacing: 1px;
}
.career-page-container .pie-chart-box-container{
    width: 950px;
    padding-left: 3.3%;
}
.career-page-container .text-box-one {
    top: 20px;
    left: 41px;
}
.career-page-container .text-box-two {
    bottom: 150px;
    left: -55px;
}
.career-page-container .text-box-three {
    bottom: 50%;
    right: -22px;
}
.career-page-container .pie-chart-two .text-box-one {
    top: 15px;
    left: 12px;
}
.career-page-container .pie-chart-two .text-box-two {
    bottom: 50px;
    left: 14px;
}
.career-page-container .pie-chart-two .text-box-four {
    bottom: 80px;
    right: 44px;
}
.career-page-container .pie-chart-two .text-box-three {
    top: 30px;
    right: -25px;
}
.career-page-container .pie-chart-two .center-box {
    left: 44%;
}
.career-page-container .about-esmod-text-box{
    background-color: #faeaea;
    padding: 46px 51px 48px 50px;
    line-height: 2;
    letter-spacing: 1px;
    /* margin-bottom: 150px; */
}
.career-page-container .about-esmod-text-box h5{
    font-size: 11px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 10px;
}


.career-opportunities-section, .career-support{
    background-color: var(--EerieBlack);
    padding: 130px 0 150px;
    color: #ffffff;
    line-height: 2;
    letter-spacing: 1px;
}
.career-opportunities-section .horizontal-line, .career-support .horizontal-line{
    /* background-color: var(--EerieBlack); */
}
.upper-line-heading{
    font-weight: 500;
    font-size: 39px;
    line-height: 1.5;
    letter-spacing: 1px;
}
.upper-line-heading small{
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    color: #CB382A;
    line-height: 1.5;
    letter-spacing: 0px;
    display: block;
    position: relative;
    padding-top: 19px;
    padding-bottom: 27px;
}
.upper-line-heading small:before{
    content: '';
    background-color: #cb3b2a;
    width: 30px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.upper-line-heading small:after {
    content: '';
    background: #626061;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 30px;
    top: 0px;
}
.career-opportunities-section .title_sectionLeft, .career-opportunities-section .upper-line-heading, .career-support .title_sectionLeft, .career-placement-success-container .title_sectionLeft{
    margin-bottom: 71px;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box{
    background-color: #555354;
    padding: 1px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin-top: 50px;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box{
    background-color: var(--EerieBlack);
    padding: 29px;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box h3{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    border-bottom: 1px #555354 solid;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box ul li{
    position: relative;
    padding-left: 13px;
    padding-bottom: 7px;
    line-height: 1.8;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box ul li:before{
    content: '';
    background-color: #cb3b2a;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 50%;
}
.career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box ul li:last-child{
    padding-bottom: 0px;
}
.career-opportunities-section .title_sectionLeft h5 small, .our-alumnis-section .title_sectionLeft h5 small, .career-support .title_sectionLeft h5 small, .career-placement-success-container .title_sectionLeft h5 small{
    margin-bottom: 16px;
}
.our-alumnis-section{
    padding: 130px 0 70px;
    line-height: 2;
    letter-spacing: 1px;
}
.our-alumnis-section .base-button{
    background-color: transparent;
    margin-top: 21px;
}

.our-alumnis-section .image-with-text {
    padding: 69px 0 72px;
}

.career-support h6{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 50px;
}
.career-support h6::before{
    content: '';
    background-color: #cb3b2a;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 50%;
}
.career-support-list-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 61px;
}
.career-support-list-block .career-support-block .cslb-num{
    font-family: var(--inter);
    font-size: 65px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    color: var(--strongred);
    position: relative;
    display: block;
}
.career-support-list-block .career-support-block .cslb-num::after {
    content: '';
    background-color:#494848;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.career-support-list-block .career-support-block span.cslb-num span {
    background-color: var(--EerieBlack);
    z-index: 999;
    position: relative;
    padding-right: 8px;
}
.career-support-list-block .career-support-block h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-block: 15px;
}
.cslb-two-title{
    margin-top: 97px;
}
.career-support-list-block .career-support-block .career-support-block-img{
    aspect-ratio: 320 / 180;
}
.career-support-list-block .career-support-block .career-support-block-img img{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.career-placement-success-container{
    padding: 130px 0 143px;
    line-height: 1.8;
    letter-spacing: 1px;
}


/*******************************************************************************/

/****************************************************************************/

.flow-container{
    padding: 110px 0 0;
}
.flow-container .title_sectionLeft h5 small {
    padding-bottom: 22px;
}
.flow-container .title_sectionLeftBord{
    margin-bottom: 62px;
}
.flow-link-list-container{
    position: sticky;
    top: 0px; 
    align-self: start;
    background-color: #f9f7f8;
    z-index: 999;
}
.flow-link-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 23px;
    padding-bottom: 23px;    
}
.flow-link-list a{
    text-decoration: none;
    color: var(--EerieBlack);
    border: 1px #E1DCDB solid;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0px;
    padding-left: 12px;
    padding-right: 32px;
    position: relative;
    padding-top: 3px;
    padding-bottom: 5px;
    transition: all .2s ease-in;    
}
.flow-link-list a::after{
    content: '';
    background-image: url('../images/subtract.svg');
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in;
}
.flow-link-list a:hover, .flow-link-list a.active{
    border-color: #CB382A;
    color: var(--strongred);    
}

/*******************************************************/
.grid-table {
    display: grid;
    grid-template-columns: 2.5fr 2fr 2fr 2fr 1fr;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
}
.grid-table.saturday-table-3{
    grid-template-columns: 2.5fr 2fr 2fr 1fr;
}
.grid-table-two {
    display: grid;
    grid-template-columns: 2fr 1.2fr;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
    max-width: 59%;
}
.grid-table-three {
    display: grid;
    grid-template-columns: 2.5fr 2fr 2fr 2fr;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
    max-width: 86%;
}
.grid-table-four {
    display: grid;
    grid-template-columns: 2.5fr 2fr 2fr 2fr 2fr;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
}
.cell {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 11px 10px 13px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cell.header {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 500;   
    padding: 2px 10px; 
}
.cell.grey-bg{
    background-color: #f3eff0;
}
.rowspan {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: span 4;
}
/*******************************************************/

.fasion-design-container{
    display: grid;
    grid-template-columns: 24% 74%;
    gap: 2%;
    margin-top: 70px;
}
.fasion-design-container .fdc-left-box h6{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    position: relative;
    padding-left: 18px;
}
.fasion-design-container .fdc-left-box h6::before{
    content: '';
    background-color: #cb3b2a;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 50%;
}
.fasion-design-container .fdc-right-box .fdc-right-box-content {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-top: 14px;
}
.fasion-design-container .fdc-right-box .fdc-right-box-content .light-color-content{
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #8D8C8C;
    padding-top: 12px;
}
.box-one .base-button, .box-two .base-button, .box-three .base-button, .box-four .base-button{
    margin: 75px auto 20px;
    color: var(--strongred);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px; 
    background: transparent;
}
.box-one .base-button::before, .box-two .base-button::before, .box-three .base-button::before, .box-four .base-button::before{
    border-color: var(--strongred);
}
.fasion-btn{
    display: flex;
    justify-content: center;
}
.box-one .fasion-design-container .fdc-left-box .base-button, .box-two .fasion-design-container .fdc-left-box .base-button, .box-three .fasion-design-container .fdc-left-box .base-button, .box-four .fasion-design-container .fdc-left-box .base-button{
    width: 138px;
    height: 30px;
    padding: 0 14px;
    line-height: 1.5;
    gap: 6px;
    background: transparent;
    margin-top: 22px;
    color: var(--EerieBlack);    
}
html[lang="en"] .box-one .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-two .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-three .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-four .fasion-design-container .fdc-left-box .base-button{
    min-width: 138px;
    width: auto;
    height: 30px;
    padding: 0px 40px 0px 14px;
    line-height: 1.5;
    gap: 6px;
    background: transparent;
    margin-top: 22px;
    color: var(--EerieBlack);    
}
.box-one .fasion-design-container .fdc-left-box .base-button::before, .box-two .fasion-design-container .fdc-left-box .base-button::before, .box-three .fasion-design-container .fdc-left-box .base-button::before, .box-four .fasion-design-container .fdc-left-box .base-button::before{
    border-color: var(--EerieBlack);
}
.box-one{
    padding-top: 63px;
    padding-bottom: 130px;
}
.box-two, .box-four{
    background-color: #f3eff0;
    padding-block: 130px;;
}
.box-three{
    padding-block: 130px;;
}
.box-three .grid-table-two, .box-four .grid-table-two {
    grid-template-columns: 2fr 2fr;
    max-width: 75%;
}

.flow-container-two{
    padding-top: 150px;
    padding-bottom: 145px;
    background-color: var(--EerieBlack);
    color: var(--lightgray);
    border-bottom: 1px var(--lightgray) solid;
}
.flow-container-two .timeline .step-content {
    color: var(--lightgray);
}
.flow-container-two .timeline .step-number{
    background-color: var(--EerieBlack);
    color:#494848;
    border-color: #494848;
}
.flow-container-two .timeline .step.active .step-number {
    color: var(--lightgray);
    border-color: var(--lightgray);
    background-color: var(--EerieBlack);
}
.flow-container-two .base-button{
    background: transparent;
    color: var(--lightgray);
}

/****************************************************************************/

.day-time-course-list-container .course-list .course-box .course-box-content h2, .evening-saturday-course-list-container .course-list .course-box .course-box-content h2 {
    font-size: 50px;
}
.day-time-course-list-container .course-list .course-box .course-box-content h4, .evening-saturday-course-list-container .course-list .course-box .course-box-content h4 {
    font-size: 20px;
    margin-top: 21px;
    margin-bottom: 9px;
}
.day-time-course-list-container .course-list .course-box .course-box-content, .evening-saturday-course-list-container .course-list .course-box .course-box-content {
    font-size: 13px;
}
.day-time-course-list-container .course-list .course-box .course-box-content .arrow, .evening-saturday-course-list-container .course-list .course-box .course-box-content .arrow {
    width: 68px;
}

.about_head_image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_head_image {
    aspect-ratio: 670 / 406;
}

/********************************************************************/
.instructor-container {
    border: 1px #1C1A1A solid;
    padding: 46px 40px;
    margin-bottom: 99px;
}
.instructor-container .instructor-container-box {
    display: grid;
    grid-template-columns: 69% 25%;
    gap: 6%;
    margin-bottom: 39px;
}
.instructor-container .instructor-container-box:last-child {
    margin-bottom: 0px;
}
.instructor-container .instructor-container-box .instructor-img-box{
    aspect-ratio: 150 / 150;
    width: 100%;
    height: 100%;
}
.instructor-container .instructor-container-box .instructor-img-box img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.instructor-container .instructor-container-box .about-instructor h3{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.instructor-container .instructor-container-box .about-instructor p{
    line-height: 1.8;
    letter-spacing: 0px;
}

/**********************************Features Page********************************/

.features-we-are-proud-of .features-container{
    background-color: transparent;
    padding: 110px 0 89px;
    color: var(--EerieBlack);
}
.features-we-are-proud-of .features-container{
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 1px;
    display: grid;
    /* grid-template-columns: 28% 62%;
    gap: 10%; */
    grid-template-columns: 28% auto;
    gap: 80px;
}
.features-we-are-proud-of .features-container .features-box-title h3 {   
    font-weight: 400;
    font-style: normal; 
    width: 303px;
    height: 303px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 45px;
    letter-spacing: 5px;
    position: relative;
    line-height: 1.2;
}
.features-we-are-proud-of .features-container .features-box-title h3 .rotate-circle {
    border: 1px #E1DCDB solid;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.features-we-are-proud-of .features-container .features-box-title h3 .rotate-circle:after {
    content: '';
    background-color: #E1DCDB;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
}
.features-we-are-proud-of .features-container .features-box-title h3 .rotate-circle:before {
    content: '';
    background-color: #E1DCDB;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}
.features-we-are-proud-of .features-container .features-box-title h3 span{
    display: block;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 16px;
    color: #CB382A;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 9px;
}
.features-we-are-proud-of .features-container .features-box-content{
    font-size: 13px;
    letter-spacing: 1px;
}
.features-we-are-proud-of .features-container .features-box-content p {
    line-height: 1.8;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num{
    font-family: var(--inter);
    font-size: 65px;
    font-weight: 400;
    letter-spacing: 0px;
    color: transparent;
    -webkit-text-stroke: 1px #CB382A;
    position: relative;
    display: block;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 18px;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num::before{
    content: '';
    background-color: #E1DCDB;
    width: 91%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num {
    margin-top: 37px;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num:first-child{
    margin-top: 0px;
}
.features-we-are-proud-of .features-container .features-box-content h4{
    font-weight: 500;
    font-style: normal;
    font-size: 25px;
    letter-spacing: 2px;
    margin-bottom: 35px;
}
.features-we-are-proud-of .features-container .features-box-content h4 span{
    font-weight: 500;
}
.features-we-are-proud-of .features-container .features-box-content .glb-vid {
    width: 100%;
    height: auto;
    margin: 10px auto 39px;
    display: table;
    padding: 0 36px;
    mix-blend-mode: multiply;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num .line-circle{
    width: 65px;
    height: 65px;
}
.features-we-are-proud-of .instructors-list-container{    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 29px;
}
.features-we-are-proud-of .instructors-list-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 10px;
}
.features-we-are-proud-of .instructors-list-box .instructors-img{
    border-radius: 100%;
    aspect-ratio: 160 / 160;
    background-color: #f3eff0;
    margin: 0 auto;
    max-width: 160px;
}
.features-we-are-proud-of .instructors-list-box .instructors-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.features-we-are-proud-of .instructors-list-box .instructors-content{
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #121212;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}
.features-we-are-proud-of .instructors-list-box .instructors-content h5{
    font-family: var(--inter);
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0;
    color: #CB382A;
    line-height: 1;
}
.features-we-are-proud-of .instructors-list-box .instructors-content h6{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
    color: #121212;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 11px;
}
.features-we-are-proud-of .instructors-list-box .instructors-content h6 span{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #A4A3A3;
    padding-left: 7px;
}
.features-we-are-proud-of .instructors-list-box .instructors-content p {
    line-height: 1.5;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}
.features-we-are-proud-of .instructors-list-box.img-right{
    grid-template-columns: 506px 160px;
}
.features-we-are-proud-of .instructors-list-box.img-right .instructors-img {
    order: 2;
}
.instructors-list-box.img-right .instructors-content {
    order: 1;
}
.features-we-are-proud-of .global-fashion-industry-box{
    padding: 81px 0 61px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
}
.features-we-are-proud-of .global-fashion-industry-box h3{
    font-size: 20px;
    letter-spacing: 2px;
    position: relative;
    padding-left: 25px;
    line-height: 1.6;
}
.features-we-are-proud-of .global-fashion-industry-box h3:before{
    content: '';
    background-color: #CB382A;
    width: 15px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.features-we-are-proud-of .global-fashion-industry-box-inner{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 32px;
    margin-bottom: 0px;
}
.features-we-are-proud-of .person-details-box .pdb-img-box{ 
    aspect-ratio: 205 / 205;
}
.features-we-are-proud-of .person-details-box .pdb-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.features-we-are-proud-of .person-details-box .pdb-name{
    font-family: var(--inter);
    font-weight: 400;
    font-size: 22px;
    color: #CB382A;
    letter-spacing: 0;
    text-align: right;
    margin: -6px 0 0 0;
    line-height: 1;
}
.features-we-are-proud-of .person-details-box h5{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-top: 14px;
    margin-bottom: 7px;
}
.features-we-are-proud-of .person-details-box h6{
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #A4A3A3;
    line-height: 1.5;
    margin-bottom: 6px;
}
.features-we-are-proud-of .person-details-box p{
    line-height: 1.5;
}
.features-we-are-proud-of .global-fashion-industry-box .video-container-main{
    margin: 38px auto 0;
    width: 100%;
    height: 100%;
}
.features-we-are-proud-of .video-container-main{
    width: 800px;
    height: 450px;
    margin: 0 auto 0;
}
.features-we-are-proud-of .video-container {
    position: relative;
    aspect-ratio: 696 / 391.5;
}
.features-we-are-proud-of .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevent interaction until hover */
    transition: filter 0.3s ease;
    /* filter: grayscale(1) brightness(0.5); */
}
.features-we-are-proud-of .video-container:hover iframe {
    pointer-events: auto; /* Enable interaction */
    filter: none;
}

.features-we-are-proud-of .fashion-designer-list-container {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    row-gap: 39px;
    margin-top: 39px;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header h5{
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 5px;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header h5:before{
    content: '';
    background-color: #CB382A;
    width: 15px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header .award-category{
    color: #CB382A;
    display: block;
    line-height: 1.5;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header .fdd-text2{
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-img{
    aspect-ratio: 318 / 250;
    overflow: hidden;
    margin-top: 11px;
}
.features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features-we-are-proud-of .style-me-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 75px;
}
.features-we-are-proud-of .style-me-box .sm-box{
    position: relative;
    margin-top: 26px;
}
.features-we-are-proud-of .style-me-box .sm-box:first-child .box-img{
    position: relative;
}
.features-we-are-proud-of .style-me-box .sm-box:first-child .box-img:after{
    content: '';
    background-image: url(../images/features/plus-img.svg);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);

}
.features-we-are-proud-of .style-me-box .sm-box .title {
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    text-transform: uppercase;
    color: #CB382A;
    text-align: center;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 30px;
    z-index: 1;
}
.features-we-are-proud-of .style-me-box .sm-box .box-img{
    height: 209px;
    width: 100%;
}
.features-we-are-proud-of .style-me-box .sm-box .box-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}
.features-we-are-proud-of .style-me-box .sm-box .box-content h4{
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
}
.features-we-are-proud-of .style-me-box .sm-box .box-content h4 span{
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #A4A3A3;
    display: block;    
}
.features-we-are-proud-of .content-image-box{
    width: 400px;
    height: 200px;
    overflow: hidden;
    margin: -2px auto 32px;
}
.features-we-are-proud-of .content-image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.features-we-are-proud-of .center-box h3, .features-we-are-proud-of .center-box h4 {
    color: #1C1A1A;
}
.features-we-are-proud-of .pie-chart-box-container {
    width: 97.7%;
    width: 786px;
}
.features-we-are-proud-of .features-container .base-button::before {
    border-color: var(--EerieBlack);
}
.features-we-are-proud-of .features-container .base-button{
    color: #000;
    margin-top: 49px;
    margin-bottom: 6px;
}
.features-we-are-proud-of .rank-container {
    background-color: #FAEBEA;
}
.features-video-container{
    padding-top: 72px;
}
.features-we-are-proud-of .panel2{
    background-color: #F2EFEF;
}
.features-we-are-proud-of .pie-chart.pie-chart-first {
    max-width: 90% !important;
}
.features-we-are-proud-of .pie-chart-box .pie-chart:nth-child(1) {
    max-width: 70%;
}
.features-we-are-proud-of .features-container .features-box-title h3 .rotate-circle{
	animation: rotate360 60s linear infinite;
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.features-we-are-proud-of .panel2 .features-container{
    padding: 150px 0 135px;
}
.features-we-are-proud-of .text-box-one {
    top: 15px;
    left: 41px;
}
.features-we-are-proud-of .text-box-two {
    bottom: 150px;
    left: -44px;
}
.features-we-are-proud-of .pie-chart-two .text-box-one {
    left: -3px;
    top: 30px;
}
.features-we-are-proud-of .pie-chart-two .text-box-two {
    left: -10px;
    bottom: 90px;
}
.features-we-are-proud-of .pie-chart-two .text-box-three {
    top: 60px;
    right: -31px;
}
.features-we-are-proud-of .pie-chart-two .text-box-four {
    bottom: 60px;
    right: 58px;
}
.features-we-are-proud-of .pie-chart-box .pie-chart-two {
    width: 70.2%;
}
.features-we-are-proud-of .center-box h3{
    font-size: 18px !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 1px;
}
.features-we-are-proud-of .center-box h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}
.features-we-are-proud-of .text-box-one h3 span span, .features-we-are-proud-of .text-box-two h3 span span, .features-we-are-proud-of .text-box-three h3 span span, .features-we-are-proud-of .text-box-four h3 span span{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
}
.features-we-are-proud-of .pie-chart-two .center-box{
    left: 42%;
}
.features-we-are-proud-of .panel3 .features-container{
    padding: 150px 0 135px;
}
.features-we-are-proud-of .panel3{
    background-color: #F7F2EC;
}
.features-we-are-proud-of .panel3 .pie-chart-three {
    width: 50%;
    width: 407px;
    margin: 0 auto;
}
.features-we-are-proud-of .panel3 .pie-chart-three .circle circle {
    stroke-width: 23;
}
.features-we-are-proud-of .panel3 .pie-chart-three .text-box-one {
    top: 45px;
    left: 25px;
}
.features-we-are-proud-of .panel3 .pie-chart-three .text-box-two {
    bottom: 90px;
    left: 27px;
}
.features-we-are-proud-of .panel3 .pie-chart-three .text-box-four {
    bottom: 84px;
    right: 7px;
}
.features-we-are-proud-of .pie-chart-three .text-box-three {
    top: 30px;
    right: 90px;
}
.features-we-are-proud-of .features-box.features-box-title.left {
    position: sticky;
    top: 90px;
    align-self: start;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num.features-box-num-three {
    margin-top: 63px;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num.features-box-num-four {
    margin-top: 76px;
}
.features-we-are-proud-of .features-container .features-box-content .features-box-num.panel2-num2, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel2-num3, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num2, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num3, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num4{
    margin-top: 79px;
} 


/*******************************************************************************/

/**************************************Q&A**************************************/

.qa-page-container{
    padding-top: 102px;
    padding-bottom: 110px;
}
.qa-page-container .accordion-header {
    color: var(--EerieBlack)
}
.qa-page-container .accordion-contentInner{
    display: block;
}
.qa-page-container .accordion-content {
    padding: 0px;
}
.qa-page-container .accordion-header.qa-question {
    position: relative;
    padding: 38px 74px 37px;
}
.qa-page-container .accordionDetail.qa-answer {
    position: relative;
    padding: 17px 74px;
}
.qa-page-container .accordion-header.qa-question:before, .qa-page-container .accordionDetail.qa-answer:before {
    font-family: var(--inter);
    content: "Q";
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--strongred);
}
.qa-page-container .accordionDetail.qa-answer:before {
    content: "A";
    color: #A4A3A3;
}
.qa-page-container .accordion-contentInner {
    padding-block: 0px;
}
.qa-page-container .toggle-all:hover {
    color: var(--EerieBlack);
}
.qa-page-container .accordion-header{
    font-size: 15px;
}
.qa-page-container .accordionDetail.qa-answer{
    line-height: 1.8;
    letter-spacing: 1px;
    background-color: #F2EFEF;
}
.qa-page-container .accordion-item, .qa-page-container .accordion {
    border-color: #E1DCDB;
}
/*******************************************************************************/

/******************************access*******************************************/

.access-container {
    padding: 22px 0 70px;
}
.access-container .animate-arrow.right-arrow {
    background: transparent;
    /*margin-left: 13px;*/
}
.access-container .map-address{
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.access-container .animate-arrow.right-arrow.google-map-link span.f-arrow {
    transform: rotate(-40deg);
    top: 30%;
}
.access-container .base-button {
    padding: 3px 14px;
    width: 130px;
    font-size: 12px;
    line-height: 2;
}
.access-container .base-button.animate-arrow span.arrow {
    right: 12px;
}
.access-container .text-block {
    padding: 0 0 16px 0;
    border-bottom: 1px #E1DCDB solid;
    margin-bottom: 32px;
}
.access-container .text-block:last-child{
    margin-bottom: 0px;
}
.access-container .text-block h5 {
    padding-bottom: 0px;
    line-height: 1.5;
}
.access-container .text-block p {
    line-height: 1.8;
    letter-spacing: 1px;
}
.access-container.access-container-section-two{
    background-color: #F2EFEF;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 1px;
    padding: 150px 0 0;
}
.access-container-section-two .title_sectionLeft h5 small {
    padding-bottom: 22px;
}
.access-container-section-two .contact-details {
    border: 1px var(--EerieBlack) solid;
    padding: 19px 29px 4px 29px;
    font-size: 14px;    
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-left: 18px;
}
.access-container-section-two .contact-details .contact-numbers{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;    
}
.access-container-section-two .contact-details .contact-numbers a, .access-container-section-two .contact-details .contact-numbers .fax-number{
    text-decoration: none;
    color: var(--EerieBlack);
    border-bottom: 1px var(--EerieBlack) solid;
}
.access-container-section-two .contact-details .contact-numbers a span, .access-container-section-two .contact-details .contact-numbers .fax-number span{
    color: var(--strongred);
    text-transform: uppercase;
    padding-right: 9px;
}
.access-container-section-two .horizontal-line{
    margin-top: 0;
}
.access-container-section-two .image-with-text {
    padding-top: 66px;
    padding-bottom: 20px;
}

/*******************************************************************************/

.single-course-section-two-box .accordion-content .tab-content-list {
    border: none;
    padding: 0;
    margin: 0;
}
.single-course-section-two-box .accordion-content .tab-content-list li{
    position: relative;
    padding-left: 18px;
    padding-bottom: 5px;
}
.single-course-section-two-box .accordion-content .tab-content-list li::before, .single-course-section-two-box .accordion-content ul.tab-content-list li:first-child::before{
    content: '';
    background-color: #CB382A;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
    transform: none;
}
.single-course-section-two-box .accordion-content ul.tab-content-list li:first-child::before{
    display: inline;
}
.single-course-section-two-box .accordion-content ul.tab-content-list li:first-child{
    padding-left: 18px;
}

/******************************professor-page-container***************************/

.professor-page-container{
    padding-block: 4px 150px;
}
.professor-page-container .title_sectionLeft h5 span{
    font-weight: 400;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-left: 5px;
}
.professors-list-main{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 57px;
    margin-top: 49px;
}
.professors-list-main .professors-list{
    cursor: pointer;
}
.professors-list-main .professors-list .professors-list-img{
    aspect-ratio: 247 / 200;
}
.professors-list-main .professors-list .professors-list-img {
    overflow: hidden;
}
.professors-list-main .professors-list .professors-list-img  img{
    transition: all .2s ease-in;
}
.professors-list-main .professors-list:hover .professors-list-img img {
    transform: scale(1.1);
    transition: all .2s ease-out;
}
.professors-list-main .professors-list .professors-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.professors-list-main .professors-list .professors-list-details h4{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    position: relative;
    padding-top: 10px;
}
.professors-list-main .professors-list .professors-list-details h4 span.ename{
    font-family: var(--inter);
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0px;
    color: #A4A3A3;
    display: block;
    margin-bottom: 2px;
}
/* .professors-list-main .professors-list .professors-list-details h4::after{
    content: '';
    background-image: url('../images/right-arrow.svg');
    width: 20px;
    height: 18px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    background-size: cover;
} */
.professors-list-main .horizontal-line {
    margin-bottom: 14px;
}
.professors-list-main .professors-list .professors-list-details h4.animate-arrow span.f-arrow{
    right: 6px;
    bottom: 6px;
    top: auto;
    transform: none;
}
.professors-list-main .professors-list .professors-list-details h4.animate-arrow span.f-arrow::before {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.professors-details-container{    
    padding-top: 76px;
}
.professor-page-container .title_sectionLeft h5 small {
    padding-bottom: 21px;
}

.professor-page-container .professors-details-section-three .title_sectionLeft{
    padding-bottom: 49px;
}

.professors-details-container.professors-details-section-three .professors-list-main{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* column-gap: 30px;
    row-gap: 57px;
    margin-top: 49px; */
}
.professors-details-container.professors-details-section-three .professors-list-main .pd-section-three-list-box{
    padding-right: 27.3%;
}
.professors-details-container.professors-details-section-three {
    padding-top: 29px;
}

div#lightbox-eng {
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
}
.lightboxDetal #lightbox-desc {
    color: #F9F7F7;
}

.consultation-section a.consult-box {
    color: #ffffff;
    text-decoration: none;
}

.headerNavside ul.mobile_sevices li.full, .headerNavside ul.mobile_sevices li:nth-last-child(3):nth-child(odd) {
  grid-column: 1 / -1; /* span across all columns */
}

html[lang="en"] .headerNavside ul.mobile_sevices>li:last-child {
    margin-left: -40px;
}

/*********************************CSS For English Version************************************************/

html[lang="en"] .career-page-container .pie-chart-two .text-box-four {
    right: 0px;
}
html[lang="en"] .pie-chart-two .text-box-four {
    right: 25px;
}
html[lang="en"] .career-page-container .pie-chart-two .center-box h3 {
    font-size: 12px !important;
}
html[lang="en"] .career-page-container .pie-chart-two .center-box h4 {
    font-size: 11px !important;
}
html[lang="en"] .career-page-container .features-box .text-box-three {
    right: 5px;
}
html[lang="en"] .career-page-container .pie-chart-two .text-box-one {
    left: 21px;
}
html[lang="en"] .pie-chart-three .text-box-three {
    right: 40px;
}
html[lang="en"] .pie-chart-three .text-box-four {
    right: 40px;
}
html[lang="en"] .pie-chart-three .text-box-two {
    left: 5px;
}
html[lang="en"] .pie-chart-three .text-box-one {
    left: 24px;
}

html[lang="en"] .features-we-are-proud-of .features-container .features-box-title h3 {
    font-size: 35px;
    letter-spacing: 0;
}
html[lang="en"] .features-we-are-proud-of .center-box h3 {
    font-size: 14px !important;
}
html[lang="en"] .features-box .text-box-three {
    position: absolute;
    bottom: 50%;
    right: -18px;
}
html[lang="en"] .features-box .center-box {
    top: 43%;
    left: 43%;
}
html[lang="en"] .features-box .pie-chart-two .text-box-three {
    right: -10px;
}
html[lang="en"] .base-button {
    width: 240px;
}
html[lang="en"] .career-page-container .text-box-one {
    top: 0px;
    left: 41px;
}
html[lang="en"] .loanDetails .text-block h5 {
    position: relative;
    padding-left: 18px;
}
html[lang="en"] .dot {
    min-width: 8px;
}
html[lang="en"] .loanDetails .text-block h5 span.dot {
    position: absolute;
    top: 31px;
    left: 0;
}
/* html[lang="en"] .loanDetails .text-block h5 span.dot {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
} */
html[lang="en"] .course-page-top-container .esmo_row.image-with-text h4 br {
    display: none;
}
/*html[lang="en"] body.page-template-fashion-news-en .title_lebel_withborder{
    display: none;
}*/
/* html[lang="en"] .single-course-section-three .admission-btn {
    text-indent: -9999px;
    display: flex;
    align-items: center;
}
html[lang="en"] .single-course-section-three .admission-btn span{
    text-indent: initial;
} */
.single-alumni .alumni-content .modSectionColumn--center {
    display:none;
}
html[lang="en"] .home .features-box .text-box-three {
    right: 22px;
}
html[lang="en"] .home .features-box .pie-chart-two .text-box-three {
    right: 12px;
}
html[lang="en"] .esmodMobileNav{
    text-transform: none;
}
html[lang="en"] .home .center-box {
    top: 46%;
    left: 46%;
}
html[lang="en"] .page-title .title_lebel_withborder{
    min-height: 18px;
}
html[lang="en"] .guidance_section .esmo_row h5{
    display: none;    
}
.event_featured {
    aspect-ratio: 1 / 1;
}

.loan-blocks .loan-block{
    position: relative;
}
.loan-blocks .loan-block a {
    padding-right: 25px;
}
.loan-blocks .loan-block a span.f-arrow {
    transform: rotate(-40deg);
    top: 30%;
}

/*****************************Company Page********************************/

.company-section .title_sectionLeft{
    padding-bottom: 76px;
}
.company-content-section{
    padding-top: 0px;
}
.company-section-inner p {
    line-height: 27px;
}
.company-content-section h4 {
    margin-top: 101px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 19px;
}
.company-content-section h4:before{
    content: '';
    background-color: #CB382A;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}
.recruitment-form-download-list .rfd-list{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.recruitment-form-download-list .rfd-list li a.base-button{
    padding: 25px 43px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
/* .recruitment-form-download-list .rfd-list li a{
    display: block;
    color: inherit;
    padding: 25px 43px;
    min-width: 300px;
    max-height: 70px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
} */
.recruitment-form-download-list .rfd-list li a::after{
    content: '';
    background-image: url(../images/icon_docu.svg);
    width: 16px;
    height: 20px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
}
/* .recruitment-form-download-list .rfd-list li a::after{
    content: '';
    border: 3px #1c1a1a solid;
    border-radius: 50px;
    padding: 25px 43px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateZ(-50%);
    transition: .1s ease-out;
}
.recruitment-form-download-list .rfd-list li a:hover::after {
    border-width: 5px;
} */
.company-content-section .loan-blocks .loan-block a {
    padding-right: 6px;
}
.page-template-company-ja .breadcrumbWrap {
    padding-block: 14px;
    margin-bottom: 55px;
}
.page-template-company-ja .horizontal-line {
    margin-bottom: 15px;
}
.page-template-company-ja .title_sectionLeft h5 small {
    padding-bottom: 19px;
}
.home .card-grid {
    padding-block: 150px 150px;
}

/*************************************************************************/

@media all and (min-width:1024px){
.home .movieLis>.movieItem:nth-child(even) .movieDetail .movie-title-image {
    padding-bottom: 2.2vw;
    margin-left: -6vw;
}
}
@media all and (max-width:1023px){
.home .movieLis>.movieItem:nth-child(even) .movieDetail {
    max-width: 54%;
    padding-bottom: 1.038vw;
}
}
@media all and (max-width:767px){
.home .movieLis>.movieItem:nth-child(even) .movieDetail {
    max-width: 85%;
}
}

@media all and (max-width: 1599px) {
    html[lang="en"] .features-box .text-box-three {
        right: -36px;
    }
    html[lang="en"] .features-box .center-box {
        top: 50%;
        left: 42%;
    }
    html[lang="en"] .features-box .pie-chart-two .center-box{
        left:45%;
    }
    html[lang="en"] .features-box .pie-chart-two .text-box-three {
        right: -53px;
    }
    html[lang="en"] .pie-chart-two .text-box-four {
        right: -40px;
    }
    html[lang="en"] .career-page-container .text-box-one {
        top: 0px;
        left: 41px;
    }
    html[lang="en"] .career-page-container .text-box-three {
        right: 4px;
    }
    html[lang="en"] .career-page-container .center-box {
        top: 45%;
        left: 45%;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-three {
        right: 0px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-one {
        top: -10px;
        left: 41px;
    }
    html[lang="en"] .home .center-box {
        top: 46%;
        left: 46%;
    }
}
@media all and (max-width:1200px){
    html[lang="en"] .pie-chart-two .text-box-three {
        right: 30px;
    }
    html[lang="en"] .features-we-are-proud-of .text-box-two {
        bottom: 44px;
        left: -51px;
    }
    html[lang="en"] .features-box .text-box-three {
        right: -28px;
    }
    html[lang="en"] .features-box .pie-chart-two .center-box {
        left: 44%;
    }
    html[lang="en"] .features-we-are-proud-of .pie-chart-two .text-box-two {
        left: -37px;
    }
    html[lang="en"] .pie-chart-two .text-box-four {
        right: -20px;
    }
    html[lang="en"] .features-box .pie-chart-two .text-box-three {
        right: -42px;
    }
    html[lang="en"] .features-we-are-proud-of .center-box h3 {
        font-size: 13px !important;
    }
    html[lang="en"] .features-we-are-proud-of .pie-chart-two .center-box h4 {
        font-size: 12px !important;
    }
    html[lang="en"] .features-box .center-box {
        left: 41%;
    }
    html[lang="en"] .features-we-are-proud-of .pie-chart-two .text-box-four {
        right: -18px;
        bottom: 0px;
    }
    html[lang="en"] .features-we-are-proud-of .pie-chart-two .text-box-one {
        left: -14px;
    }
    html[lang="en"] .features-box .pie-chart-two .text-box-three {
        right: -38px;
    }
    html[lang="en"] .features-we-are-proud-of .features-container .features-box-title h3 {
        font-size: 24px;
    }
    html[lang="en"] .career-page-container .text-box-one {
        top: 0px;
        left: 31px;
    }
    html[lang="en"] .career-page-container .features-box .text-box-three {
        right: 22px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .center-box {
        left: 41%;
        top: 41%;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-three {
        right: 3px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-four {
        right: 20px;
    }
    html[lang="en"] .career-page-container .center-box {
        left: 41%;
        top: 42%;
    }
    html[lang="en"] .home .center-box {
        top: 44%;
        left: 44%;
    }
}
@media all and (max-width:1023px){
    html[lang="en"] .news_section .title_section .base-button.Tbtn-small {
        width: 220px;
    }
    html[lang="en"] .home .center-box {
        top: 41%;
        left: 41%;
    }
    html[lang="en"] .home .features-box .pie-chart-two .center-box {
        left: 41%;
    }  
}
@media all and (max-width:991px){
    html[lang="en"] .center-box h4 {
        font-size: 11px !important;
    }
    html[lang="en"] .pie-chart-two .center-box h3 {
        font-size: 12px !important;
    }
    html[lang="en"] .pie-chart-two .text-box-four {
        right: 14px;
        bottom: 60px;
    }
    html[lang="en"] .pie-chart-two .text-box-two {
        bottom: 65px;
        left: 0px;
    }
    html[lang="en"] .pie-chart-two .text-box-one {
        left: 3px;
    }
    html[lang="en"] .pie-chart-two .text-box-three {
        right: 14px;
    }
    html[lang="en"] .text-box-three {
        right: 20px;
    }
    html[lang="en"] .career-page-container .text-box-three {
        right: 20px;
    }
    html[lang="en"] .career-page-container .text-box-one {
        top: 5px;
        left: 23px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-three {
        top: 30px;
        right: 5px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-one {
        top: 15px;
        left: 0px;
    }
    html[lang="en"] .career-page-container .pie-chart-two .text-box-four {
        right: 20px;
    }
    html[lang="en"] .pie-chart-three .text-box-one {
        left: 0;
    }
    html[lang="en"] .pie-chart-three .text-box-two {
        left: -15px;
    }    
    html[lang="en"] .pie-chart-three .text-box-three {
        right: 20px;
    }
    html[lang="en"] .pie-chart-three .text-box-four {
        right: 19px;
    }
    html[lang="en"] .pie-chart-three .center-box h3 {
        font-size: 12px !important;
    }  
    html[lang="en"] .news_section .title_section .base-button.Tbtn-small {
        width: 200px;
    }  
    html[lang="en"] .features-we-are-proud-of .pie-chart-two .text-box-four {
        right: -19px;
        bottom: 10px;
    }
    html[lang="en"] .support_content .loan-blocks{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    html[lang="en"] .single-course-section-three .admission-btn span {
        font-size: 50px;
    }
    .loan-blocks .loan-block a {
        padding-right: 0px;
    }
    .loan-blocks .loan-block a span.f-arrow
    {
        transform: rotate(-40deg);
        top: auto;
        bottom: 11px;
        right: 10px;
    }
}
@media all and (max-width:767px){
    html[lang="en"] .alumni_left_container .page-title {
        display: none;
    }
    html[lang="en"] .single-alumni .alumni_left_container .alumni_postContent{
        margin-top: 0px !important;
    }
    html[lang="en"] .box-one .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-two .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-three .fasion-design-container .fdc-left-box .base-button, html[lang="en"] .box-four .fasion-design-container .fdc-left-box .base-button {
        margin-top: 0px;
    }
    html[lang="en"] .home .features-box .text-box-three {
        right: 22px;
    }
    html[lang="en"] .home .features-box .pie-chart-two .text-box-three {
        right: 12px;
    }
    html[lang="en"] .home .center-box {
        top: 42%;
        left: 42%;
    }
    html[lang="en"] .single-course-section-three .admission-btn {
        display: flex;
        align-items: normal;
        padding: 41px 115px 25px 25px; 
        /* padding: 25px 25px 65px;*/
    }
    html[lang="en"] .single-course-section-three .admission-btn.block-link::before{
        display: none;
    }  
    html[lang="en"] .tab-btn {
        font-size: 17px;
        line-height: 1.2;
    }     
}
@media all and (max-width:650px){
    html[lang="en"] .single-course-section-three .admission-btn {
        padding: 25px 100px 25px 25px;
        line-height: 1.5;
    }
    html[lang="en"] .single-course-section-three .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
        width: 32px;
        right: 20px;
        bottom: 20px;
        top: auto;
        transform: none;
        margin-bottom: 0;
    }
}
@media all and (max-width:480px){
    html[lang="en"] .news_section .title_section{
        gap: 0px;
    }
    html[lang="en"] .single-course-section-three .admission-btn .f-arrow {
        right: 10px;
    } 
}
@media all and (max-width:400px){
    html[lang="en"] .news_section .title_section{
        display: block;
    }
    html[lang="en"] .news_section .title_section .base-button.Tbtn-small {
        margin-top: 15px;
    }
    html[lang="en"] .single-course-section-three .admission-btn {
        padding: 25px;
        line-height: 1.5;
    }
    html[lang="en"] .single-course-section-three .admission-btn span {
        margin: 0;
        margin-bottom: 16px;
    }
}

/********************************************************************************/

/*********************************Responsive************************************/
.shows-on-mobile, .footer-shows-on-mobile, .btn-shows-on-mobile{
  display: none;
}

 .single-course-section-one .course-details-box p{
        padding-bottom: 10px;
    }
@media all and (max-width:1900px){
    .features-container{
        width: 100%;
        margin-inline: auto;
    }
}
@media all and (max-width:1700px){    
    .course-list .course-box .course-box-content .arrow {
        width: 50px;
    }
    .course-list .course-box .course-box-content .animate-arrow.right-arrow.arrow-size-large span.f-arrow{
        width: 49px;
    }
    .single-opencampus-container .opencampus-content-box {
        grid-template-columns: 62% 28%;
        gap: 10%;
    }        
}
@media all and (max-width:1599px){
    .features-we-are-proud-of .pie-chart-box-container {
        width: 600px;
        padding-top: 13px;
        padding-bottom: 46px;
    }
    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-width: 100% !important;
        max-height: 250px;
    }
    .features-we-are-proud-of .pie-chart {
        padding: 0px 50px 0px 0px;
    }
    .features-we-are-proud-of .pie-chart-box .pie-chart-two {
        width: 70%;
        padding-right: 20px;
        max-height: 190px;
    }
    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-width: 100% !important;        
    }
    .features-we-are-proud-of .text-box-one {
        top: -10px;
        left: 23px;
    }
    .features-we-are-proud-of .text-box-two {
        bottom: 44px;
        left: -54px;
    }
    .features-we-are-proud-of .text-box-three {
        right: -16px;
    }
    .features-we-are-proud-of .center-box {
        top: 50%;
        left: calc(50% - 25px);
        width: auto;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-one {
        left: -13px;
        top: 0px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-two {
        left: -25px;
        bottom: 10px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-four {
        bottom: 15px;
        right: -5px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-three {
        top: 30px;
        right: -70px;
    }
    .features-we-are-proud-of .pie-chart-two .center-box {
        top: 50%;
        left: calc(50% - 10px);
        width: 100%;
    }
    .features-we-are-proud-of .pie-chart-two .center-box h3 {
        font-size: 14px !important;
    }
    .features-we-are-proud-of .pie-chart-two .center-box h4 {
        font-size: 14px !important;
        font-weight: 400;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three {
        width: 347px;
        padding: 0;
        margin-top: -6px;
        margin-bottom: 21px; 
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .center-box {
        left: 50%;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-one {
        top: 35px;
        left: 5px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-two {
        bottom: 30px;
        left: 9px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-three {
        right: 25px;
        top: 20px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-four {
        bottom: 34px;
        right: -63px;
    }
    .features-we-are-proud-of .features-container .features-box-content .features-box-num::before {
        width: 88%;
    }
    .qa-page-container .accordion-header.qa-question:before, .qa-page-container .accordionDetail.qa-answer:before {
        top: 30px;
        transform: none;
    }
    .qa-page-container .accordionDetail.qa-answer:before {
        top: 22px;
    }
} 
@media all and (max-width:1399px){
    .pie-chart-three {
        width: 100%;
    }    
    .course-list .course-box .course-box-content h2 {
        font-size: 40px;
    }
    .course-list .course-box .course-box-content h4 {
        font-size: 16px;
    }
    .course-list .course-box .course-box-content {
        font-size: 14px;
    }
    .course-list .course-box .course-box-content .arrow {
        /* right: 25px;
        bottom: 25px; */
        width: 40px;
    }
    .course-list .course-box .course-box-content .animate-arrow.right-arrow.arrow-size-large span.f-arrow{
        width: 42px;
    }

    .grid-table {
        grid-template-columns: 2.5fr 2fr 2fr 2fr 1.2fr;
    }
    
    .day-time-course-list-container .course-list .course-box .course-box-content h2 {
        font-size: 50px;
    }
    .day-time-course-list-container .course-list .course-box .course-box-content h4 {
        font-size: 20px;
        margin-top: 21px;
        margin-bottom: 9px;
    }
    .day-time-course-list-container  .course-list .course-box .course-box-content {
        font-size: 13px;
    }   
    .course-page-top-container .esmo_row.image-with-text h4 br {
        display: none;
    } 
    .career-page-container .pie-chart-box-container{
        padding-left: 4%;
    }  
    .access-container .image-with-text {
        gap: 7%;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
    .feature-full .features-box-main {
        padding-inline: 60px !important;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1279px) {
    .feature-full .features-box-main {
        padding-inline: 30px !important;
    }
}
@media all and (max-width:1279px){    
    .access-container .text-block {
        padding: 0 0 6px 0;
        margin-bottom: 16px;
    }
}
@media all and (max-width:1200px){
    .feature-full .features-box-main {
        padding-inline: 42px;
    }
    .features-box-main h4 {
        font-style: normal;
        font-size: 26px;
    }
    .features-box-main h4 br{
        display: none;
    }
    .feature-full .features-box-main .feature-box-inner:nth-child(2) h4 {
        margin-bottom: 28px;
    }
    .pie-chart-box-container {
        width: 100%;
    }
    .feature-full .features-box-main {
        gap: 84px;
    }
    .feature-full .features-box-main .feature-box-inner:first-child:after {
        right: -42px;
    }
    .text-box-one {
        top: 15px;
        left: 81px;
    }
    .text-box-two {
        bottom: 150px;
        left: -30px;
    }
    .text-box-three {
        right: 3px;
    }
    .pie-chart-two .text-box-one {
        top: 45px;
        left: 8px;
    }
    .pie-chart-two .text-box-three {
        position: absolute;
        top: 60px;
        right: -15px;
    }
    .pie-chart-two .text-box-two {
        position: absolute;
        bottom: 80px;
        left: 11px;
    }
    /********************************************************/    
    .day-time-course-list-container, .evening-saturday-course-list-container {
        padding-block: 100px;
    }
    .day-time-course-list-container .course-list .course-box .course-box-content h2, .evening-saturday-course-list-container .course-list .course-box .course-box-content h2{
        font-size: 30px;
    }
    .day-time-course-list-container .course-list .course-box .course-box-content h4, .evening-saturday-course-list-container .course-list .course-box .course-box-content h4 {
        font-size: 18px;
        margin-top: 13px;
        margin-bottom: 6px;
    }
    .day-time-course-list-container .course-list .course-box .course-box-content .arrow, .evening-saturday-course-list-container .course-list .course-box .course-box-content .arrow {
        width: 35px;
    }
    .course-list .course-box .course-box-content .animate-arrow.right-arrow.arrow-size-large span.f-arrow{
        width: 35px;
    }
    /********************************************************/    

     /**********************************Home********************************************/    

    .features-container {
        padding: 144px 0 0;
    }
    .features-container .container {
        padding-inline: 60px;
    }
    .feature-full .features-box-main {
        padding-inline: 42px;
        gap: 84px;
    }
    .feature-full .features-box-main .feature-box-inner:first-child:after {
        right: -42px;
    }
    .shows-on-mobile{
        display: block;
    }
    .features-box-main .video-container {
        aspect-ratio: 300 / 161;
    }
    .rank-container {
        padding: 24px 32px 30px;
    }
    .pie-chart-box-container {
        width: 90%;
    }
    .text-box-one h3, .text-box-two h3, .text-box-three h3, .text-box-four h3 {
        font-size: 11px;
    }
    .text-box-one {
        top: 11px;
        left: 32px;
    }
    .text-box-two {
        bottom: 90px;
        left: -24px;
    }
    .text-box-three {
        right: 6px;
    }
    .center-box h3 {
        font-size: 18px !important;
    }
    .features-box-main .center-box h4 br {
        display: block;
    }
    .center-box {
        top: 42%;
        left: 42%;
    }
    .pie-chart-two .text-box-one {
        top: 15px;
        left: 3px;
    }
    .pie-chart-two .text-box-one {
        top: 15px;
        left: 3px;
    }
    .pie-chart-two .text-box-three {
        top: 15px;
        right: -4px;
    }
    .pie-chart-two .text-box-two {
        bottom: 43px;
        left: 25px;
    }
    .pie-chart-two .text-box-four {
        bottom: 45px;
        right: 66px;
    }
    .center-box h4 {
        line-height: 1.6;
    }
    .feature-full .features-box-main.technicality .feature-box-inner {
        padding-bottom: 0;
        margin-bottom: -23px;
    }
    .pie-chart {
        padding-bottom: 4px;
    }
    .pie-chart-three .text-box-one {
        top: 20px;
        left: 7px;
    }
    .pie-chart-three .text-box-three {
        top: 20px;
        right: 58px;
    }
    .pie-chart-three .text-box-four {
        bottom: 70px;
        right: -10px;
    }
    .pie-chart-three .text-box-two {
        bottom: 70px;
        left: 0px;
    }
    .pie-chart-three {
        width: 90%;
    }
    .pie-chart-box-container {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }   

    /**********************************************************************************/

    /*******************************alumni single*******************************/
    .alumni_right_container {
        padding-left: 50px;
        padding-right: 50px;
        width: auto;
    }
    .alumni_left_container {
        width: auto;
    }
    .alumni-content {
        color: #1C1A1A;
        padding-right: 30px;
        padding-top: 50px;
        padding-bottom: 60px;
    }
    /********************************************************************/

    /**********************************************************************/

    .career-page-container .pie-chart-box-container {
        width: 625px;
        left: auto;
        transform: none;
    }
    .career-page-container .center-box h3 {
        font-size: 18px !important;
        line-height: 1.6;        
    }
    .career-page-container .center-box h4 {
        font-size: 14px !important;
        line-height: 1.6;
    }
    .career-page-container .center-box h5 {
        font-size: 50px;
    }
    .career-page-container .center-box h5 span {
        font-size: 14px;
        line-height: 2.7;
    }
    .career-page-container .pie-chart-two .center-box h3, .career-page-container .pie-chart-two .center-box h4 {
        font-size: 14px !important;
    }
    .career-page-container .text-box-one h3, .career-page-container .text-box-two h3, .career-page-container .text-box-three h3, .career-page-container .text-box-four h3 {
        font-size: 11px;
    }
    .career-page-container .text-box-one h3 span, .career-page-container .text-box-two h3 span, .career-page-container .text-box-three h3 span, .career-page-container .text-box-four h3 span {
        font-size: 18px;
    }    
    .career-page-container .pie-chart.pie-chart-two .text-box-one h3, .career-page-container .pie-chart.pie-chart-two .text-box-two h3, .career-page-container .pie-chart.pie-chart-two .text-box-three h3, .career-page-container .pie-chart.pie-chart-two .text-box-four h3 {
        font-size: 11px;
    }
    .career-page-container .pie-chart.pie-chart-two .text-box-one h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-two h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-three h3 span, .career-page-container .pie-chart.pie-chart-two .text-box-four h3 span {
        font-size: 18px;
    }
    .career-page-container .text-box-one h3 span span, .career-page-container .text-box-two h3 span span, .career-page-container .text-box-three h3 span span, .career-page-container .text-box-four h3 span span {
        font-size: 11px !important;
    }
    .career-page-container .pie-chart-box .pie-chart.pie-chart-two {
        max-width: 85%;
    }
    .career-page-container .pie-chart-two .center-box {
        left: 41%;
    }
    .career-page-container .text-box-one {
        top: 15px;
        left: 23px;
    }
    .career-page-container .text-box-two {
        bottom: 100px;
        left: -30px;
    }
    .career-page-container .text-box-three {
        bottom: 50%;
        right: 7px;
    }
    .career-page-container .pie-chart-two .text-box-one {
        top: 25px;
        left: 0px;
    }
    .career-page-container .pie-chart-two .text-box-two {
        bottom: 60px;
        left: 6px;
    }
    .career-page-container .pie-chart-two .text-box-three {
        top: 30px;
        right: -10px;
    }
    .career-page-container .pie-chart-two .text-box-four {
        bottom: 63px;
        right: 54px;
    }

    .career-page-container {
        padding-top: 60px;
    }
    .career-page-container .about-esmod-text-box {
        margin-bottom: 49px;
    }
    .career-opportunities-section, .career-support {
        padding: 81px 0 93px;
    }
    .our-alumnis-section {
        padding: 81px 0 23px;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .career-placement-success-container {
        padding: 90px 0 143px;
    }

    /**********************************************************************/

    /*********************************************************************/

    .grid-table-out{
        width: 100%;        
        overflow-x: scroll;
    }
    .grid-table{
        min-width: 826px;
    }
    .grid-table-two{
        min-width: 494px;
    }
    .grid-table-three{
        min-width: 719px;
    }
    .grid-table-four{
        min-width: 836px;
    }
    ul.flow-link-list li {
        margin-bottom: 7px;
    }

    /*********************************************************************/
    .career-page-container .pie-chart-box-container{
        padding-left: 4.6%;
    }
    .professors-list-main {
        grid-template-columns: repeat(3, 1fr);
    }    
    .professors-details-container.professors-details-section-three .professors-list-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .professors-details-container.professors-details-section-three .professors-list-main .pd-section-three-list-box {
        padding-right: 35.3%;
    }

    /*******************************************************************/

    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-height: 208px;
    }
    .features-we-are-proud-of .features-container .features-box-title h3 {
        width: auto;
        height: auto;
        aspect-ratio: 245 / 245;
    }
    .features-we-are-proud-of .pie-chart-box-container {
        width: 520px;
    }
    .features-we-are-proud-of .text-box-one {
        top: -20px;
        left: 27px;
    }
    .features-we-are-proud-of .text-box-three {
        right: -11px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-one {
        left: -21px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-two {
        left: -15px;
        bottom: 10px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-three {
        top: 10px;
        right: -62px;
    }
    .features-we-are-proud-of .pie-chart-two .text-box-four {
        bottom: 9px;
        right: 9px;
    }
    .features-we-are-proud-of .global-fashion-industry-box-inner .person-details-box .pdb-name {
        font-size: 16px;
    }

    /*******************************************************************/
	.consultation-section .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
		width: 48px;
	}

  }
@media all and (min-width:1079px){
    .esmo_row.ratio56p_auto {
        grid-template-columns: 52% auto;
    }
}
@media all and (min-width:1024px) and (max-width:1078px){
    .esmo_row.ratio56p_auto {
        grid-template-columns: 49% auto;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 8px;
    }  
}
@media all and (max-width:1023px){

    /**********************Footer************************/
    footer {
        padding-block-start: 79px;
    }
    footer .footCols ul {
        padding-block-start: 0px;
        padding-block-end: 16px;
    }
    .hide-on-mobile{
        display: none;
    }
    .footer-shows-on-mobile{
        display: block;
    }
    footer .footCols{
        grid-template-columns: 1fr;
        gap: 0;
    }
    footer .footColBlock {
        border-bottom: 1px #494848 solid;
        /* padding-block-end: 19px; */
    }
    footer .footCol-two .menu-has-children{
        border-bottom: 1px #494848 solid;
        /* padding-block-end: 19px; */
    }
    footer .footCols ul li:first-child {
        padding-top: 0px;
        margin-top: -3px;
    }
    footer .footColBlock h6, footer .footCol-two .menu-has-children h6{
        padding-block-end: 24px;
    }
    footer .footCols h6{
        padding-top: 27px;
    }
    footer .footColHead {
        padding-bottom: 23px;
        padding-top: 24px;
    }
    footer .footColHead h6{
        padding-top: 0;
        padding-block-end: 0px;
    }
    .footCol.footCol-three {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-top: 8px;
    }
    footer .footCol.footCol-three .footColHead {
        padding-bottom: 5px;
    }
    .footMiddle {
        flex-flow: column;
        text-align: center;
    }
    .footer_copyright {
        flex-flow: column;
        align-items: center;
        padding-top: 20px;
    }
    footer ul.policyList {
        justify-content: center;
        gap: 22px;
        /* display: grid;
        
        grid-template-columns: repeat(2, 1fr); */
    }
    footer ul.policyList li:nth-child(2) {
        text-align: right;
    }
    .footer_copyright .copyrightRight {
        order: 0;
        width: 100%;
    }
    .footer_copyright .copyrightLeft {
        order: 1;
        padding-top: 30px;
    }
    footer .esmod-footer-logo{
        /* width: 158px; */
        width: 216px;
        height: auto;
    }
    .footMiddle {
        margin-top: 112px;
    }
    footer ul.socialList li img {
        width: 25px;
        height: auto;
    }
    .menu-has-children h6{
        position: relative;
    }
    .menu-has-children h6 .submenu-toggle {
        position: absolute;
        top: 29px;
        right: 0;
        width: 12px;
        height: 15px;
        cursor: pointer;
    }
    .menu-has-children h6 .submenu-toggle::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6 0.54541L6 13.4215' stroke='%23F9F7F7' stroke-miterlimit='10'/%3E%3Cpath d='M-0.4375 6.9834H12.4386' stroke='%23F9F7F7' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
        position: absolute;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .menu-has-children.active h6 .submenu-toggle::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M-0.4375 6.9834H12.4386' stroke='%23F9F7F7' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    /****************************************************/

    /*********************************event-single**********************************/

    .single-opencampus-container h4 {
        font-size: 25px;
    }
    .single-opencampus-container .opencampus-content-box {
        grid-template-columns: 60% 35%;
        gap: 5%;
        padding-block: 49px;
    }

    /*******************************************************************************/    
    .access-container {
        padding: 22px 0 70px;
    }
    .access-container-section-two .contact-details {
        margin-left: 0;
        margin-top: 26px;
    }
    .access-container-section-two .esmo_row.ratio56p_auto {
        display: block;
        padding-top: 36px;
        padding-bottom: 60px;
    }
    .access-container.access-container-section-two {
        padding: 110px 0 0;
    }
    .access-container .base-button {
        height: auto;
    }
    /*.access-container .animate-arrow.right-arrow{
        margin-top: 17px;
        margin-bottom: 1px;
    }*/
    .access-container .image-with-text {
        gap: 40px;
    }
    .access-container .text-block {
        margin-bottom: 30px;
        padding: 0 0 15px 0;
    }
    
    /********************************************************************************/
    .professors-details-container.professors-details-section-three .professors-list-main .pd-section-three-list-box {
        padding-right: 36%;
    }
    .features-we-are-proud-of .features-container .features-box-content .features-box-num {
        font-size: 55px;
    }
    .features-we-are-proud-of .features-container .features-box-content h4 {
        font-size: 23px;
    }
    .features-we-are-proud-of .features-container .features-box-title h3 {
        font-size: 35px;
    }
    .features-we-are-proud-of .global-fashion-industry-box h3 {
        font-size: 19px;
    }
    .features-we-are-proud-of .features-container {
        grid-template-columns: 28% 65%;
        gap: 7%;
    }
    .features-we-are-proud-of .global-fashion-industry-box-inner.hide_tab, .instructors-list-container.hide_tab{
        display: none;
    }
    .home .card-grid {
        padding-block: 130px 150px;
    }

}
@media all and (max-width:991px){

    /*******************************alumni*******************************/
    .alumniCard {
        grid-template-columns: repeat(2, 1fr);
    }
    /********************************************************************/
    /*******************************alumni single*******************************/
    .alumni-content {
        color: #1C1A1A;
        padding-right: 10px;
    }
    .alumni_right_container {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }
    .alumni_postDetail {
        grid-template-columns: auto 42%;
    }
    /********************************************************************/
    .fasion-design-container {
        grid-template-columns: 34% 64%;
    }
    .web_applicationContent .timeline .buttons {
        flex-direction: column;
    }
    .instructor-container {
        padding: 37px 24px 30px;
        margin-bottom: 99px;
    }
    .instructor-container .instructor-container-box {
        grid-template-columns: 1fr;
        margin-bottom: 33px;
    }    
    .instructor-container .instructor-container-box .instructor-img-box {
        width: 150px;
        order: 1;
    }
    .instructor-container .instructor-container-box .about-instructor {
        order: 2;
    }
    .career-page-container .pie-chart-box-container{
        padding-left: 5.7%;
    }
    .professors-list-main {
        grid-template-columns: repeat(2, 1fr);
    }    
    .professors-details-container.professors-details-section-three .professors-list-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .professors-details-container.professors-details-section-three .professors-list-main .pd-section-three-list-box {
        padding-right: 0;
    }
    /*.features-we-are-proud-of .features-container {
        grid-template-columns: 25% auto;
    }  
     .features-we-are-proud-of .pie-chart-box-container {
        width: 393px;
    }
    .features-we-are-proud-of .center-box h3 {
        font-size: 15px !important;
    }    
    .center-box h4 {
        font-size: 12px !important;
    } 
    .center-box h5 {
        font-size: 30px;
    }
    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-height: 145px;
    } */
    .features-we-are-proud-of .pie-chart-box-container{
        grid-template-columns: 1fr;
    }
    .features-we-are-proud-of .pie-chart-box-container {
        width: 300px;
        margin: 0;
    }
    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-height: 245px;
        margin-bottom: 48px;
    }
    .features-we-are-proud-of .fashion-designer-list-container {
        column-gap: 20px;
        row-gap: 20px;
        margin-top: 20px;
    }
    .features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header h5 {
        font-size: 16px;
    }
    .features-we-are-proud-of .features-container {
        padding: 60px 0 39px;
    }
    .features-we-are-proud-of .panel2 .features-container {
        padding: 110px 0 95px;
    }
    .features-we-are-proud-of .panel3 .features-container {
        padding: 110px 0 95px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three {
        width: 240px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-one {
        top: 5px;
        left: 0;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-three {
        right: 11px;
        top: 0px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-two {
        bottom: 10px;
        left: -2px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-four {
        bottom: 14px;
        right: -69px;
    }
    .features-we-are-proud-of .pie-chart-box-container>.pie-chart-box:last-child{
        padding-left: 0px;
        margin-right: 7px;
    }
    .features-we-are-proud-of .pie-chart-box.pie-chart-box-one {
        position: relative;
        left: 10px;
    }
    .web_info {
        display: block;
        padding-block-start: 35px;
    }
    .web_info a {
        display: block;
        margin-bottom: 10px;
    }
    .features-we-are-proud-of .instructors-list-box {
        margin-top: 28px;
    }
}
@media all and (min-width:768px){
    .course-page-top-container .page-title{
        padding-top: 7px;
    }
    .course-details-container .course-details-box:nth-child(1), .course-details-container .course-details-box:nth-child(2){
        border-top: 1px #E1DCDB solid;
    }
}
@media all and (max-width:767px){

    .course-list .course-box {
        grid-template-columns: 1fr;
        /* margin-inline: 20px; */
    }
    .course-list a {
        margin-inline: 20px;
    }
    .course-list .course-box .course-box-img {
        /* aspect-ratio: 305 / 270; */
        aspect-ratio: 332 / 300;
        border-right: 0;
    }
    .course-list .course-box .course-box-content {
        padding: 19px 21px 65px 19px;
    }     
    .day-time-course-list-container, .evening-saturday-course-list-container {
        padding-block: 110px;
    }
    .course-list {
        margin-top: 50px;
    }
    .course-list .course-box .course-box-img {
        padding: 14px;
    }
    .course-list .course-box .course-box-img{
        border-bottom: 1px #e2dcdc solid;
    }
    
    .single-opencampus-container .opencampus-content-box .ocb-left h1 {
        margin-bottom: 0px;
    }

    .accordion-title h3 {
        position: relative;
    }
    .accordion-title h3 .submenu-toggle {
        position: absolute;
        top: 50%;
        right: 18px;
        width: 12px;
        height: 15px;
        cursor: pointer;
        transform: translateY(-50%);
    }
    .accordion-title h3 .submenu-toggle::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6 0.54541L6 13.4215' stroke='%23CB382A' stroke-miterlimit='10'/%3E%3Cpath d='M-0.4375 6.9834H12.4386' stroke='%23CB382A' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
        position: absolute;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .accordion-title.active h3 .submenu-toggle::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M-0.4375 6.9834H12.4386' stroke='%23CB382A' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    .accordion-title .co-accordion-content{
        display: none;
    }
    .accordion-title.active .co-accordion-content{
        display: block;
    }
    
    /**********************************home********************************************/

    .features-container {
        padding: 109px 0 0;
    }
    .features-container h2 {
        font-size: 48px;
        line-height: 1;
        letter-spacing: 0;
    }
    .features-container .title_label{
        line-height: 1.5;
        padding-top: 8px;
    }
    .features-container .title_inner {
        margin-bottom: 49px;
    }
    .features-box-main {
        grid-template-columns: 1fr;
    }
    .features-container .container {
        padding-inline: 26px;
    }
    .feature-full .features-box-main {
        padding-inline: 0px;
    }
    .features-box-main .video-container {
        aspect-ratio: 331 / 176;
    }
    .features-box-main h4 {
        font-size: 24px;
    }
    .feature-full .features-box-main{
        border-top: none;
        gap: 0;
    }
    .feature-full .features-box-main .feature-box-inner{
        border-top: 1px #605e5f solid;
        padding-inline: 22px;
    }
    .feature-full .features-box-main .feature-box-inner .fb-cat-name {
        left: 22px;
    }
    .feature-full .features-box-main .feature-box-inner:first-child:after {
        display: none;
    }
    .rank-container h2.rank-title{
        line-height: 1.3;
    }
    .rank-container {
        padding: 24px 30px 30px;
    }
    .pie-chart-box-container {
        grid-template-columns: 1fr;
    }
    .pie-chart-box .pie-chart:nth-child(1) {
        max-width: 320px !important;
    }
    .pie-chart-box .pie-chart.pie-chart-two {
        max-width: 250px !important;
    }
    .pie-chart.pie-chart-three{
        max-width: 280px !important;
        width: 100%;
    }
    .feature-full .features-box-main.technicality .feature-box-inner {
        margin-bottom: 0;
    }
    .features-box-main h4 br{
        display: block;
    }
    .feature-full .features-box-main .feature-box-inner {
        padding-top: 66px;
    }
    .features-box-main .feature-box-inner .features-box p {
        margin-top: 40px;
    }
    .rank-container {
        margin-top: 49px;
    }
    .pie-chart-two .text-box-one {
        left: 13px;
    }
    .pie-chart-two .text-box-three {
        right: 4px;
    }
    .pie-chart-two .text-box-four{
        bottom: 65px;
        right: 54px;
    }
    .pie-chart-two .text-box-two {
        bottom: 53px;
        left: 20px;
    }
    .content-image-box {
        aspect-ratio: 331 / 213;    
    }
    .pie-chart-three .text-box-four {
        right: -5px;
    }
    .pie-chart-three .text-box-one {
        left: 12px;
    }
    .pie-chart-three .text-box-three {
        right: 63px;
    }
    .pie-chart-three .text-box-two {
        left: 5px;
    }
    .features-container .base-button {
        margin-top: 60px;
        margin-bottom: 109px;
    }
    /**********************************************************************************/

    /**********************************************************************************/

    .single-opencampus-container .opencampus-content-box {
        display: block;
    }
    .single-opencampus-container h3.meta-heading{
        margin-bottom: 27px;
        margin-top: -20px;
    }
    .single-opencampus-container .event-full-img {
        aspect-ratio: 432/265;
        width: 100vw;
        left: -22px;
        position: relative;
    }
    .single-opencampus-container .opencampus-content-box .ocb-right .btn-shows-on-mobile {
        margin-top: 99px;
        width: 90%;
        height: 60px;
        min-width: auto;
        margin-inline: auto;
    }
    .shows-on-desktop{
        display: none;
    }
    .btn-shows-on-mobile{
        display: inline-flex;
        left: 50%;
        transform: translateX(-50%);
    }
    .single-opencampus-container .opencampus-content-box .ocb-right .schedule-box {
        margin-bottom: 49px;
    } 
    .alumniCard {
        margin-top: 32px;
        margin-bottom: 110px;
    }   
    
    /**********************************************************************************/

    /*******************************alumni single*******************************/
    /* .alumni-content {
        color: #1C1A1A;
        padding-right: 10px;
    }*/
    .alumni_right_container {
        padding-left: 35px;
        padding-right: 35px;
    }
    .alumni_postDetail {
        grid-template-columns: 1fr;
    }
    .alumni_postAside {
        order: 0;
        position: relative;
    }
    .alumni_postContent {
        order: 1;
        margin-top: 80px;
    }
    /* .single-alumni .breadcrumbWrap {
        margin-bottom: 0px;
    } */
    .alumni_postAside .alumniCardThumb_img:before {
        left: 29px;
        top: 29px;
    }
    .alumni_postAside .alumniCardThumb {
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .alumni-content {
        padding-right: 0;
        padding-top: 32px;
    }
    .alumni-content .modSectionColumn__text {
        margin-bottom: 30px;
    }
    .alumni_right_container{
        padding-bottom: 40px;
    }
    /********************************************************************/
    .fasion-design-container {
        display: block;
    }
    .flow-container {
        padding: 40px 0 0;
    }
    .flow-container .title_sectionLeftBord{
        margin-bottom: 12px;
    }   
    .grid-table-out{
        width: calc(100vw - 22px);        
        overflow-x: scroll;
    } 
    .box-one .fasion-design-container .fdc-left-box .base-button, .box-two .fasion-design-container .fdc-left-box .base-button, .box-three .fasion-design-container .fdc-left-box .base-button, .box-four .fasion-design-container .fdc-left-box .base-button{
        margin: 0;
    }
    .fasion-design-container .fdc-left-box h6 {
        margin-bottom: 18px;
        margin-top: 9px;
    }
    .fasion-design-container {
        margin-top: 49px;
    }
    .fdc-left-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .box-one .base-button, .box-two .base-button, .box-three .base-button, .box-four .base-button {
        margin: 60px auto 20px;
    }
    .box-one {
        padding-top: 15px;
        padding-bottom: 90px;
    }
    .box-two, .box-three, .box-four {
        padding-block: 90px;
    }
    .flow-container-two {
        padding-top: 110px;
        padding-bottom: 54px;
    }
    .timeline {
        padding-block: 50px 10px;
    }
    .timeline .step-number {
        font-size: 25px;
        letter-spacing: 0px;
        width: 50px;
    }
    .timeline .step::before {
        left: 25px;
    }
    .timeline .step {
        padding-left: 65px;
        padding-bottom: 45px;
    }
    /********************************************************************/
    .web_applicationContent .timeline .buttons .base-button {
        margin-bottom: 10px;
    }
    .web_applicationContent .timeline .buttons {
        margin-top: 29px;
        margin-bottom: 2px;
    }
    .web_info {
        display: block;
        padding-block-start: 35px;
    }
    .web_info a {
        display: block;
        margin-bottom: 10px;
    }
    .web_applicationContent {
        padding-block: 20px 43px;
    }

    .career-page-container {
        padding-top: 40px;
    }
    .career-support-list-block{
        display: block;
    }
    .our-alumnis-section .image-with-text {
        display: block;
        padding: 50px 0 72px;
    }
    .our-alumnis-section .image-with-text .esmo_col-5, .our-alumnis-section .image-with-text .esmo_col-7 {
        width: 100%;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box {
        padding: 0;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box h3{
        padding-left: 20px;
        padding-top: 21px;
        margin-bottom: 0;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box ul{
        padding: 21px 20px 29px 20px;
        border-bottom: 1px #555354 solid;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box:last-child ul{
        border-top: 1px #555354 solid;
        border-bottom: 0px #555354 solid;        
    }
    .career-page-container .pie-chart-box-container {
        /* width: 290px; */
        width: 100%;
    }
    .career-opportunities-section .career-opportunities-inner .career-opportunities-list-box .co-list-box:last-child h3{
        border-bottom: 0;
    }
    .career-page-container .features-box-main {
        margin-top: 42px;
    }
    .career-page-container .about-esmod-text-box {
        padding: 31px 31px 33px 30px;
    }
    .career-opportunities-section .title_sectionLeft, .career-opportunities-section .upper-line-heading, .career-support .title_sectionLeft, .career-placement-success-container .title_sectionLeft {
        margin-bottom: 30px;
    }
    .our-alumnis-section .image-with-text p {
        padding-block: 40px 18px;
    }  
    .tab-btn {
        font-size: 18px;
    }
    .career-support-inner{
        padding-bottom: 20px;
    }
    .career-support-block {
        margin-top: 56px;
    }
    .career-support-block:first-child {
        margin-top: 49px;
    }    
    .cslb-two-title {
        margin-top: 87px;
    }
    .career-placement-success-container .title_sectionLeft {
        margin-bottom: 51px;
    }
    .career-placement-success-container {
        padding: 90px 0 110px;
    }
    .pie-chart-box-container>.pie-chart-box:last-child{
        padding-left: 49px;
        margin-top: -42px;
    }
    .home .pie-chart-box-container>.pie-chart-box:last-child{
        padding-left: 0px;
    }
    .instructor-container {
        margin-bottom: 69px;
    }
    .pie-chart-box.pie-chart-box-one {
        padding-left: 35px;
    }
    .home .pie-chart-box.pie-chart-box-one {
        padding-left: 0px;
    }
    .cell {
        white-space: nowrap;
    }
    .career-page-container .pie-chart-box-container{
        padding-left: 0;
    }
    .course-page-top-container .image-with-text p{
        padding-block: 0;
    }
    /* .single-course-section-one .course-details-box p{
        padding-bottom: 10px;
    } */
    .single-course-section-one .course-details-box p:last-child{
        padding-bottom: 0px;
    }
    .single-course-section-three .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
        width: 54px;
    }
    .qa-page-container .accordion-header.qa-question:before, .qa-page-container .accordionDetail.qa-answer:before {
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: 1px;
        left: 11px;
    }
    .qa-page-container .accordion-header.qa-question {
        padding: 19px 30px 18px 40px;
    }
    .qa-page-container .accordionDetail.qa-answer {
        padding: 8px 30px 8px 40px;
    }
    .qa-page-container .accordion-header.qa-question:before, .qa-page-container .accordionDetail.qa-answer:before {
        top: 19px;
    }
    .qa-page-container .accordion-header {
        font-size: 14px;
    }
    .qa-page-container {
        padding-top: 40px;
    }
    .qa-page-container .toggle-all {
        padding-bottom: 10px;
    }
    .access-container .contact-details p span{
        display: block;
    }
    .access-container-section-two .contact-details .contact-numbers {
        justify-content: center;
    }
    .access-container-section-two .contact-details .contact-numbers {
        gap: 15px;
        margin-bottom: 5px;
    }
    .access-container .block-linkWrap {
        padding-bottom: 110px;
    } 
    .professors-details-container {
        padding-top: 20px;
        padding-bottom: 17px;
    }   
    .professors-list-main {
        column-gap: 20px;
        row-gap: 35px;
    }    
    .professors-list-main .professors-list .professors-list-details h4.animate-arrow span.f-arrow {
        bottom: 0;
    }
    .professors-list-main .professors-list .professors-list-details h4 {
        padding-bottom: 31px;
    }
    .professors-details-container.professors-details-section-three .professors-list-main {
        margin-top: 10px;
    }
    .professor-page-container {
        padding-block: 4px 120px;
    }
    .lightbox-content {
        max-width: 300px;
        padding: 20px;
    }
    .lightbox-content h4 {
        padding-block: 4px 9px;
        margin-bottom: 20px;
    }
    .lightboxDetal {
        padding-block: 24px;
    }
    .access-container .block-link h4, .qa-page-contact .block-link h4 {
        font-size: 18px;
        line-height: 1.6;
    }
    .lightboxDetal h5 {
        font-size: 16px;
    }
    .features-we-are-proud-of .features-container {
        display: block;
    }
    .features-we-are-proud-of .features-box.features-box-title.left {
        position: static;
        top: auto;
        align-self: auto;
    }
    .features-container .hide_large{
        margin-right: -22px;
    }
    .features-we-are-proud-of .fashion-designer-list-container {
        grid-template-columns: 1fr;
    }
    .features-we-are-proud-of .style-me-box{
        grid-template-columns: 1fr;
    }    
    .features-we-are-proud-of .features-container .features-box-title h3 {
        font-size: 45px;
        width: 264px;
        height: 260px;
        margin: 0 auto;
        aspect-ratio: auto;
    }
    .features-we-are-proud-of .features-container {
        padding: 42px 0 39px;
    }
    .features-we-are-proud-of .features-container .features-box-content {
        margin-top: 51px;
    }
    .features-we-are-proud-of .features-container .features-box-content .features-box-num::before {
        width: 80%;
    }
    .features-we-are-proud-of .features-container .features-box-content h4 {
        font-size: 22px;
        line-height: 1.6;
        margin-bottom: 26px;
    }
    .features-we-are-proud-of .features-container .features-box-content h4 span{
        display: block;
    }
    .features-we-are-proud-of .features-container .features-box-content .glb-vid {
        padding: 0;
    }
    .features-we-are-proud-of .instructors-list-box .instructors-content h5 {
        font-size: 18px;
    }
    .features-we-are-proud-of .instructors-list-box .instructors-content h6 span{
        display: block;
        padding: 3px 0 0 0;
    }
    .features-we-are-proud-of .instructors-list-box .instructors-content h6{
        font-weight: 600;
    }
    .features-we-are-proud-of .features-container .features-box-content .features-box-num.features-box-num-four {
        margin-top: 62px;
    }
    .hide-br br{
        display: none;
    }
    .features-we-are-proud-of .rank-container {
        margin-top: 29px;
    }
    .features-we-are-proud-of .global-fashion-industry-box {
        padding: 59px 0 61px;
    }
    .features-we-are-proud-of .global-fashion-industry-box h3 {
        font-size: 18px;
        margin-bottom: 26px;
    }
    .features-we-are-proud-of .global-fashion-industry-box h3:before {
        top: 16px;
        transform: none;
    }
    .features-we-are-proud-of .global-fashion-industry-box h3 span{
        display: block;
    }
    .features-we-are-proud-of .person-details-box h4.pdb-name{
        font-size: 22px;
        line-height: 1;
        letter-spacing: 0px;
        margin-bottom: 10px;
    }
    .features-we-are-proud-of .person-details-box .pdb-img-box {
        aspect-ratio: 250 / 205;
    }
    .features-we-are-proud-of .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: calc(100% - 22px);
    }
    .features-we-are-proud-of .global-fashion-industry-box .video-container-main {
        margin: 25px auto 0;
    }
    .features-we-are-proud-of .panel2 .features-container {
        padding: 80px 0 95px;
    }
    .features-we-are-proud-of .pie-chart.pie-chart-first {
        max-height: 216px;
    }
    .features-we-are-proud-of .pie-chart-box-container>.pie-chart-box:last-child{
        margin-top: 0;
        padding-left: 18px;
        margin-right: 13px;
    }
    .features-we-are-proud-of .pie-chart-box-container {
        padding-bottom: 29px;
    }
    .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel2-num2, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel2-num3, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num2, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num3, .features-we-are-proud-of .features-container .features-box-content .features-box-num.panel3-num4 {
        margin-top: 64px;
    }
    .features-we-are-proud-of .fashion-designer-list-container {
        column-gap: normal;
        row-gap: 39px;
        margin-top: 28px;
    }
    .features-we-are-proud-of .fashion-designer-list-container .fashion-designer-details .fdd-header h5 {
        font-size: 18px;
    }
    .features-we-are-proud-of .panel3 .features-container {
        padding: 80px 0 95px;
    }
    .features-we-are-proud-of .content-image-box{
        aspect-ratio: 400 / 250;
        width: 100%;
        height: 100%;
    }    
    .features-we-are-proud-of .style-me-box {
        gap: 45px;
    }
    .features-we-are-proud-of .style-me-box .sm-box:first-child .box-img:after {
        right: auto;
        left: 50%;
        bottom: -56%;
        transform: translateX(-50%);
        top: auto;
    }
    html[lang="en"] .features-we-are-proud-of .style-me-box .sm-box:first-child .box-img:after {
        bottom: -45%;
    }
    .features-we-are-proud-of .section-five .content-image-box {
        aspect-ratio: 331 / 250;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three {
        width: 200px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-one {
        left: -10px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-three {
        right: -3px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-four {
        right: -76px;
    }
    .features-we-are-proud-of .panel3 .pie-chart-three .text-box-two {
        left: -12px;
    }
    .features-we-are-proud-of .pie-chart-box.pie-chart-box-one {
        left: 0px;
    }

    /****************************************************************************/
    .policyContent .loan-blocks, .policyContent .loan-blocks .loan-block {
        display: table !important;
        margin-bottom: 10px;
    }
    .policyContent .loan-blocks .loan-block:last-child {
        margin-bottom: 0px;
    }
    /*****************************************************************************/
    .course-page-top-container{
        padding-top: 15px;
    }
    .access-container {
        padding: 0px 0 70px;
    }
    .course-details-container .course-details-box:nth-child(1){
        border-top: 1px #E1DCDB solid;
    }
    .access-container .animate-arrow.right-arrow{
        margin-top: 0px;
    }    
    .features-we-are-proud-of .center-box h3 {
        font-size: 16px !important;
        text-wrap-mode: nowrap;
    }
	.consultation-section .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
		width: 34px;
        right: 0;
	}
    .consultation-section .consult-box-item .right-arrow {
        height: 30px;
    }
    .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
        width: 34px;
    }
    .guidance_section .esmo_row {
        padding-block: 40px;
    }
    .company-content-section .loan-blocks{
        display: block;
    }
    .company-content-section .loan-blocks .loan-block {
        display: table;
    }
    .page-template-company-ja .breadcrumbWrap {
        margin-bottom: 45px;
    }
    .page-template-company-ja .page-title h1 {
        padding-bottom: 26px;
    }
    .company-section{
        padding-top: 42px !important;
        padding-bottom: 102px !important;
    }
    .company-section .title_sectionLeft {
        padding-bottom: 48px;
    }
    .company-section .title_sectionLeft h5 small{
        padding-bottom: 20px;
    }
    .company-content-section h4 {
        margin-top: 73px;
    }
    .home .card-grid {
        padding-block: 85px 110px;
    }     
}
@media all and (max-width:650px){
    .flow-link-list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .flow-link-list a {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 11px;
        padding-right: 18px;
        padding-left: 7px;
    }    
    .flow-link-list a::after {
        right: 5px;
    }
    .professors-details-container.professors-details-section-three .professors-list-main {
        grid-template-columns: 1fr;
    }
    .professors-details-container.professors-details-section-three .professors-list-main .pd-section-three-list-box {
        padding-right: 53%;
        padding-bottom: 17px;
    }
    
}
@media all and (max-width:550px){
    footer ul.policyList {flex-wrap: wrap; row-gap: 12px;}
    ul.policyList a {
        letter-spacing: 0px;
    }
    /*******************************alumni*******************************/
    .alumniCard {
        grid-template-columns: 1fr;
    }
    .breadcrumbWrap {
        margin-bottom: 11px;
    }
    /********************************************************************/
    .timeline .base-button, .timeline .base-button.btn-xl{
        width: 100%;
        min-width: auto;
    }
    .flow-link-list li a span{
        display: block;
    } 
    .access-container-section-two .contact-details .contact-numbers{
        display: block;
    }     
    .access-container-section-two .contact-details .contact-numbers a {
        display: table;
    }
    .access-container-section-two .contact-details .contact-numbers span.fax-number {
        display: table;
        margin-top: 15px;
    } 
}
@media all and (max-width:440px){
    .access-container .animate-arrow.right-arrow {
        margin-left: 0;
    }
}
@media all and (max-width:400px){
    .single-opencampus-container .opencampus-content-box .ocb-right .btn-shows-on-mobile {
        width: 280px;
    }
    .pie-chart-box .pie-chart.pie-chart-two {
        max-width: 258px !important;
    }
    .our-alumnis-section .base-button {
        left: 50%;
        transform: translateX(-50%);
    }
    .single-course-section-three .animate-arrow.right-arrow.arrow-size-large span.f-arrow {
        width: 32px;
        right: 20px;
        bottom: 20px;
        top: auto;
        transform: none;
        margin-bottom: 0;
    }
}