* {
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: 'Epilogue';
}

.pop {
    font-family: 'Poppins';
}

.background {
    background-image: url(../images/background-main.jpg);

    height: 100vh;
}

#header {
    background-color: transparent;
}

.inner-header {
    padding: 20px 30px;
}

.inner-header ul li {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: .08em;
    cursor: pointer;
}


/* button css */
.btn-copy {
    width: 140px;
    height: 40px;
    color: #fff;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid white;
    outline: none;
    cursor: pointer;
    position: relative;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all 0.2s linear;
}

.btn-copy:hover{
    border-radius: 7px;
}

.btn-copy span {
    font-size: 15px;

    text-transform: uppercase;
    letter-spacing: 1px;
    transition: top 0.5s;
}

.btn-text-one {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.btn-text-two {
    position: absolute;
    width: 100%;
    top: 150%;
    left: 0;
    transform: translateY(-50%);
}

.btn-copy:hover .btn-text-one {
    top: -100%;
}

.btn-copy:hover .btn-text-two {
    top: 50%;
}



/*  */
.home-section {
    color: white;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}

.home-content h1 {
    font-size: 120px;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-top: 40px;
}

.home-content p {
    font-size: 16px;
    max-width: 256px;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1.5;
}

.text-image-1 {
    margin-top: -25px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.home-section {
    position: relative;
}

.media-icons {
    margin: 0px 30px;
}

.down-arrow {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.social-icons {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.circle {
    height: 30px;
    width: 30px;
    border: 1px solid white;
    margin-top: 8px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.circle i {
    font-size: 16px;
}

.circle:hover {
    background-color: white;
}

/* section-2 */

#section-2 {
    padding: 160px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.158);
}

.section-2-text h2 {
    font-size: 90px;
}

.section-2-text p {
    font-size: 28px;
    margin-bottom: 60px;
    line-height: 1.5 !important;
    letter-spacing: -.025em !important;
}

.section-2-circle li {
    padding: 14px 22px 12px;
    margin: 0px 8px 8px 0px;
    font-size: 15px;
    border-radius: 35px;
    border: 1px solid;
    transition: all 0.3s linear;
}

.section-2-circle li:hover {
    border-radius: 10px;
}

.section-2-img img {
    max-width: 100%;
    height: auto;
    transform: rotate(3deg);
    position: relative;
}

/* section-3 */
#section-3 {
    padding: 160px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.158);
}

.service-title h2 {
    font-size: 85px;
}

.services-dsc p {
    font-size: 27px;
}

.mark-decoration {
    position: relative;
    display: inline-block;
}

.mark-decoration::before {
    content: "";
    position: absolute;
    top: -.09em;
    left: -.2em;
    bottom: -.09em;
    right: -.2em;
    display: block;
    border: 1px solid black;
    border-radius: 50%;
    opacity: .7;
    transform: rotate(-7deg);
    pointer-events: none;
}

.service-3-item {
    position: relative;
    /* max-width: 91.582%; */
    padding: 58px;
    border: 1px solid black;
    border-radius: 200px;
    cursor: pointer;
    transition: all 0.2s linear;
}

.service-3-item:hover {
    padding: 58px 68px;
}

.service-item-tit span {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: .3em;
    left: 0;
}

.service3-item {
    margin-top: 50px;
}

.service-item-tit {
    position: relative;
    padding-left: .46em;
    font-size: 82px;
    letter-spacing: -.05em;
    line-height: 1.1;
}

.service-item-tit h3 {
    font-size: 90px;
    font-weight: 400;
}



.service-item-img {
    max-width: 218px;
    /* margin-left: auto; */
}

.service-item-img img {
    border-radius: 70px;
    max-width: 100%;
    height: auto;
}

.ml-100 {
    margin-left: 100px;
}

/* section-4 */
#section-4 {
    padding: 160px 0px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.158); */
}

.title {
    font-size: 85px;
    line-height: 1.2;
    letter-spacing: -.025em;
    font-weight: 500;
}

.see-all-works {
    font-size: 14px;

}

.section-4-work {
    margin-top: 80px;
}

.section-4-img-1 img {
    max-width: 100%;
    height: auto;
}


.section-4-content h2 {
    position: relative;
    margin-left: -135px;
    font-size: 82px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.05em;
    transition: all 0.3s linear;
    cursor: pointer;
}

.section-4-content h2:hover {
    letter-spacing: -.02em;
}

.section-4-content p {
    margin-bottom: 24px;
    font-size: 18px;
}

.section-4-arrow span {
    cursor: pointer;
}

/* section-5 */

#section-5{
    padding: 160px 0px;
    background-color: #f7f7f7;
}

.section-5-title{
    margin-bottom: 100px;
}
.section-5-title h2{
    font-size: 90px;
}

.section-5-title span{
    font-size: 15px;
}

.blog-img-1{
    overflow: hidden;
}
.blog-img-1 img{
    max-width: 100%;
}


.hover{
    transition: all 0.3s linear;
    cursor: pointer;
}
.hover:hover{
    transform: scale(1.1);
}
.blog-img-1{
    margin-bottom: 20px;
}

.blog-date{
    margin-bottom: 18px;
}

.blog-item{
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
    padding: 4px 10px 2px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 20px;
    
}

.blog-dsc h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.333;
    letter-spacing: -.01em;
}

.blog-dsc h3 a{
    text-decoration: none;
    color: black;
    transition: all 0.3s linear;
}

.blog-dsc h3 a:hover{
    text-decoration: underline;
}

.blog-img-2{
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
   overflow: hidden;
}

.blog-img-2 img{
    width: 100%;
}

/* section-6 */

#section-6{
    padding: 160px 0px;
}

.section-6-title h2{
    font-size: 90px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.new{
    margin-top: 0 !important;
    font-size: 30px !important;
    line-height: 1.5 !important;
    letter-spacing: -.025em !important;
    font-weight: 400;
}

.mb-80{
    margin-bottom: 80px;
}

.call-number{
    padding: 48px;
}

.contact-left-side{
    background-color: black;
}

.call-number h3{
    margin-bottom: 12px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 400;
    color: white;
}

.call-number .number{
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .07em;
    color: white;
    line-height: 1.28;
    margin-bottom: 10px;
    
}   

.cta a{
    font-size: 16px;
    color: hsla(0, 0%, 100%, .85);
    text-decoration: none;
    cursor: pointer;
}

.cta a:hover{
    text-decoration: underline;
}

.line{
    opacity: .15;
    height: 2px;
    color: white;
}

.contact-left-side{
    border-radius: 50px 0 0 50px;
}


.right-form-side{
    padding: 64px 48px;
    background-color: #f7f7f7;
    border-radius: 0 50px 50px 0;
    width: 100%;
}

.form-group{
    margin-bottom: 25px;
}

.input-circle{
    border-radius: 27px;
}

.input-lg{
    height: 52.5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}

.form-group label{
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: inline-block;
}

.form input[type=text]{
    padding-bottom: 1px;
    color: #000000;
}

.form textarea.input-lg{
    padding: 12px 20px;
    font-size: 16px;
}

.h-120{
    height: 120px;
}

.pt-20{
    padding-top: 20px;
}

.btn-large{
    padding: 15px 32px 13px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .08em;
}

.btn-mod.btn-circle {
    border-radius: 30px
}

.btn-full{
    width: 100%;
}

.btn-mod{
    box-sizing: border-box;
    color: #fff;
    background-color: black;
    border: 1px solid transparent;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer;
}

.pt-30{
    padding-top: 30px;

}

.form-tip{
    font-size: 14px;
    color: #777;
}

.form-tip a{
    line-height: 1.43;
    color: #777;
}

.back-bg{
    background-color: #000000;
}

.ptb-160{
    padding: 160px 0px;
}

.s-15{
    font-size: 15px;
    color: white;
}
.small{
    color: white;
    font-size: 13px;
}

.footer-links a{
    margin: 5px 15px 10px;
    color: white;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text-right{
    text-align: right;
    cursor: pointer;
    scroll-behavior: smooth;
}

.text-right a{
    text-decoration: none;
    color: white;

}
.text-right span{
    margin-right: 4px;
}