@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

:root{
    --main-color: #000
}
html{
    overflow-x:hidden;
    padding:0;
    margin:0
}
body{
    font-family: "Teachers", sans-serif;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
    word-wrap: break-word;
    font-weight: 400;
    background-color: #fff;
    color: #767676;
}
svg{
    fill:currentcolor;
    width:15px;
    height:15px
}
img.svg{
    width:15px;
    height:15px
}
::-webkit-input-placeholder{
    color:#6f6f6f
}
:-moz-placeholder{
    color:#6f6f6f;
    opacity:1
}
::-moz-placeholder{
    color:#6f6f6f;
    opacity:1
}
:-ms-input-placeholder{
    color:#6f6f6f
}
::-ms-input-placeholder{
    color:#6f6f6f
}
::placeholder{
    color:#6f6f6f
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
    line-height:1.4;
    font-family: "Teachers", sans-serif;
    color:#000
}
.container{
    max-width:1400px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    padding:22px 20px;
    position:relative;
    clear:both;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media(max-width:1040px){
    .container{
        padding:0 20px
    }
}
.shamim_all_wrap{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    overflow:hidden
}
.shamim_all_wrap,.shamim_all_wrap *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.shamim_preloader{
    position:fixed;
    background-color:#fff;
    z-index:9999999;
    height:100%;
    width:100%;
    -webkit-transition:.2s all ease;
    -o-transition:.2s all ease;
    transition:.2s all ease;
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.shamim_preloader .spinner_wrap{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:33333
}
.shamim_preloader.loaded{
    opacity:0;
    visibility:hidden
}
.shamim_preloader:before,.shamim_preloader:after{
    content:"";
    position:absolute;
    height:50%;
    width:100%;
    background-color:#000;
    -webkit-transition:.7s all ease;
    -o-transition:.7s all ease;
    transition:.7s all ease
}
.shamim_preloader:before{
    top:0;
    left:0
}
.shamim_preloader:after{
    bottom:0;
    left:0
}
.shamim_preloader.loaded:before,.shamim_preloader.loaded:after{
    height:0%
}
.shamim_topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:10;
    padding:20px 0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_topbar.home{
    top:-100px
}
.shamim_topbar.home.opened{
    top:0
}
.shamim_topbar.extra{
    top:0!important
}
.shamim_topbar.animate{
    padding: 5px 0;
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.06)
}
.shamim_topbar .topbar_inner{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.shamim_topbar .topbar_inner .logo img{
    max-width:165px
}
.shamim_topbar .wrapper{
    width:30px;
    height:17px;
    top:5px;
    position:relative
}
.shamim_topbar .menu{
    display:flex;
    align-content:center
}
.shamim_topbar .menu .links ul{
    margin:0;
    list-style-type:none;
    position:relative;
    top:5px
}
.shamim_topbar .menu .links ul li{
    margin:0 30px 0 0;
    display:inline-block
}
.shamim_topbar .menu .links ul li:last-child{
    margin-right:0
}
.shamim_topbar .menu .links ul li a{
    text-decoration:none;
    color:#000;
    font-family: "Teachers", sans-serif;
    font-weight:600;
    position:relative;
    overflow:hidden;
    display:inline-block
}
.shamim_topbar .menu .links ul li a .first{
    position:absolute;
    transform:translateY(100%);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_topbar .menu .links ul li a .second{
    position:relative;
    display:block;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_topbar .menu .links ul li a:hover .first{
    transform:translateY(0)
}
.shamim_topbar .menu .links ul li a:hover .second{
    transform:translateY(-100%)
}
.shamim_topbar .menu .links ul li.current a .first{
    transform:translateY(0)
}
.shamim_topbar .menu .links ul li.current a .second{
    transform:translateY(-100%)
}
.shamim_topbar .menu .links ul li.current a{
    color:#000
}
.shamim_topbar .menu .links ul li a:hover{
    color:var(--main-color)
}
.shamim_topbar .menu .links ul li.current a{
    color:var(--main-color)
}
.shamim_mobile_menu{
    width:100%;
    height:auto;
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:10
}
.shamim_mobile_menu .topbar_inner{
    width:100%;
    height:auto;
    float:left;
    clear:both;
    background-color:#fff;
    padding:20px 0;
    border-bottom:1px solid rgba(0,0,0,.2)
}
.shamim_mobile_menu .topbar_in{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.my_trigger .hamburger{
    padding:15px;
    display:inline-block;
    cursor:pointer;
    transition-property:opacity,filter;
    transition-duration:.15s;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
    background-color:transparent;
    border:0;
    margin:0;
    overflow:visible
}
.my_trigger .hamburger-box{
    width:30px;
    height:18px;
    display:inline-block;
    position:relative
}
.my_trigger .hamburger-inner{
    display:block;
    top:50%;
    margin-top:-2px
}
.my_trigger .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
    width:30px;
    height:2px;
    background-color:#333;
    position:absolute;
    transition-property:transform;
    transition-duration:.15s;
    transition-timing-function:ease;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.my_trigger .hamburger-inner::before,.my_trigger .hamburger-inner::after{
    content:"";
    display:block
}
.my_trigger .hamburger-inner::before{
    top:-8px
}
.my_trigger .hamburger-inner::after{
    bottom:-10px
}
.my_trigger .hamburger--collapse-r .hamburger-inner{
    top:auto;
    bottom:0;
    transition-duration:.13s;
    transition-delay:.13s;
    transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.my_trigger .hamburger--collapse-r .hamburger-inner::after{
    top:-16px;
    transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}
.my_trigger .hamburger--collapse-r .hamburger-inner::before{
    transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner{
    transform:translate3d(0,-10px,0) rotate(45deg);
    transition-delay:.22s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{
    top:0;
    opacity:0;
    transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(90deg);
    transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}
.my_trigger .hamburger{
    padding:0;
    height:100%;
    display:table-cell;
    vertical-align:middle
}
.my_trigger .hamburger-box{
    display:block
}
.my_trigger .hamburger .hamburger-inner::before,.my_trigger .hamburger .hamburger-inner::after,.my_trigger .hamburger .hamburger-inner{
    background-color:#000;
    width:30px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_mobile_menu .dropdown{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    background-color:#fff;
    border-bottom:1px solid rgba(0,0,0,.2);
    display:none
}
.shamim_mobile_menu .dropdown .dropdown_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    padding:25px 0
}
.shamim_mobile_menu .dropdown .dropdown_inner ul{
    margin:0;
    list-style-type:none
}
.shamim_mobile_menu .dropdown .dropdown_inner ul li{
    margin:0;
    float:left;
    width:100%
}
.shamim_mobile_menu .dropdown .dropdown_inner ul li a{
    text-decoration:none;
    color:#000;
    display:inline-block;
    padding:4px 0;
    font-family: "Teachers", sans-serif;
    font-weight:500
}
.shamim_mobile_menu .logo img{
    max-width:70px
}
.shamim_hero {
    width: 100%;
    height: 79.5vh;
    clear: both;
    float: left;
    position: relative;
}
.shamim_hero .background{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.shamim_hero .background .leftpart{
    width:33%;
    height:100%;
    background-color:#fff;
    position:absolute;
    top:0;
    left:0
}
.shamim_hero .background .rightpart{
    width:100%;
    height:100%;
    float:left;
    padding-left:33%
}
.shamim_hero .background .rightpart .inner{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden
}
.shamim_hero .background .rightpart .image {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -20px;
    right: -20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.shamim_hero .background .myOverlay{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    background-color:#fff;
    z-index:2;
    left:0%;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.shamim_hero .background .overlay_image{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    z-index:1
}
.shamim_hero .background .myOverlay.dark{
    background-color:#000
}
.shamim_hero .background .myOverlay.loaded{
    left:100%
}
.shamim_hero .content .container{
    height:100%
}
.shamim_hero .content{
    width:100%;
    height:100%;
    position:relative;
    z-index:4
}
.shamim_hero .content_inner{
    position:absolute;
    top:55%;
    transform:translateY(-50%);
    width: 60%;
}
.shamim_hero .content_inner h3{
    color:var(--main-color);
    font-size:50px;
    font-weight:900;
    /*    text-transform:uppercase;*/
    margin:0;
    padding:0;
    line-height:1.1
}
.shamim_hero .content_inner h3.quote-motivate{
    margin-bottom: 20px;
}

.shamim_hero .content_inner .name h5.designation{
    margin-bottom: 20px;
}
.shamim_hero .content_inner h3.stroke{
    -webkit-text-stroke:1px var(--main-color);
    color:transparent
}
.shamim_hero .content_inner span{
    font-family: "Teachers", sans-serif;
    font-weight:400;
    display:inline-block;
    padding-top:0px;
    font-style:italic
}
.shamim_down{
    position:absolute;
    z-index:7;
    bottom:50px
}
.shamim_down[data-position=left]{
    left:0
}
.shamim_down[data-position=right]{
    right:0
}
.shamim_down[data-position=center]{
    left:50%;
    transform:translateX(-50%)
}
.shamim_down .line_wrapper{
    position:absolute;
    width:1px;
    height:100%;
    left:0;
    right:0;
    margin:0 auto;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"alpha(opacity=100)";
    visibility:visible;
    -webkit-transition:all .7s;
    -moz-transition:all .7s;
    -ms-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s
}
.shamim_down .line_wrapper{
    width:1px;
    height:50px;
    background:0 0;
    display:block
}
.shamim_down .line_wrapper:before{
    content:"";
    background-color:#000;
    width:1px;
    height:50%;
    display:block;
    top:0;
    -webkit-animation:scroll-down 2s ease-in-out infinite;
    -ms-animation:scroll-down 2s ease-in-out infinite;
    animation:scroll-down 2s ease-in-out infinite
}
@-webkit-keyframes scroll-down{
    0%{
        height:0
    }
    50%{
        height:100%
    }
    70%{
        height:100%;
        transform:scaleY(.5);
        transform-origin:bottom
    }
    100%{
        height:100%;
        transform:scaleY(0);
        transform-origin:bottom
    }
}
.shamim_down[data-skin=light] .line_wrapper:before{
    background-color:#fff
}
.shamim_about{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    margin-bottom:193px;
    padding-top:230px
}
.shamim_about .about_inner{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    align-items:center
}
.shamim_about .about_inner .left{
    width:40%
}
.shamim_about .about_inner .left img{
    min-width:10%
}
.shamim_about .about_inner .right{
    width:60%;
    padding-left:80px
}
.shamim_about .name{
    width:100%;
    float:left;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:35px;
    margin-bottom:32px
}
.shamim_about .name h3{
    text-transform:uppercase;
    font-weight:900;
    font-size:35px;
    position:relative;
    color:var(--main-color)
}
.shamim_about .name h3 .bg{
    position:absolute;
    left:0;
    top:0;
    font-family: "Teachers", sans-serif;
    color:transparent;
    font-size:150px;
    font-weight:900;
    opacity:.1;
    line-height:0;
    -webkit-text-stroke:1px #000;
    -webkit-user-select:none
}
.shamim_about .name span{
    font-family: "Teachers", sans-serif;
    font-weight:400;
    display:inline-block;
    padding-top:10px
}
.shamim_about span.job{
    font-style:italic
}
.shamim_about .right .text{
    width:100%;
    float:left;
    margin-bottom:23px
}
.shamim_about .right .text p{
    margin-bottom:13px
}
.shamim_button{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_button button,
.shamim_button a{
    text-decoration:none;
    color:#fff;
    background-color:var(--main-color);
    padding:13px 50px;
    display:inline-block;
    border:2px solid var(--main-color);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_button button:hover,
.shamim_button a:hover{
    background-color:transparent;
    color:var(--main-color)
}
.shamim_button[data-position=left]{
    text-align:left
}
.shamim_button[data-position=center]{
    text-align:center
}
.shamim_button[data-position=right]{
    text-align:right
}
.shamim_service{
    margin-bottom:140px
}
.shamim_service,.shamim_service .service_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_service ul{
    margin:0;
    list-style-type:none;
    cursor:e-resize
}
.shamim_service ul li{
    margin:0
}
.shamim_service ul li .list_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative
}
.shamim_service ul li .svg{
    position:absolute;
    left:0;
    top:5px;
    width:50px;
    height:50px;
    color:var(--main-color);
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.shamim_service ul li .details{
    padding-left:75px
}
.shamim_service ul li .details h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    margin-bottom:16px
}
.shamim_portoflio{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    margin-bottom:200px;
    padding:205px 0 100px;
    background-color:#f8f9fa
}
.shamim_portoflio .portfolio_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    padding-top:105px
}
.shamim_main_title{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.shamim_main_title .title h3{
    text-transform:uppercase;
    font-weight:900;
    font-size:35px;
    position:relative
}
.shamim_main_title .title h3 .bg{
    position:absolute;
    left:-6px;
    top:0;
    font-family: "Teachers", sans-serif;
    color:transparent;
    font-size:150px;
    font-weight:900;
    opacity:.1;
    line-height:0;
    -webkit-text-stroke:1px #000;
    -webkit-user-select:none
}
.shamim_portoflio .portfolio_filter{
    width:auto;
    position:relative;
    display:flex;
    align-items:center
}
.shamim_portoflio .portfolio_filter ul{
    margin:0;
    list-style-type:none;
    padding-right:50px;
    position:relative;
    top:3px
}
.shamim_portoflio .portfolio_filter ul li{
    margin:0 30px 0 0;
    display:inline-block;
    opacity:0;
    visibility:hidden;
    left:10px;
    position:relative;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}
.shamim_portoflio .portfolio_filter ul li.opened{
    opacity:1;
    visibility:visible;
    left:0
}
.shamim_portoflio .portfolio_filter ul li:last-child{
    margin-right:0
}
.shamim_portoflio .portfolio_filter ul li a{
    text-decoration:none;
    color:#000;
    font-family: "Teachers", sans-serif;
    font-weight:600;
    position:relative;
    overflow:hidden;
    display:inline-block
}
.shamim_portoflio .portfolio_filter ul li a.current{
    color:var(--main-color)
}
.shamim_portoflio .portfolio_filter ul li a .first{
    position:absolute;
    transform:translateY(100%);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_filter ul li a .second{
    position:relative;
    display:block;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_filter ul li a:hover .first{
    transform:translateY(0)
}
.shamim_portoflio .portfolio_filter ul li a:hover .second{
    transform:translateY(-100%)
}
.shamim_portoflio .portfolio_filter .wrapper{
    width:30px;
    height:17px;
    position:relative
}
.shamim_portoflio .portfolio_filter .wrapper a{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1
}
.shamim_portoflio .portfolio_filter .wrapper .trigger{
    position:absolute;
    width:30px;
    height:3px;
    background-color:#000;
    top:50%;
    transform:translateY(-50%)
}
.shamim_portoflio .portfolio_filter .wrapper .trigger:before{
    position:absolute;
    content:"";
    width:15px;
    height:3px;
    background-color:#000;
    left:0;
    top:-7px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_filter .wrapper .trigger:after{
    position:absolute;
    content:"";
    width:15px;
    height:3px;
    background-color:#000;
    right:0;
    bottom:-7px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_filter .wrapper a:hover .trigger:before{
    left:14px
}
.shamim_portoflio .portfolio_filter .wrapper a:hover .trigger:after{
    right:14px
}
.shamim_portoflio .portfolio_filter .wrapper a.opened .trigger:before{
    left:14px
}
.shamim_portoflio .portfolio_filter .wrapper a.opened .trigger:after{
    right:14px
}
.shamim_portoflio .portfolio_inner ul{
    margin:0 0 0 -50px;
    list-style-type:none
}
.shamim_portoflio .portfolio_inner ul li{
    margin:0 0 40px;
    float:left;
    width:33.3333%;
    padding-left:50px
}
.shamim_portoflio .portfolio_inner ul li .list_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    overflow:hidden
}
.shamim_portoflio .overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background-color:rgba(255,255,255,.7);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .overlay .myimage{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:150px!important;
    min-width:150px!important;
    z-index:1
}
.shamim_portoflio .portfolio_inner ul li .list_inner .image:hover .overlay{
    opacity:1;
    visibility:visible
}
.shamim_portoflio .portfolio_inner ul li .list_inner .title h3 a:hover{
    color:var(--main-color)
}
.full_link{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:4
}
.shamim_portoflio .portfolio_inner ul li .list_inner .image{
    position:relative;
    margin-bottom:20px;
    overflow:hidden
}
.shamim_portoflio .portfolio_inner ul li .list_inner .image img{
    min-width:100%;
    opacity:0
}
.shamim_portoflio .portfolio_inner ul li .list_inner .image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_inner ul li .list_inner .image:hover .main{
    transform:scale(1.1) translateZ(0)
}
.shamim_portoflio .portfolio_inner ul li .title h3 a{
    margin:0;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
    color:#000;
    text-decoration:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_portoflio .portfolio_inner ul li .title span a{
    text-decoration:none;
    color:#767676;
    position:relative;
    display:inline-block
}
.shamim_testimonials{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    margin-bottom:100px
}
.shamim_testimonials .testimonials_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    overflow:hidden;
    padding-top:105px;
    padding-left:2px;
    padding-right:2px
}
.shamim_testimonials .owl-carousel .owl-stage{
    display:flex
}
.shamim_testimonials .item{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    height:100%;
    position:relative;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    -o-flex-direction:column;
    flex-direction:column
}
.shamim_testimonials .text{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    border:2px solid rgba(0,0,0,.07);
    padding:40px;
    margin-bottom:30px
}
.shamim_testimonials .text:before{
    position:absolute;
    content:"";
    height:0;
    width:0;
    top:100%;
    left:50px;
    border:solid transparent;
    border-top-color:rgba(0,0,0,.07);
    border-width:18px 18px 0 0
}
.shamim_testimonials .text:after{
    position:absolute;
    content:"";
    top:100%;
    left:50px;
    height:0;
    width:0;
    border:solid transparent;
    border-top-color:#fff;
    border-width:14px 13px 0 0;
    margin-left:2px
}
.shamim_testimonials .details{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    display:flex;
    align-items:center;
    padding-left:20px;
    margin-top:auto
}
.shamim_testimonials .details .image{
    position:relative;
    width:60px;
    height:60px
}
.shamim_testimonials .details .image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    border-radius:100%
}
.shamim_testimonials .details .short{
    padding-left:20px
}
.shamim_testimonials .details .author{
    font-size:16px;
    margin-bottom:2px;
    font-weight:600
}
.shamim_testimonials .details .job{
    margin:0;
    padding:0;
    font-style:italic
}
.shamim_testimonials .owl-carousel .owl-stage-outer{
    overflow:hidden
}
.shamim_testimonials .owl-carousel .owl-stage-outer{
    overflow:visible
}
.shamim_testimonials .owl-item.active{
    opacity:1
}
.shamim_testimonials .owl-item{
    opacity:0
}
.shamim_testimonials .quote_list ul li .svg{
    color:var(--main-color)
}
.shamim_news{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    padding:205px 0 100px;
    background-color:#f8f9fa
}
.shamim_news .news_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    padding-top:105px
}
.shamim_news .news_inner ul{
    margin:0 0 0 -50px;
    list-style-type:none
}
.shamim_news .news_inner ul li{
    margin:0 0 50px;
    float:left;
    width:33.3333%;
    padding-left:50px
}
.shamim_news .news_inner ul li .list_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    box-shadow:0 0 20px rgba(0,0,0,.07)
}
.shamim_news ul li .image{
    position:relative;
    overflow:hidden
}
.shamim_news ul li .image img{
    min-width:100%;
    opacity:0
}
.shamim_news ul li .image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_news ul li .list_inner .image:hover .main{
    transform:scale(1.1) translateZ(0)
}
.shamim_news ul li .details{
    width:100%;
    float:left;
    padding:30px 40px 25px;
    background-color:#fff;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_news ul li .details .title{
    margin-bottom:10px;
    line-height:1.4
}
.shamim_news ul li .details .title a{
    text-decoration:none;
    color:#000;
    font-size:18px;
    font-weight:600;
    display:inline-block;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_news ul li .details .title a:hover{
    color:#000
}
.shamim_news ul li .details .date{
    font-family: "Teachers", sans-serif;
    font-size:13px;
    color:#767676;
    font-style:italic
}
.shamim_news ul li .details .date a{
    text-decoration:none;
    color:#767676;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_news ul li .details .date a:hover{
    color:#000
}
.shamim_news ul li .details .date span{
    position:relative
}
.shamim_news ul li .details .date span:before{
    position:relative;
    content:"/";
    font-size:10px;
    padding:0 7px 0 2px
}
.shamim_news ul li .extra{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
    position:relative
}
.shamim_news ul li .extra:before{
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.1);
    bottom:-7px
}
.shamim_news .news_inner ul li .details .title a:hover{
    color:var(--main-color)
}
.shamim_contact{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    margin-bottom:150px;
    padding-top:205px
}
.shamim_contact .contact_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_contact .contact_inner .wrapper{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    padding-top:43px
}
.shamim_contact .desc{
    max-width:50%;
    float:left;
    padding-top:95px
}
.shamim_contact .desc p{
    font-style:italic
}
.shamim_contact .contact_inner .left{
    width:50%;
    padding-right:25px
}
.shamim_contact .fields{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_contact .fields .first{
    width:100%;
    float:left
}
.shamim_contact .fields ul{
    margin:0;
    list-style-type:none
}
.shamim_contact .fields ul li{
    width:100%;
    margin:0 0 30px;
    float:left
}
.shamim_contact .fields ul li input{
    width:100%;
    border:1px solid rgba(0,0,0,.1);
    background-color:transparent
}
.shamim_contact .fields ul li input:focus{
    outline:none;
    border:1px solid rgba(0,0,0,.3)
}
.shamim_contact .fields .last textarea{
    width:100%;
    border:1px solid rgba(0,0,0,.1);
    height:120px;
    resize:none;
    margin-bottom:20px;
    background-color:transparent
}
.shamim_contact .fields .last textarea:focus{
    outline:none;
    border:1px solid rgba(0,0,0,.3)
}
.shamim_contact .empty_notice{
    color:#f52225;
    margin-bottom:7px;
    display:none;
    text-align:left;
    font-weight:500
}
.shamim_contact .contact_error{
    color:#f52225;
    text-align:left;
    font-weight:500
}
.shamim_contact .returnmessage{
    color:#3a00ff;
    margin-bottom:7px;
    text-align:left;
    font-weight:500
}
.shamim_contact .shamim_button a{
    display:block
}
.shamim_contact .right{
    width:50%;
    padding-left:25px;
    position:relative;
    top:6px
}
.shamim_map{
    width:100%;
    float:left
}
.shamim_map .mapouter{
    width:100%!important
}
.shamim_copyright{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    background-color:#000;
    padding:10px 0 10px;
}
.shamim_copyright .copyright_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_copyright .copyright_inner>ul{
    margin:0 0 0 -30px;
    list-style-type:none;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.shamim_copyright .copyright_inner>ul>li{
    margin: 0 0 5px;
    width: 30%;
    float: left;
    padding-left: 18px;
}
.shamim_copyright .copyright_inner>ul>li span{
    display:block;
    color:#fff;
    font-family: "Teachers", sans-serif;
    font-weight:500
}
.shamim_copyright .copyright_inner>ul>li span a{
    text-decoration:none;
    color:#fff
}
.shamim_copyright .copyright_inner .social ul{
    margin:0;
    list-style-type:none;
    position:relative;
    top:4px
}
.shamim_copyright .copyright_inner .social ul li{
    margin:0 20px 0 0;
    display:inline-block
}
.shamim_copyright .copyright_inner .social ul li:last-child{
    margin-right:0
}
.shamim_copyright .copyright_inner .social ul li a{
    text-decoration:none;
    color:#fff;
    position:relative;
    overflow:hidden;
    display:inline-block
}
.shamim_copyright .copyright_inner .social ul li a .first{
    position:absolute;
    transform:translateY(100%);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_copyright .copyright_inner .social ul li a .second{
    position:relative;
    display:block;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_copyright .copyright_inner .social ul li a:hover .first{
    transform:translateY(0)
}
.shamim_copyright .copyright_inner .social ul li a:hover .second{
    transform:translateY(-100%)
}
.shamim_copyright .copyright_inner .social .svg{
    color:#fff;
    width:17px;
    height:17px
}
.mouse-cursor{
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    border-radius:50%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    visibility:hidden
}
.cursor-inner{
    margin-left:-3px;
    margin-top:-3px;
    width:6px;
    height:6px;
    z-index:10000001;
    background-color:var(--main-color);
    -webkit-transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}
.cursor-inner.cursor-hover{
    margin-left:-40px;
    margin-top:-40px;
    width:80px;
    height:80px;
    background-color:var(--main-color);
    opacity:.3
}
.cursor-outer{
    margin-left:-15px;
    margin-top:-15px;
    width:30px;
    height:30px;
    border:2px solid var(--main-color);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:10000000;
    opacity:.5;
    -webkit-transition:all .08s ease-out;
    transition:all .08s ease-out
}
.cursor-outer.cursor-hover{
    opacity:0
}
.shamim_all_wrap[data-magic-cursor=hide] .mouse-cursor{
    display:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    z-index:-1111
}
.shamim_hero .glitch_wrap{
    position:relative;
    width:100%;
    height:100%;
    float:left;
    overflow:hidden
}
.glitch{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:url(../img/slider/1.jpg);
    background-size:cover;
    -webkit-background-size:cover;
    background-position:center;
    z-index:-1!important;
    opacity:1;
    transform:scale(1)
}
.glitch:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.shamim_hero .particle_wrapper{
    position:relative;
    float:left;
    width:100%;
    height:100%
}
#particles-js{
    width:100%;
    height:100%;
    position:absolute;
    z-index:2
}
.fn_cs_personal_slider{
    width:100%;
    height:100%;
    clear:both;
    float:left
}
.fn_cs_personal_slider .main_image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.fn_cs_personal_slider .swiper-container{
    cursor:none;
    overflow:hidden;
    height:100%
}
.fn_cs_personal_slider .swiper-slide{
    overflow:hidden
}
.shamim_settings{
    position:fixed;
    z-index:200;
    top:15%;
    right:-200px;
    width:200px;
    background-color:#000;
    padding:40px 20px 33px 30px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_settings.opened{
    right:0
}
.shamim_settings .wrapper{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_settings .icon{
    position:absolute;
    top:0;
    right:100%;
    background-color:#000;
    padding:12px 12px 4px
}
.shamim_settings .icon .svg{
    color:#fff;
    width:25px;
    height:25px;
    animation:fa-spin 2s infinite linear
}
.shamim_settings .link{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.shamim_settings .title{
    color:#fff;
    font-family: "Teachers", sans-serif;
    font-weight:600;
    position:relative;
    display:inline-block
}
.shamim_settings .title:before{
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    background-color:rgba(255,255,255,.2);
    left:0;
    bottom:0
}
.shamim_settings .colors{
    margin:0 0 22px;
    list-style-type:none;
    padding-top:32px
}
.shamim_settings .colors li{
    margin:0;
    display:inline-block
}
.shamim_settings .colors li a{
    text-decoration:none;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:100%
}
.shamim_settings .direction{
    list-style-type:none;
    margin:0
}
.shamim_settings .direction li{
    margin:0 20px 0 0;
    display:inline-block
}
.shamim_settings .direction li a{
    opacity:.4;
    text-decoration:none;
    color:#fff
}
.shamim_settings .direction li a.active{
    opacity:1
}
.shamim_settings .direction li .svg{
    width:25px;
    height:25px
}
.shamim_settings .colors li.bl{
    display:inline-block
}
.shamim_settings .colors li.wh{
    display:none
}
body.dark .shamim_settings .colors li.bl,.shamim_settings.changed .colors li.bl{
    display:none
}
body.dark .shamim_settings .colors li.wh,.shamim_settings.changed .colors li.wh{
    display:inline-block
}
body.dark .shamim_settings,.shamim_settings.changed{
    background-color:#fff
}
body.dark .shamim_settings .icon,.shamim_settings.changed .icon{
    background-color:#fff
}
body.dark .shamim_settings .icon .svg,.shamim_settings.changed .icon .svg{
    color:#000
}
body.dark .shamim_settings .title,.shamim_settings.changed .title{
    color:#000
}
body.dark .shamim_settings .title:before,.shamim_settings.changed .title:before{
    background-color:rgba(0,0,0,.5)
}
body.dark .shamim_settings .direction li a,.shamim_settings.changed .direction li a{
    color:#000
}
body.dark .shamim_settings .cursor li:nth-child(1) a,.shamim_settings.changed .cursor li:nth-child(1) a{
    border-color:#000
}
body.dark .shamim_settings .cursor li:nth-child(1) a:before,.shamim_settings.changed .cursor li:nth-child(1) a:before{
    background-color:#000
}
body.dark .shamim_settings .cursor li .svg,.shamim_settings.changed .cursor li .svg{
    color:#000
}
.shamim_settings .cursor{
    margin:0;
    list-style-type:none;
    padding-top:15px
}
.shamim_settings .cursor li{
    margin:0 20px 0 0;
    display:inline-block
}
.shamim_settings .cursor li a{
    text-decoration:none;
    color:#fff;
    opacity:.4;
    font-weight:600
}
.shamim_settings .cursor li a.showme{
    opacity:1
}
.shamim_settings .cursor li:nth-child(1) a{
    width:30px;
    height:30px;
    border-radius:100%;
    border:2px solid #fff;
    position:relative;
    display:inline-block
}
.shamim_settings .cursor li:nth-child(1) a:before{
    position:absolute;
    content:"";
    width:4px;
    height:4px;
    border-radius:100%;
    background-color:#fff;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%
}
.shamim_settings .cursor li .svg{
    width:25px;
    height:25px;
    color:#fff
}
.shamim_settings .cursor li:nth-child(2){
    position:relative;
    top:-2px
}
.shamim_settings .effect{
    margin:0;
    list-style-type:none;
    padding-top:15px;
    padding-bottom:25px
}
.shamim_settings .effect li{
    margin:0 0 5px;
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:100%;
    background-color:#fff;
    opacity:.4
}
.shamim_settings .effect li a{
    text-decoration:none;
    color:#000;
    font-size:13px;
    font-weight:600;
    font-family: "Teachers", sans-serif;
    display:block;
    position:relative;
    top:2px
}
.shamim_settings .effect li.selected{
    background-color:#fff;
    opacity:1
}
.shamim_intro_page{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_intro_page .shamim_button a{
    background-color:#ff4c4f
}
.shamim_intro_page .hero_header{
    width:100%;
    height:100vh;
    position:relative;
    float:left;
    margin-bottom:135px;
    background-color:#000
}
.shamim_intro_page .hero_header .wp{
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:1;
    display:inline-block;
    background-color:#fff;
    padding:5px 40px;
    font-family: "Teachers", sans-serif;
    font-weight:500;
    font-size:18px;
    font-weight:600;
    border-radius:50px
}
.shamim_intro_page .hero_header .wp a{
    text-decoration:none;
    color:#e54b4b;
    font-weight:600
}
.shamim_intro_page .hero_header .container.intro{
    height:100%;
    max-width:1400px
}
.shamim_intro_page .hero_header .content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    z-index:1
}
.shamim_intro_page .hero_header .content .titlehero{
    color:#fff;
    font-weight:600;
    font-family: "Teachers", sans-serif;
    font-size:25px;
    padding:45px 0
}
.shamim_button.intro a:hover{
    color:#fff!important
}
.shamim_intro_page .mainpart{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    margin-bottom:85px
}
.shamim_intro_page .mainpart .intro_title{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    text-align:center;
    margin-bottom:85px
}
.shamim_intro_page .mainpart .intro_title h3{
    font-size:35px;
    font-weight:700;
    color:#000;
    text-transform:uppercase
}
.container.demo{
    max-width:1400px
}
.shamim_intro_page .demo_list,.shamim_intro_page .demo_list .list_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_intro_page .demo_list ul{
    margin:0 0 0 -50px;
    list-style-type:none
}
.shamim_intro_page .demo_list ul li{
    margin:0 0 60px;
    width:50%;
    float:left;
    padding-left:50px
}
.shamim_intro_page .demo_list ul li .in{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative;
    text-align:center
}
.shamim_intro_page .demo_list ul li img{
    box-shadow:0 0 20px rgba(0,0,0,.2)
}
.shamim_intro_page .demo_list ul li .full_link{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1
}
.shamim_intro_page .demo_list ul li .detail{
    display:inline-block;
    position:relative
}
.shamim_intro_page .demo_list ul li .detail .new{
    position:absolute;
    left:100%;
    background-color:#e54b4b;
    color:#fff;
    font-weight:600;
    font-size:15px;
    text-transform:uppercase;
    padding:2px 20px;
    border-radius:50px;
    top:50%;
    margin-left:20px;
    transform:translateY(-50%);
    margin-top:10px
}
.shamim_intro_page .demo_list ul li h3{
    font-size:18px;
    font-weight:600;
    padding-top:20px
}
.shamim_intro_page .intro_footer{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    background-color:#000;
    text-align:center;
    padding:175px 20px 200px
}
.shamim_intro_page .intro_footer .inner{
    width:100%;
    max-width:700px;
    margin:0 auto
}
.shamim_intro_page .intro_footer .inner h3{
    color:#fff;
    font-weight:700;
    font-size:50px;
    max-width:650px;
    margin-bottom:40px
}
.shamim_intro_fixed_price .pricing-info,.shamim_intro_fixed_price .anim{
    text-decoration:none;
    color:#fff;
    font-family: "Teachers", sans-serif;
    background-color:#e54b4b;
    position:fixed;
    font-size:22px;
    text-align:center;
    z-index:5;
    border-radius:100%;
    height:70px;
    width:70px;
    line-height:70px;
    display:inline-block;
    bottom:50px;
    right:50px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
@-webkit-keyframes myAnim{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.3
    }
    100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
@keyframes myAnim{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.3
    }
    100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
.shamim_intro_fixed_price .anim:nth-child(1){
    -webkit-animation:myAnim 2s infinite;
    animation:myAnim 2s infinite
}
.shamim_intro_fixed_price .anim:nth-child(2){
    -webkit-animation:myAnim 2s infinite .3s;
    animation:myAnim 2s infinite .3s
}
.shamim_intro_fixed_price .anim:nth-child(3){
    -webkit-animation:myAnim 2s infinite .6s;
    animation:myAnim 2s infinite .6s
}
.shamim_modalbox{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:100vh;
    z-index:20;
    background-color:rgba(0,0,0,.8);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox.opened{
    opacity:1;
    visibility:visible
}
.shamim_modalbox .box_inner{
    position:absolute;
    top:70px;
    bottom:70px;
    width:968px;
    left:50%;
    transform:translateX(-53%);
    background-color:#fff;
    z-index:1;
    opacity:0;
    visibility:hidden;
    transition-delay:.3s;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox.opened .box_inner{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%)
}
.shamim_modalbox .close{
    position:fixed;
    left:100%;
    top:0;
    margin-left:30px;
    z-index:10
}
.shamim_modalbox .close a{
    display:block;
    width:40px;
    height:40px;
    text-decoration:none;
    color:#fff;
    border:2px solid #fff;
    position:relative;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox .close a:hover{
    border-radius:100%
}
.shamim_modalbox .close a i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.shamim_modalbox .description_wrap{
    position:relative;
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    padding:50px;
    overflow-y:scroll
}
.shamim_modalbox .description_wrap:before{
    position:fixed;
    content:"";
    top:0;
    left:0;
    right:0;
    height:50px;
    background-color:#fff;
    z-index:5;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.shamim_modalbox .description_wrap:after{
    position:fixed;
    content:"";
    bottom:0;
    left:0;
    right:0;
    height:50px;
    background-color:#fff;
    z-index:5;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.shamim_modalbox .description_wrap::-webkit-scrollbar{
    width:11px
}
.shamim_modalbox .description_wrap{
    scrollbar-width:thin;
    scrollbar-color:#bbb #fff
}
.shamim_modalbox .description_wrap:-webkit-scrollbar-track{
    background:#fff
}
.shamim_modalbox .description_wrap::-webkit-scrollbar-thumb{
    background-color:#bbb;
    border-radius:10px;
    border:3px solid #fff
}
.hidden_content_portfolio{
    display:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    z-index:-11
}
.shamim_modalbox .hidden_content_portfolio{
    display:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    z-index:-11
}
.shamim_modalbox .popup_details{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_modalbox .popup_details .top_image{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.shamim_modalbox .popup_details .top_image img{
    position:relative;
    min-width:100%;
    opacity:0
}
.shamim_modalbox .popup_details .top_image .main{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.shamim_modalbox .portfolio_main_title{
    width:100%;
    float:left;
    margin-bottom:20px
}
.shamim_modalbox .portfolio_main_title .category a{
    display:inline-block;
    color:var(--main-color);
    margin-bottom:7px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox .portfolio_main_title .category a:hover{
    color:var(--yellow-color)
}
.shamim_modalbox .portfolio_main_title h3{
    font-size:25px
}
.shamim_modalbox .main_details{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    margin-bottom:60px
}
.shamim_modalbox .main_details .textbox{
    width:70%;
    padding-right:40px
}
.shamim_modalbox .main_details .textbox p{
    margin-bottom:10px;
    opacity:.8
}
.shamim_modalbox .main_details .textbox p:last-child{
    margin-bottom:0
}
.shamim_modalbox .main_details .detailbox{
    width:30%;
    padding-left:40px
}
.shamim_modalbox .main_details .detailbox>ul{
    margin:0;
    list-style-type:none
}
.shamim_modalbox .main_details .detailbox>ul>li{
    margin:0 0 10px;
    width:100%;
    float:left
}
.shamim_modalbox .main_details .detailbox>ul>li:last-child{
    margin-bottom:0
}
.shamim_modalbox .main_details .detailbox>ul>li span:last-child{
    opacity:.8
}
.shamim_modalbox .main_details .detailbox .first{
    font-weight:700;
    display:block
}
.shamim_modalbox .main_details .detailbox span a{
    text-decoration:none;
    color:var(--main-color);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox .main_details .detailbox span a:hover{
    color:var(--yellow-color)
}
.shamim_modalbox .main_details .detailbox .share{
    margin:0;
    list-style-type:none;
    position:relative;
    top:7px
}
.shamim_modalbox .main_details .detailbox .share li{
    margin:0 13px 0 0;
    display:inline-block
}
.shamim_modalbox .main_details .detailbox .share li:last-child{
    margin-right:0
}
.shamim_modalbox .main_details .detailbox .share li a{
    text-decoration:none;
    color:var(--main-color);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_modalbox .main_details .detailbox .share li a:hover{
    color:var(--yellow-color)
}
.shamim_modalbox .additional_images{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_modalbox .additional_images ul{
    margin:0 0 0 -30px;
    list-style-type:none
}
.shamim_modalbox .additional_images ul li{
    margin:0 0 30px;
    float:left;
    width:50%;
    padding-left:30px
}
.shamim_modalbox .additional_images ul li:nth-child(3n-2){
    width:100%
}
.shamim_modalbox .additional_images ul li .list_inner{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    position:relative
}
.shamim_modalbox .additional_images ul li .my_image{
    position:relative
}
.shamim_modalbox .additional_images ul li .my_image img{
    opacity:0;
    min-width:100%
}
.shamim_modalbox .additional_images ul li .my_image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.shamim_news .news_hidden_details{
    display:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    z-index:-11
}
.shamim_modalbox .news_popup_informations{
    width:100%;
    height:auto;
    clear:both;
    float:left
}
.shamim_modalbox .news_popup_informations .image{
    position:relative;
    margin-bottom:30px
}
.shamim_modalbox .news_popup_informations .image img{
    position:relative;
    opacity:0;
    min-width:100%
}
.shamim_modalbox .news_popup_informations .image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.shamim_modalbox .news_popup_informations .text{
    width:100%;
    float:left
}
.shamim_modalbox .news_popup_informations .text p{
    margin-bottom:10px;
    opacity:.8
}
.shamim_modalbox .news_popup_informations .text p:last-child{
    margin-bottom:0
}
.shamim_modalbox .meta{
    width:100%;
    float:left
}
.shamim_modalbox .meta a{
    text-decoration:none;
    color:#000
}
.shamim_modalbox .news_popup_informations .title{
    width:100%;
    float:left;
    margin-bottom:20px
}
.shamim_modalbox .news_popup_informations .title h3{
    font-size:25px
}
.shamim_about_page{
    width:100%;
    float:left;
    margin-top:250px
}
.shamim_about_page .shamim_about{
    padding-top: 120px;
    margin-bottom: 80px;
}
.shamim_skills{
    width:100%;
    float:left;
    background-color:#f8f9fa;
    padding:205px 0 130px
}
.progress_wrapper{
    width:100%;
    float:left;
    display:flex;
    margin-top:95px
}
.progress_wrapper .line_progress{
    width:50%;
    padding-right:50px
}
.progress_inner{
    width:100%;
    margin-bottom:25px
}
.progress_inner:last-child{
    margin-bottom:0
}
.progress_inner>span{
    margin:0 0 11px;
    width:100%;
    display:block;
    text-align:left;
    color:#000
}
.progress_inner span.number{
    float:right
}
.progress_inner .background{
    background:rgba(0,0,0,.09);
    width:100%;
    min-width:100%;
    position:relative;
    height:8px
}
.progress_inner .background .bar_in{
    height:100%;
    background:var(--main-color);
    width:0;
    overflow:hidden
}
.progress_inner .background .bar{
    width:0;
    height:100%
}
.progress_inner .background .bar.open{
    -webkit-animation:wow 2s cubic-bezier(.165,.84,.44,1);
    -moz-animation:wow 2s cubic-bezier(.165,.84,.44,1);
    animation:wow 2s cubic-bezier(.165,.84,.44,1);
    width:100%
}
@-webkit-keyframes wow{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@-moz-keyframes wow{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@keyframes wow{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
.circular_progress_bar{
    width:50%;
    padding-left:50px
}
.circular_progress_bar ul{
    margin:0 0 0 -10px;
    list-style-type:none
}
.circular_progress_bar ul li{
    margin:0 0 10px;
    width:33.3333%;
    float:left;
    padding-left:10px
}
.circular_progress_bar .myCircle{
    position:relative;
    float:left
}
.circular_progress_bar .list_inner{
    width:100%;
    position:relative;
    text-align:center
}
.circular_progress_bar .title{
    width:100%;
    max-width:165px;
    float:left;
    color:var(--main-color)
}
.circular_progress_bar .title a{
    color:#000
}
.circular_progress_bar .number{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#000;
    margin-left:4px
}
.shamim_timeline{
    width:100%;
    float:left;
    padding:200px 0 140px
}
.shamim_timeline .timeline_wrapper{
    width:100%;
    float:left;
    display:flex;
    margin-top:50px
}
.shamim_timeline .study{
    width:50%;
    padding-right:50px
}
.shamim_timeline .job{
    width:50%;
    padding-left:50px
}
.shamim_timeline .item_list{
    width:100%;
    height:auto;
    clear:both;
    float:left;
    margin-top:55px
}
.shamim_timeline .item_list ul{
    margin:0;
    list-style-type:none;
    position:relative;
    display:inline-block;
    padding-top:10px
}
.shamim_timeline .item_list ul:before{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.07)
}
.shamim_timeline .item_list ul li{
    margin:0;
    width:100%;
    float:left;
    position:relative;
    padding-left:20px;
    padding-bottom:45px
}
.shamim_timeline .item_list ul li:last-child{
    padding-bottom:0
}
.shamim_timeline .item_list ul li:before{
    content:"";
    position:absolute;
    height:18px;
    width:18px;
    background:#fff;
    border-radius:100%;
    border:solid 1px #ccc;
    left:-9px;
    top:8px
}
.shamim_timeline .item_list ul li .list_inner{
    width:100%;
    height:auto;
    clear:both;
    display:flex;
    position:relative
}
.shamim_timeline .item_list ul li .time{
    width:50%;
    padding-right:20px
}
.shamim_timeline .item_list ul li .time span{
    display:inline-block;
    padding:5px 25px;
    background-color:var(--main-color);
    color:#fff;
    border-radius:50px;
    font-size:15px;
    white-space:nowrap
}
.shamim_timeline .item_list ul li .place{
    width:50%;
    padding-left:20px
}
.shamim_timeline .item_list ul li .place h3{
    font-size:18px;
    margin-bottom:2px;
    font-weight:600
}
.shamim_timeline .item_list ul li .place span{
    font-size:15px;
    font-style:italic;
    color:#767676
}
.shamim_presentation{
    width:100%;
    float:left;
    position:relative;
    padding:150px 20px;
    text-align:center
}
.shamim_presentation .background{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.shamim_presentation .overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.6);
    z-index:1
}
.shamim_presentation .content{
    position:relative;
    z-index:2
}
.fn_cs_video .rounded{
    width:100px;
    height:100px;
    display:block;
    position:relative;
    left:50%;
    top:50%;
    transform:translateX(-50%);
    border-radius: 100% !important;
    z-index:10;
    background-color:#fff
}
.fn_cs_video .rounded:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width: 12px 0 13px 20px;
    border-color:transparent transparent transparent #000;
    top:50%;
    left:50%;
    margin-left: 0;
    transform:translate(-50%,-50%)
}
.fn_cs_video .rounded a:after{
    content:'';
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    top:50%;
    left:50%;
    margin:-62px 0 0 -62px;
    background-color:inherit;
    z-index:-1;
    pointer-events:none;
    border:12px solid rgba(255,255,255,.8);
    opacity:.8;
    border-radius:100%;
    -webkit-animation:cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite;
    animation:cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite
}
.fn_cs_video .rounded a{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:block;
    text-decoration:none;
    z-index:1
}
@-webkit-keyframes cs_fn_pulse{
    from{
        opacity:1;
        transform:scale(1,1)
    }
    to{
        opacity:0;
        transform:scale(1.4,1.4)
    }
}
@keyframes cs_fn_pulse{
    from{
        opacity:1;
        transform:scale(1,1)
    }
    to{
        opacity:0;
        transform:scale(1.4,1.4)
    }
}
.shamim_presentation .text{
    max-width:500px;
    margin:0 auto;
    padding:33px 0 40px
}
.shamim_presentation .text p{
    text-align:center;
    color:#fff;
    font-family:poppins,Sans-serif;
    font-size:26px;
    font-weight:500;
    line-height:1.4em
}
.shamim_presentation .button a{
    text-decoration:none;
    display:inline-block;
    font-family: "Teachers", sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:2em;
    letter-spacing:.2px;
    fill:#fff;
    color:#fff;
    background-color:#14ec3200;
    border-style:solid;
    border-width:2px;
    border-radius:0 0 0 0;
    padding:13px 50px;
    margin:0 auto;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_presentation .button a:hover{
    color:#000;
    background-color:#fff
}
.shamim_counter{
    width:100%;
    float:left;
    padding:78px 0 33px
}
.shamim_counter .counter_list{
    width:100%;
    float:left
}
.shamim_counter .counter_list ul{
    margin:0 0 0 -40px;
    list-style-type:none
}
.shamim_counter .counter_list ul li{
    margin:0 0 40px;
    width:25%;
    float:left;
    padding-left:40px;
    text-align:center
}
.shamim_counter .counter_list .list_inner{
    position:relative;
    width:100%;
    float:left
}
.shamim_counter .counter_list .list_inner h3{
    font-size:150px;
    font-weight:700;
    color:var(--main-color);
    opacity:.05;
    margin:0;
    padding:0
}
.shamim_counter .counter_list .list_inner .title{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:18px;
    font-family: "Teachers", sans-serif;
    color:#000;
    display:block;
    font-style:italic
}
.shamim_member{
    width:100%;
    float:left;
    background-color:#f8f9fa;
    padding:200px 0 100px
}
.shamim_member .member_inner{
    width:100%;
    float:left
}
.shamim_member .list{
    width:100%;
    float:left;
    margin-top:100px
}
.shamim_member .list>ul{
    margin:0 0 0 -50px;
    list-style-type:none
}
.shamim_member .list>ul>li{
    margin:0 0 50px;
    width:33.3333%;
    float:left;
    padding-left:50px
}
.shamim_member .list .list_inner{
    width:100%;
    float:left;
    position:relative;
    overflow:hidden
}
.shamim_member .list .image{
    position:relative;
    margin-bottom:20px
}
.shamim_member .list .image img{
    position:relative;
    opacity:0;
    min-width:100%
}
.shamim_member .list .image .main{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.shamim_member .list .details{
    width:100%;
    float:left;
    position:relative
}
.shamim_member .list .details h3{
    font-size:18px;
    font-weight:600
}
.shamim_member .list .details span{
    font-style:italic
}
.shamim_member .social{
    position:absolute;
    right:-30px;
    bottom:0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.shamim_member .list .list_inner:hover .social{
    right:15px
}
.shamim_member .social ul{
    margin:0;
    list-style-type:none
}
.shamim_member .social ul li{
    margin:0
}
.shamim_member .social ul li a{
    display:inline-block;
    position:relative;
    width:24px;
    height:24px;
    background-color:var(--main-color);
    border-radius:3px;
    color:#fff
}
.shamim_member .social ul li i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:13px
}
@media(max-width:1600px){
    .container{
        max-width:1120px
    }
    .shamim_hero .content_inner h3{
        font-size:33px
    }
    .shamim_news ul li .details .title a{
        font-size:17px
    }
    .shamim_news ul li .details{
        padding:30px 30px 25px
    }
    .circular_progress_bar .title{
        max-width:145px
    }
    .progress_inner>span{
        margin-bottom:5px
    }
    .progress_inner{
        margin-bottom:24px
    }
    .shamim_modalbox .box_inner{
        width:800px
    }
    .shamim_modalbox .description_wrap{
        padding:40px
    }
    .shamim_modalbox .description_wrap:before{
        height:40px
    }
    .shamim_modalbox .description_wrap:after{
        height:40px
    }
    .shamim_modalbox .close{
        margin-left:20px
    }
}
@media(max-width:1200px){
    .shamim_hero .background .leftpart{
        width:0%
    }
    .shamim_hero .background .rightpart{
        padding-left:0
    }
}
@media(max-width:1040px){
    .shamim_preloader{
        display:none
    }
    .shamim_topbar{
        display:none
    }
    .shamim_mobile_menu{
        display:block
    }
    .shamim_hero .content_inner h3{
        font-size:60px
    }
    .shamim_main_title .title h3 .bg{
        display:none
    }
    .shamim_about .name h3 .bg{
        display:none
    }
    .shamim_about .about_inner{
        flex-direction:column;
        align-items:baseline
    }
    .shamim_about .about_inner .left{
        width:100%;
        margin-bottom:50px
    }
    .shamim_about .about_inner .left .image .myDot{
        display:none
    }
    .shamim_about .about_inner .right{
        width:100%;
        padding-left:0
    }
    .shamim_about .name h3{
        font-size:30px
    }
    .shamim_main_title .title h3{
        font-size:30px
    }
    .shamim_main_title{
        display:block
    }
    .shamim_portoflio .portfolio_filter{
        display:block
    }
    .shamim_portoflio .portfolio_filter .wrapper{
        display:none
    }
    .shamim_portoflio .portfolio_filter ul li{
        left:0;
        opacity:1;
        visibility:visible
    }
    .shamim_portoflio .portfolio_filter ul{
        padding-right:0;
        padding-top:40px
    }
    .shamim_portoflio .portfolio_inner{
        padding-top:30px
    }
    .shamim_portoflio .portfolio_inner ul li{
        width:50%
    }
    .shamim_news .news_inner ul li{
        width:50%
    }
    .shamim_contact .desc{
        max-width:100%
    }
    .shamim_contact .contact_inner .wrapper{
        flex-direction:column;
        align-items:baseline
    }
    .shamim_contact .contact_inner .left{
        width:100%;
        padding-right:0;
        margin-bottom:40px
    }
    .shamim_contact .right{
        width:100%;
        padding-left:0
    }
    .shamim_copyright .copyright_inner>ul>li{
        width:100%;
        padding-left:0
    }
    .shamim_copyright .copyright_inner>ul{
        display:block;
        margin:0
    }
    .shamim_portoflio{
        padding-top:140px;
        margin-bottom:140px
    }
    .shamim_news{
        padding-top:140px
    }
    .shamim_contact{
        padding-top:140px
    }
    .progress_wrapper{
        flex-direction:column
    }
    .progress_wrapper .line_progress{
        width:100%;
        padding-right:0;
        margin-bottom:60px
    }
    .circular_progress_bar{
        width:100%;
        padding-left:0
    }
    .shamim_timeline .timeline_wrapper{
        flex-direction:column
    }
    .shamim_timeline .study{
        width:100%;
        padding-right:0
    }
    .shamim_timeline .job{
        width:100%;
        padding-left:0
    }
    .shamim_counter .counter_list ul li{
        width:33.3333%
    }
    .shamim_member .list>ul>li{
        width:50%
    }
    .shamim_about_page{
        margin-top:216px
    }
    .shamim_skills{
        padding-top:140px
    }
    .shamim_member{
        padding-top:140px
    }
    .shamim_timeline{
        padding-top:135px
    }
    .shamim_about_page .shamim_about{
        padding-top:130px
    }
    .shamim_modalbox .box_inner{
        width:600px;
        top:50px;
        bottom:50px
    }
    .shamim_modalbox .description_wrap{
        padding:30px
    }
    .shamim_modalbox .description_wrap:before{
        height:30px
    }
    .shamim_modalbox .description_wrap:after{
        height:30px
    }
    .shamim_modalbox .close a{
        width:30px;
        height:30px
    }
    .shamim_modalbox .close{
        margin-left:15px
    }
    .shamim_modalbox .main_details{
        flex-direction:column
    }
    .shamim_modalbox .main_details .textbox{
        width:100%;
        padding-right:0;
        margin-bottom:30px
    }
    .shamim_modalbox .main_details .detailbox{
        width:100%;
        padding-left:0
    }
    .mouse-cursor{
        display:none
    }
    .shamim_settings{
        top:20%
    }
}
@media(max-width:768px){
    .shamim_hero .content_inner h3{
        font-size:38px
    }
    .shamim_service ul li .svg{
        position:relative;
        margin-bottom:20px
    }
    .shamim_service ul li .details{
        padding-left:0
    }
    .shamim_portoflio .portfolio_inner ul{
        margin:0
    }
    .shamim_portoflio .portfolio_inner ul li{
        width:100%;
        padding-left:0
    }
    .shamim_news .news_inner ul{
        margin-left:0
    }
    .shamim_news .news_inner ul li{
        width:100%;
        padding-left:0
    }
    .shamim_counter .counter_list ul li{
        width:50%
    }
    .shamim_counter .counter_list .list_inner h3{
        font-size:90px
    }
    .shamim_counter .counter_list .list_inner .title{
        font-size:15px
    }
    .shamim_counter .counter_list ul li{
        margin-bottom:10px
    }
    .shamim_counter{
        padding-bottom:100px
    }
    .shamim_member .list>ul{
        margin:0
    }
    .shamim_member .list>ul>li{
        width:100%;
        padding-left:0
    }
    .shamim_timeline .item_list ul li .time span{
        font-size:14px;
        padding:2px 18px
    }
    .shamim_timeline .item_list ul li .place{
        padding-left:0
    }
    .shamim_timeline .item_list ul li .place h3{
        font-size:16px
    }
    .circular_progress_bar .myCircle{
        float:none!important
    }
    .circular_progress_bar .title{
        max-width:100%
    }
    .shamim_modalbox .box_inner{
        width:300px;
        top:40px;
        bottom:40px
    }
    .shamim_modalbox .description_wrap{
        padding:30px 25px 25px
    }
    .shamim_modalbox .description_wrap:before{
        height:30px
    }
    .shamim_modalbox .description_wrap:after{
        height:25px
    }
    .shamim_modalbox .close{
        margin-left:auto;
        left:auto;
        right:25px;
        top:15px
    }
    .shamim_modalbox .close a{
        color:#000;
        width:auto;
        height:auto;
        border:none;
        font-size:20px
    }
    .shamim_modalbox .portfolio_main_title h3{
        font-size:19px
    }
    .shamim_modalbox .portfolio_main_title{
        margin-bottom:15px
    }
    .shamim_modalbox .additional_images ul{
        margin:0
    }
    .shamim_modalbox .additional_images ul li{
        width:100%!important;
        padding-left:0;
        margin-bottom:20px
    }
    .shamim_modalbox .news_popup_informations .title h3{
        font-size:19px
    }
    .shamim_modalbox .news_popup_informations .title{
        margin-bottom:15px
    }
    .shamim_intro_page .demo_list ul{
        margin:0
    }
    .shamim_intro_page .demo_list ul li{
        width:100%;
        padding-left:0
    }
    .shamim_intro_page .intro_footer .inner h3{
        font-size:35px
    }
    .shamim_intro_fixed_price .pricing-info,.shamim_intro_fixed_price .anim{
        width:50px;
        height:50px;
        line-height:50px;
        bottom:25px;
        right:25px;
        font-size:15px
    }
    .shamim_intro_page .hero_header .content{
        width:100%
    }
    .shamim_intro_page .hero_header .content .titlehero{
        font-size:19px
    }
}
@media(max-width:768px){
.order-1 {
    order: 2 ;
}
.order-2 {
    order: 1 ;
}

.shamim_hero .content_inner{
    width: 100%;
}

}

.order-1 {
    order: 1 ;
}
.order-2 {
    order: 2 ;
}
.shamim_all_wrap .shamim_topbar .topbar_inner .logo a {
    text-decoration: none;
}
.shamim_all_wrap .shamim_topbar .topbar_inner .logo a p {
    -webkit-text-stroke: 1px var(--main-color);
    color: transparent;
    font-size: 30px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.shamim_topbar .topbar_inner .logo a {
    filter: brightness(0) invert(0);
}





/*
* ----------------------------------------------------------------------------------------
* 08.RESUME CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.resume-area .container{
    padding: 100px 0px;
}

.resume-wrapper {
    position: relative;
    padding-left: 45px;
    margin-top: 50px;
}

.resume-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px solid #00000012;
}

.resume-wrapper i {
    color: var(--main-color);
    font-size: 40px;
    margin-bottom: 30px;
    display: block;
}

.resume-wrapper .resume-box {
    margin-bottom: 40px
}
.resume-box h5{
    font-size: 22px;
    position: relative;
    color: var(--main-color);
    font-weight: 600;
}
.resume-wrapper .resume-box:last-child {
    margin-bottom: 0
}

.resume-wrapper .resume-box .resume-date {
    position: relative;
    display: inline-block;
    border: 1px solid #00000012;
    border-radius: 2em;
    margin-bottom: 1em;
    color: var(--primary-color);
    padding: 0.5em 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s
}
.resume-wrapper .resume-box span:nth-child(3) {
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    font-style: italic;
}

.resume-wrapper .resume-box .resume-date:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -42px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    border-top: 1px solid #00000012;
}

.resume-wrapper .resume-box .resume-date:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -55px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 100%;
    border: solid 1px #ccc;
}

.resume-wrapper .resume-box:hover .resume-date {
    color: var(--primary-color)
}




.my-approach .approach-content {
    margin-top: 45px;
}
.my-approach .approach-content .content-quote {
    margin-top: 25px;
    padding: 25px 30px;
    background-color: #f4f4f4;
    border-radius: 8px;
}
.my-approach .approach-content .content-quote p{
    color: #000;
    font-size: 18px;
    line-height: 30px;
}
 .shamim_tm_presentation .content .fn_cs_video{
    position: relative;
    margin-bottom: 35px;
 }

/* pulse btn */


.play-now {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.play-now .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    padding-left: 3px;
    background-color: #ffffff;
    color: #222222;
    z-index: 1;
    font-size: 19px;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -webkit-transform-origin:center; 
    transform-origin:center; 
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}