.portfolio_btn,.view_resume{font-weight:400!important;color:#fff!important}.video-play-button:after,.video-play-button:before{width:60px;height:60px;content:"";background:#ab5429}.service_title,.team_member_box{text-align:center}.tonni_tm_hero .background .image{background-position:top}.samples_port,.text-slider-items{display:none}.tonni_tm_portfolio .portfolio_list{padding-top:0}.view_resume{padding:10px 20px;background:#ab5429}.portfolio_btn{padding:5px 16px;background:#ab5429;border-radius:5px;border:none;font-size:14px}.image_portfolio img,.special-icons img{width:100%}.portfolio_btn.active.show,.portfolio_btn:hover,.view_resume:hover{background:#000}.youtube_play_button{position:absolute;left:65px;top:50%;z-index:3;transform:translateY(-50%)}.video-play-button,.video-play-button:after,.video-play-button:before{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%}.video-play-button{z-index:10;box-sizing:content-box;display:flex;align-items:center;justify-content:center;width:32px;height:44px;padding:18px 20px 18px 28px}.video-play-button:before{z-index:0;display:block;animation:1.5s ease-out infinite pulse-border}.video-play-button:after{z-index:1;display:block;transition:.2s}.video-play-button:hover:after{background-color:darken(#ab5429,10%)}.video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto}.video-play-button span{display:block;position:relative;z-index:3;width:0;height:0;border-left:22px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}.tonni_tm_about .left_inner{margin-bottom:80px}.image_portfolio{width:100%;height:220px;overflow:hidden}.list_inner:hover .image_portfolio img{transform:scale(1.1);transition:.3s ease-in}.lightboxed--caption{right:0;top:50%!important;bottom:unset!important;transform:translateY(-50%);background:#00000080!important;width:275px}.special-tiles-wrap{box-sizing:border-box;border-radius:5px;padding:30px 30px 20px;text-align:center}.special-icons{font-size:45px;color:#002a3a;width:50px;margin:auto auto 20px;height:60px;line-height:60px}.special-heading{font-size:14px;line-height:21px;color:#ab5429;text-transform:capitalize;letter-spacing:1.5px;margin-bottom:10px;font-weight:700}.special-text{color:#86756c}.tonni_tm_service .service_list{display:flex;margin-top:0;margin-bottom:15px;border-bottom:none}.service_item-box{width:32%;margin-right:2%;border-radius:10px}.service_item-box:hover{background:#ab5429;color:#fff!important}.new___sec,.new__list .special-heading,.service_item-box:hover .special-heading,.service_item-box:hover .special-text{color:#fff}.service_item-box:hover .special-icons img{filter:invert(100%) sepia(16%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%)}.service_list .service_item-box:nth-child(3){margin-right:0}.service_list:first-child{margin-top:50px}.first-service-container{margin-top:50px!important}.tonni_tm_about .about_inner{align-items:center}.dodo_progress ul li{margin:0 0 20px;padding-left:0;padding-right:20px}.tonni_tm_hero .welcome{display:unset;font-size:24px}.tonni_tm_hero .name{margin-bottom:30px}.tonni_tm_button{margin-top:45px}span.typed-cursor{font-size:30px}@media (max-width:1600px){.dodo_progress .progress_inner .background{height:8px}}@media screen and (max-width:1040px){.portfolio-item.grid-item{width:50%;padding-left:0}.product-menu ul{display:flow-root}.product-menu ul li{width:unset;float:left;margin-bottom:10px}}@media screen and (max-width:654px){.portfolio-item.grid-item{width:100%}}.tonni_tm_mobile_menu .mobile_in .logo img{max-width:125px;max-height:unset}.features_btn{background:#f96}.modalbox_cv{position:absolute;z-index:-11;display:none;opacity:0;visibility:hidden}.glitch_wrap,.res_video_container{position:relative;width:100%;height:100%}.new__title{padding:0 130px}.new___sec{padding:80px 0;margin-top:0;z-index:1}.new___sec .shape{left:-120px;z-index:-1}.new___sec .shape .shape-svg1{width:320px;height:320px}.new___sec .shape2{z-index:-1;right:-145px}.new___sec .shape2 .svg{width:350px!important;height:350px!important}.new__list{display:flex;margin-top:30px}.new_sec__box:hover{background:#f3f0ea!important}.new_sec__box:hover h6,.new_sec__box:hover p{color:#ab5429!important}.shape .shape-svg1{height:850px;width:850px}.tonni_tm_contact .short .social ul li .svg{width:25px;height:25px}@media screen and (min-width:1601px){.tonni_tm_hero .shape1{bottom:17%;left:2%}.tonni_tm_hero .shape1 .svg{width:70px;height:70px}.tonni_tm_hero .shape3 .svg{width:75px;height:75px}.tonni_tm_hero .shape5 .svg{width:50px;height:50px}.tonni_tm_hero .shape5{left:35%}.tonni_tm_hero .shape7 .svg{width:65px;height:65px}.tonni_tm_hero .shape6 .svg{width:55px;height:55px}.tonni_tm_hero .shape4 .svg{width:60px;height:60px}.tonni_tm_partners .shape .svg,.tonni_tm_testimonials .shape .svg{width:80px;height:80px}.tonni_tm_partners .shape{right:0!important;top:-135px!important;margin-right:0!important}}@media screen and (max-width:1000px){.custom-pointer{display:none!important}}.image_portfolio img{height:100%}.tonni_tm_partners .shape{right:0!important;top:-135px!important;margin-right:0!important}.res_video_container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.glitch_wrap{float:left;overflow:hidden}.glitch{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url("img/hero/hero.jpg");background-size:cover;-webkit-background-size:cover;background-position:center;z-index:-1!important;opacity:1;transform:scale(1)}.new_team_section,li.portolio_menu{position:relative}.new_team_section{padding:0 0 100px;margin-bottom:60px}.team_member_box{width:32%;margin-right:2%;border-radius:10px;background:#ede8df;padding:50px;box-shadow:0 14px 20px rgb(187 182 173 / 30%)}.member_image img{width:140px;border-radius:100%}h3.member_name{font-size:24px}.member_info{margin:10px 0}.team_member_list{display:flex;margin-top:60px;justify-content:center}.middle_background{background:#ab5429;content:"";width:100%;height:unset;position:absolute;top:50%;transform:translateY(-50%);padding:120px}.tonni_tm_portfolio .portfolio_list .details{height:160px}.team_member_box:hover{transform:scale(1.05);transition:.5s;transform-origin:center;cursor:pointer}.portfolio_metu_thumb{position:absolute;top:-208px;width:250px;padding:5px;left:-55%;background:#fff;display:none;box-shadow:0 3px 20px rgb(0 0 0 / 23%);transform:translateX(-15px);border:1px solid #ab5429;border-radius:5px}.portfolio_metu_thumb img{border-radius:5px}.portfolio_metu_thumb img .portfolio_metu_thumb{width:500px;border-radius:5px}li.portolio_menu:hover .portfolio_metu_thumb{display:block}@media screen and (max-width:992px){.team_member_box{width:40%}}@media screen and (max-width:768px){.tonni_tm_hero .background{left:-400px}.new__list,.tonni_tm_service .service_list{flex-direction:column}.service_item-box{width:100%;margin:0 0 20px}.product-menu ul{display:flow-root}.product-menu ul li{width:unset!important;float:left;margin-bottom:10px}.new__title{padding:0 30px}.team_member_box{width:45%}}@media screen and (max-width:660px){.team_member_list{flex-direction:column}.team_member_box{width:100%;margin-bottom:60px}.middle_background{height:600px}.tonni_tm_portfolio .portfolio_list .details{height:unset}}

@media screen and (min-width:1601px){.tonni_tm_hero .shape1{bottom:17%;left:2%}.tonni_tm_hero .shape1 .svg{width:70px;height:70px}.tonni_tm_hero .shape3 .svg{width:75px;height:75px}.tonni_tm_hero .shape5 .svg{width:50px;height:50px}.tonni_tm_hero .shape5{left:35%}.tonni_tm_hero .shape7 .svg{width:65px;height:65px}.tonni_tm_hero .shape6 .svg{width:55px;height:55px}.tonni_tm_hero .shape4 .svg{width:60px;height:60px}.tonni_tm_partners .shape .svg,.tonni_tm_testimonials .shape .svg{width:80px;height:80px}.tonni_tm_partners .shape{right:0!important;top:-135px!important;margin-right:0!important}}.tonni_tm_partners .shape{right:0!important;top:-135px!important;margin-right:0!important}.res_video_container{position:relative;height:100%;width:100%}.res_video_container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.single_port_section{width:100%;padding-top:130px;padding-bottom:50px}.samples_img_container{margin-top:50px;display:grid;grid-template-columns:auto auto auto auto}.port_single_item{height:170px;overflow:hidden;margin-right:20px;margin-bottom:20px;cursor:pointer;transition: .3s ease; border-radius: 16px;}div#lightboxed--thumbs .lightboxed--thumb.lightboxed--active .lightboxed--thumb_border{background:#AB5429}@media screen and (max-width:900px){.samples_img_container{grid-template-columns:auto auto}.port_single_item:nth-child(10),.port_single_item:nth-child(14),.port_single_item:nth-child(18),.port_single_item:nth-child(2),.port_single_item:nth-child(22),.port_single_item:nth-child(26),.port_single_item:nth-child(30),.port_single_item:nth-child(34),.port_single_item:nth-child(38),.port_single_item:nth-child(6){margin-right:0}.lightboxed--caption{top:unset!important;right:unset!important;bottom:0!important;left:50%;transform:translateX(-50%)}}@media screen and (max-width:540px){.samples_img_container{grid-template-columns:auto}.port_single_item{margin:0 auto 20px!important;height:unset!important}.single_port_section h2{font-size:26px}}.port_single_item img{width:327px;height:100%}.single__contact{margin-top:0;padding-top:120px}.related_portfolio_section{padding-top:120px;margin-top:120px;margin-bottom:0;padding-bottom:120px;background:#ede9e0}.related_portfolio_section .relaeted_title{margin-bottom:50px;font-weight:500}ul{list-style:none}
.port_single_item:hover{
    scale: 1.03;
} 

.new-image-slider{position:fixed;background:#000000c7;height:100%;width:100%;top:0;display:flex;right:0;align-items:center;justify-content:center;left:0;z-index:-100;transition:.4s ease-in-out;
transform: scale(0); transform-origin: center; opacity: 0;
}.new-image-slider img,.new-image-slider iframe{width: 70%; border-radius: 24px;}
.responsive-video-container{
  position: relative;
  overflow: hidden;
  width: 70%;
  height: 80vh;
}
.new-image-slider iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.new-image-slider.active-slider{z-index:100;opacity:1; transform: scale(1);}

.new-image-slider::before{position:absolute;content:"";height:100%;width:100%;z-index:-1;backdrop-filter:blur(4px)}

.new-image-slider .close{position:absolute;right:20px;top:20px;background:#AB5429;width:50px;height:50px;border-radius:12px;border:1px solid #AB5429;display:flex;align-items:center;justify-content:center;font-size:20px;color:#ede9e0;transition:.3s}


.new-image-slider .close:hover{background:#AB5429;border-color:#AB5429;color:#ede9e0;border-radius:100px}



.scaliton_image {
  background-color: #e5e7eb; 
  border-radius: 0.5rem;    
  width: 100%;
  height: 200px;
  animation: pulse 1.5s ease-in-out infinite;
}


@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}


.subtitle p {
    font-size: 16px;
}


.slider-bottom-menus {
    position: fixed;
    bottom: 5px;
    width: 90%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #00000085;
    border-radius: 8px;
    padding: 10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; 
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.slider-bottom-menus::-webkit-scrollbar{
  display: none !important;
}


.slider-bottom-menus ul li img {
    width: 100%;
    border-radius: 4px;
    transition: .3s ease;
    border: 1px solid;
    border-color: transparent;
    height: 67px;
    object-fit: cover;
}
.slider-bottom-menus ul li img:hover,.slider-bottom-menus ul li img.active-thumb {
    transform: scale(0.95);
    cursor: pointer;
    border-color: #AB5429;
}

.slider-bottom-menus ul {
  display: flex;
  column-gap: 10px;
  transition: .3s ease;
    
}

.slider-bottom-menus ul li {
  width: 105px;
}



.slider-icon {
  width: 35px;
  height: 35px;
  background: #ab5429;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 8px;
  z-index: 9999;
  cursor: pointer;
  transition: .3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-icon:hover {
  border-radius: 50px;
}
.left-icon{
  left: -20px;
}
.right-icon{
  right: -20px;
}
.slider-icon svg{
  fill: #fff;
}

.bottom-menu-arrows{
  position: absolute;
  bottom: 5px;
  width: 35px;
  height: 90px;
  left: 5%;
}
.bottom-menu-arrows.arrow-right{
  left: unset;
  right: 5%;
}

.portfolio_btn, .view_resume{
  border-radius: 10px;
}

.tab-panel.portfolio_tab_panel{
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
  row-gap: 30px;
}




.tonni_tm_portfolio .portfolio-item{
  width: 31% !important;
  padding-left: 0 !important;
  margin: 0 !important;
 
}


@media screen and (max-width:1024px){
  .tonni_tm_portfolio .portfolio-item{
    width: 48% !important;
  }
}
@media screen and (max-width:600px){
  .tonni_tm_portfolio .portfolio-item{
    width: 100% !important;
  }
}

.tonni_tm_about .year h3{
  animation: zoomTexture 6s ease-in-out infinite;
  transform: translateY(0px);


}


@keyframes zoomTexture {
    0% { background-size: 100%; transform: translateY(-30px);}
    50% { background-size: 110%; transform: translateY(0px);}
    100% { background-size: 100%;transform: translateY(-30px); }
}

@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');

/* .summer-font{
  font-family: "Meow Script", cursive;
} */