.branches{justify-content:center;align-items:center;gap:calc(var(--unit)*2);flex-direction:column;width:100%;display:flex;height:fit-content!important}.branches.contact-branch{height:auto}.branches .heading_text{text-align:center;padding:0 20px;font-size:40px;line-height:120%}.branches .branches-cont{gap:var(--unit);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:0 10px;display:grid}.branches .branches-cont .branch{height:350px;transition:var(--trans);border-radius:calc(var(--unit)/2);border:1px solid #9c9c9c;overflow:hidden}.branches .branches-cont .branch .overlay{width:100%;height:100%;padding:calc(var(--unit)*3)calc(var(--unit)*2);justify-content:center;align-items:center;gap:calc(var(--unit));background-color:#000000a8;flex-direction:column;display:flex}.branches .branches-cont .branch .overlay .branch_site{justify-content:center;align-items:center;gap:var(--unit);flex-direction:column;width:100%;height:100%;display:flex}.branches .branches-cont .branch .overlay .branch_site .country{justify-content:center;align-items:center;gap:calc(var(--unit)/2);flex-direction:column;width:100%;height:auto;transition-delay:.6s;display:flex}.branches .branches-cont .branch .overlay .branch_site .country .flag{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;border-radius:50%;height:100px;background-size:cover!important}.branches .branches-cont .branch .overlay .branch_site .country p{font-size:16px;font-weight:700}.branches .branches-cont .branch .overlay .branch_site .country .heading{height:40px;color:var(--white);justify-content:center;align-items:center;font-size:30px;display:flex}.branches .branches-cont .branch .overlay .branchdesc{text-align:center;font-weight:500}.branches .branches-cont .branch .overlay .number{justify-content:center;align-items:center;gap:calc(var(--unit)/2);width:100%;height:20%;font-size:16px;display:flex}.branches .branches-cont .branch .overlay .number span{color:var(--white);font-size:18px;font-weight:500;line-height:120%}.branches .branches-cont .branch .overlay .number .icon svg{font-size:25px}.branches .branches-cont .branch .overlay .address{justify-content:center;align-items:flex-start;gap:calc(var(--unit)/5);height:50%;font-size:16px;display:flex}.branches .branches-cont .branch .overlay .address span{color:var(--white);text-align:center;font-size:18px;font-weight:500;line-height:130%}.branches .branches-cont .branch .overlay .address .icon svg{font-size:25px}.branches .branches-cont .hoverClass{background-color:red!important}.branches .branches-cont .hoverClass .country{justify-content:center;align-items:center;width:100%;height:100%;display:flex;transition-delay:.6s!important}.branches .branches-cont .hoverClass:hover{animation:1s ease-in-out forwards flipanimation}@keyframes flipanimation{50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.branches .branches-cont .hoverClass.flipAgainCard{animation:1s ease-in-out forwards flipOutanimation}@keyframes flipOutanimation{50%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@media only screen and (max-width:1200px){.branches-cont{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)!important}.branches-cont .branch:first-child{grid-area:1/1/2/3}.branches-cont .branch:first-child .address-text{text-align:justify;text-align-last:center}.branches-cont .branch:nth-child(2){grid-area:1/3/2/5}.branches-cont .branch:nth-child(2) .address-text{text-align:justify;text-align-last:center}.branches-cont .branch:nth-child(3){grid-area:2/2/3/4}.branches-cont .branch:nth-child(3) .address-text{text-align:justify;text-align-last:center}}@media only screen and (max-width:650px){.branches-cont{flex-direction:column!important;display:flex!important}.branches-cont .branch{width:100%!important}.heading_text{text-align:center;line-height:120%;font-size:22px!important}}.super-class{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:90%;height:100%;display:flex}.super-class .number,.super-class .address{align-items:center;width:100%;display:flex;justify-content:center!important}.super-class .address .address-text{text-align:left!important}