html {
  scroll-behavior: smooth;
}
.header .navigation ul.dropdown-menu  {
    margin-top: -5px;
}
.award-sec .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.award-sec{
    padding:80px 0;
    margin-top:75px;
}
.sty{
    margin-bottom:35px;
}
.award-sec .effect-sadie{
    margin:15px 0;
}
.award-img:hover{
    filter:opacity(0.5);
}

.logo{
    width: 59px;
   }
.m{
        margin-top: 40px;
}
.h{
    background: url(../images/black-wave.png)!important;
        background-repeat: no-repeat!important;
    background-position-x: center!important;
    background-position-y: bottom!important;

    padding: 0 0 18px 0!important;
    font-size: 45px;
    margin: -5px 0 0 0!important;
    color:#000;
}
.ftr{
        display: flex;
    justify-content: center;
}
 .footer-sec a{
     color:#000;
 }
 .about_h{
     text-align:center;
 }
 .sub-content {
margin: 5px 0 0 0!important;
}
.brd{
    border-right:none!important;
}
.mv h2{
    padding-top:60px;
    text-align: center;
    padding-bottom:10px;
}
.mv p{
    text-align: center;
}
.fun-facts span{
    padding-top: 12px;

}
.fun-facts span.counter {
    font-size: 40px!important;
}
.fun-facts img {
    width: 40%!important;
    margin: 26px 0 0 0!important;
}
.achievement{
   align-self: center;
}
.achievement h3{
    font-size: 22px!important;
    text-transform:uppercase;
}
.logo_custom h3 {
    font-weight:500;
    text-transform:uppercase;
    color: #010101!important;
}
.mission_img{
width: 74%;
    padding-left: 80px;
    padding-top: 46px;
}
.studio1 {
    text-align: center;
   margin: 0px 0 0 0!important;
    padding-bottom: 11px;
    

}
.header-two-main .header ul li .black-btn:hover{
    background-color:#222222;
}
.header-two-main .header ul li .black-btn{
       padding: 8px 25px;
      margin-top: -13px;
    display: flex;
}
.black-btn:hover {
    background: #ff0c06!important;
    border: solid 2px #ff0c0600!important;
}
.header .navigation ul {
    /*margin-top: 0px;*/
}
.office a{
    color:#000!important;
}
.position{
    margin-bottom:70px!important;
}
.client_logo{
    width:145px;
}
.fun-facts{
    padding: 54px 0!important;
}
.mission_r{
   
    border-top: 3px solid rgb(238, 238, 238);
    
}
.logo_custom h3{
    padding-top: 18px!important;
    font-size:18px!important;
}
.logo{
        margin-right: 20px;
}
.mission_col{
    padding-top:75px;
    padding-bottom:75px;
}

.workflow h3{
   font-size: 22px;
    font-weight:600;
    margin-bottom: 4px;
}

.workflow .card-body{
        padding-top: 30px;
    padding-bottom: 30px;
    border: 3px solid #eeeeee;
}
.working_h{
    padding-top:60px;
}
.process_section {
    padding-bottom: 20px!important;
}
.workflow p{
    line-height: 29px!important;
}
.workflow_img{
    width:40px;
    padding-bottom:14px;
}
.workflow{
    padding-bottom:100px;
}

.header ul li a{
    font-size:11px!important;
}

.some-about{
    padding-bottom:100px;
}

/*container*/

 p{
    font-size: 16px!important;
}
.all-projects .container{
    padding-right:0px!important;
    padding-left:0px!;
}
.our-studio span {
    font-size: 17px!important;
    width: inherit!important;
}
h2,h1 {
    
    font-size: 35px!important;
}
.tp-banner{
    max-height: 768px!important;
}
.contact-detail .inquiries .form textarea{
    height: 97px!important;
}
.detail img{
    width:25px;
}
.detail .address{
    width:33px;
}
.contact-detail .office span {
    font-size: 17px!important;
    
    font-weight: 500!important;
}
.office h5{
    padding-bottom:20px;
}
.inquiries h5{
    padding-bottom:20px;
}
.workflow{
        margin: 0px 0 0 0!important;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.caret{
    margin-left: 7px!important;
    margin: -4px 3px 0px 0px!important;
    float:none!important;
}
.dropdown-menu{
       top: 30px!important;
}
input[type=submit]{
    font-size: 13px!important;
    
    padding: 12px 44px!important;
}
.mapouter{
    overflow-x:hidden;
}
.process_section{
    padding-bottom:70px;
}
	/*.process_section .container{*/
	/*    width: 1455px!important;*/
	/*}*/
	.services-item-img img{
	    position: absolute;
    z-index: 983;
    width: 43px;
	}
	.services-item h3{
	    display:flex;
	    justify-content:center;
	}
.services-item-img .process1{
    width: 40px;
}
	    .img-circle {
	        background-color: #fff;
    position: absolute;
    width: 90px;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    top: 56px;
    left: 0;
    right: 0;
    border: 2px solid #00000047;
    border-radius: 50px;
    z-index: 1;
    
}
.process_section h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}
.services-item-img {
    width: 100px;
    height: 100px;
       margin-top: 28px;
    margin-left: -27px;
    margin-right: auto;
    position: relative;
    
}
.process,.process1 {
    opacity:0.4;
}
.separator {
    position: absolute;
    border-bottom: 2px solid #d2d2d2;
        width: 1000%;
    height: 28px;
    z-index: 1;
    margin-left: 28px;
}
.services-item {
    padding: 50px 30px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}            
/*.dropdown-menu {*/
    
/*    top: 145%!important;*/
/*    left: 19px!important;*/
/*    min-width: 42px!important;*/
/*    padding: -1px 0!important;*/
/*    margin: 2px 0 0!important;*/
  
/*}*/
/*.dropdown-menu li a:hover {*/
/*    color: rgb(255, 255, 255);*/
/*     border-radius:none; */
/*    background: antiquewhite!important;*/
/*    width: 268%;*/
/*}*/
/*.contact_section h2{*/
/*    padding-bottom:20px;*/
/*}*/

.welcome-serv-img{
        -webkit-user-modify: read-write-plaintext-only;
}
.sff{
        padding: 0 63px!important;
}
.sos{
        padding: 0 30px!important;
}
.header-two-main .header ul li ul a{
    margin:0 5px;
}         
.cont{
        display: contents;
    text-align: center;
}
.smgn{
           margin-left: 0px!important;
    margin-right: 0px!important;
}
.smgn li{
    padding:0 15px;
}
.footer-light div span a{
    color:#000000;
}
.cd-header{
    display: none;
}
.footer-sec h3{
    font-size:25px!important;
}
.footer-sec a{
    font-size: 18px!important;
}
.cont a{
    margin-bottom:5px!important;
}

.plus::after{
    content:'+';
    font-size:36px;
}

 .job-section{
     margin-top:100px;
     margin-bottom:100px;
 }
 .card-body{
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     padding:50px;
 }
 
 
 
 
	    @media only screen and (max-width: 767px) {
	        .groo{
	                margin-top: -30px!important;
	        }
	        .sec-space {
                padding: 50px 0!important;
            }
	        
	       h2 ,h1{
             font-size: 28px!important;
             } 
	        
	        
	        
	        .bootom_footer{
	            text-align:center!important;
	        }
	        
	    }