/* content */
/* section1 */
.content .section1 .wrap .sec1_slide{position: relative; overflow: hidden; height: 570px; margin-top: 60px;}
.content .section1 .wrap .sec1_slide .slide1_con{width: 445px; text-align: center; padding: 210px 0; margin-right: 100px; float: right;}
.content .section1 .wrap .sec1_slide .slide1_con h2{font-size: 40px; color: #fff;}
.content .section1 .wrap .sec1_slide .slide1_con h1{font-size: 64px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 15px;}
.content .section1 .wrap .sec1_slide .slide2_con{text-align: left; padding: 153px 0; margin-left: 70px;}
.content .section1 .wrap .sec1_slide .slide2_con h2{font-size: 50px; font-weight: 700;}
.content .section1 .wrap .sec1_slide .slide2_con p{font-size: 22px; margin-top: 30px;}
.content .section1 .wrap .sec1_slide .slide2_con .contact{margin-top: 52px;}
.content .section1 .wrap .sec1_slide .slide2_con .contact img{box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); border-radius: 16px;}
.content .section1 .wrap .sec1_services{margin-top: 150px;}
.content .section1 .wrap .sec1_services.sec1_services2{display: none;}
.content .section1 .wrap .sec1_services > ul{display: flex; justify-content: space-between;}
/* .content .section1 .wrap .sec1_services > ul > li{} */
.content .section1 .wrap .sec1_services > ul > li > a{width: 150px; height: 150px; border-radius: 150px; text-align: center; background: #F4F4F4; transition: .3s; display: block; box-sizing: border-box; padding: 30px 0px;}
.content .section1 .wrap .sec1_services > ul > li > a .serv{transition: .3s;}
.content .section1 .wrap .sec1_services > ul > li > a > p{margin-top: 5px; font-size: 17px; color: #999999; transition: .3s;}
.content .section1 .wrap .sec1_services > ul > li:hover > a{background: #598CD9; transform: translateY(-30px);}
.content .section1 .wrap .sec1_services > ul > li:hover > a .serv{filter: brightness(1.5);}
.content .section1 .wrap .sec1_services > ul > li:hover > a > p{color: #fff;}
.content .section1 .wrap .sec1_services_txt{text-align: center; margin-top: 60px;}
.content .section1 .wrap .sec1_services_txt span{color: #598cd9; font-weight: bold;}
/* section2 */
.content .section2 .wrap{margin-top: 150px;}
.content .section2 .wrap .sec2_box{height: 640px; padding: 200px 0; padding-left: 700px; box-sizing: border-box;}
.content .section2 .wrap .sec2_box .sec2_txt h2{font-size: 40px;}
.content .section2 .wrap .sec2_box .sec2_txt h1{font-size: 50px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 5px;}
.content .section2 .wrap .sec2_box .sec2_txt p{font-size: 22px; margin-top: 30px;}
/* section3 */
.content .section3 .wrap{margin-top: 150px;}
.content .section3 .wrap .sec3_box{height: 640px; padding: 200px 0; padding-left: 70px; box-sizing: border-box;}
.content .section3 .wrap .sec3_box h2{font-size: 40px; color: #fff;}
.content .section3 .wrap .sec3_box p{font-size: 22px; margin-top: 30px; color: #fff;}
.content .section3 .wrap .sec3_box button{width: 138px; height: 56px; border-radius: 56px; background: #598CD9; color: #fff; margin-top: 66px; font-weight: 700; font-size: 16px;}
/* section4 */
.content .section4{background: #f4f4f4; margin-top: 150px; position: relative;}
.content .section4 .wrap{display: flex;}
.content .section4 .wrap .sec4_left{width: 30%; padding: 178px 0;}
.content .section4 .wrap .sec4_left h2{font-size: 50px; font-weight: 700;}
.content .section4 .wrap .sec4_left p{font-size: 22px; margin-top: 30px;}
.content .section4 .sec4_grad{width: 676px; height: 100%; top: 0; right: 0; background: linear-gradient(270deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%);  position: absolute; z-index: 1;}
.content .section4 .sec4_right{width:60%; float:right;position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.content .section4 .sec4_right .sec4_slide_wrap .sec4_slide{overflow-x: hidden;}
.content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide img{width: 320px; height: 320px;}
.content .section4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/sec4_next.png); background-size: 60px; width: 60px; height: 60px; left: -90px !important;}
.content .section4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/sec4_prev.png); background-size: 60px; width: 60px; height: 60px; right: 140px !important; z-index: 10;}
/* section5 */
.content .section5{overflow: hidden;}
.content .section5 .wrap .sec5_top{text-align: center; margin-top: 150px;}
.content .section5 .wrap .sec5_top h2{font-size: 50px; font-weight: 700;}
.content .section5 .wrap .sec5_top p{font-size: 22px; margin-top: 30px;}
.content .section5 .wrap .sec5_top button a{width: 228px; height: 55px; background: #598cd9; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px;  font-size: 18px; font-weight: 500; line-height: 1;}
.content .section5 .wrap .sec5_top button a i{margin-right: 6px;}

.content .section5 .wrap .sec5_top button{margin-top: 40px;}
.content .section5 .wrap .sec5_top .sec5_img{margin-top: 60px; position: relative;}
.content .section5 .wrap .sec5_top .sec5_img a{display: inline-block; width: 8.6%; height: 16.2%; background: #fff0; position: absolute; right: 10%; top: 38.4%;}
.content .section5 .wrap .sec5_bottom{text-align: center; margin-top: 235px; margin-bottom: 248px;}
.content .section5 .wrap .sec5_bottom h2{font-size: 50px; font-weight: 700;}
.content .section5 .wrap .sec5_bottom p{font-size: 22px; margin-top: 30px;}
.content .section5 .wrap .sec5_bottom .sec5_gradi{position: relative;}
.content .section5 .wrap .sec5_bottom .sec5_gradi > div{position: absolute; z-index: 11; width: 700px; height: 300px;}
.content .section5 .wrap .sec5_bottom .sec5_gradi .sec5_gradi_left{background: linear-gradient(90deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%); left: -500px;}
.content .section5 .wrap .sec5_bottom .sec5_gradi .sec5_gradi_right{background: linear-gradient(270deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%); right: -500px;}
.content .section5 .wrap .sec5_bottom .sec5_slide{margin-top: 70px;}
.content .section5 .wrap .sec5_bottom .sec5_slide .swiper-wrapper{height: 114px;}
.content .section5 .wrap .sec5_bottom .sec5_slide .swiper-wrapper .swiper-slide img{filter: grayscale(1); transition: .3s;}
.content .section5 .wrap .sec5_bottom .sec5_slide .swiper-wrapper .swiper-slide:hover img{filter: unset;}

@media screen and (max-width: 1230px){
    /* section1 */
    .content .section1 .wrap .sec1_services > ul{flex-wrap: wrap; justify-content: center;}
    .content .section1 .wrap .sec1_services > ul > li{padding: 0 6px;}

    .content .section1 .wrap .sec1_services.sec1_services1 > ul > li:nth-child(4),
    .content .section1 .wrap .sec1_services.sec1_services1 > ul > li:nth-child(5),
    .content .section1 .wrap .sec1_services.sec1_services1 > ul > li:nth-child(6),
    .content .section1 .wrap .sec1_services.sec1_services1 > ul > li:nth-child(7){display: none;}

    .content .section1 .wrap .sec1_services.sec1_services2 > ul > li:nth-child(1),
    .content .section1 .wrap .sec1_services.sec1_services2 > ul > li:nth-child(2),
    .content .section1 .wrap .sec1_services.sec1_services2 > ul > li:nth-child(3){display: none;}
    .content .section1 .wrap .sec1_services.sec1_services2{display: block; margin-top: 10px;}
    .content .section1 .wrap .sec1_services > ul > li:hover > a{background: #598CD9; transform: translateY(-15px);}

    /* .content .section2 .wrap{padding-left: 200px 0;} */
    .content .section2 .wrap .sec2_box{padding-left: 0;}
    .content .section2 .wrap .sec2_box .sec2_txt{position: absolute; right: 50px;}

    /* section5 */
    .content .section5 .wrap .sec5_top .sec5_img img{width: 100%;}
    .content .section5 .wrap .sec5_bottom .sec5_slide .swiper-wrapper .swiper-slide img{width: 100%;}
}

@media screen and (max-width: 992px){


    .content .section4 .wrap{display: block; padding-bottom: 550px;}
    .content .section4 .sec4_grad{display: none;}
    .content .section4 .wrap .sec4_left{width: 100%; text-align: center; padding-bottom: 0;}
    .content .section4 .wrap .sec4_right{width: 100%; position: absolute; top:unset; left: 0; right: 0; float: none; transform: unset; margin-top: 50px;}
    .content .section4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 20px !important;}
    .content .section4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 20px !important;}
    .content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide{opacity: 0.5;}
    .content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide.swiper-slide-active{opacity: 1;}
    .content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide img{width: 100%; height: 100%;}

    .content .section5 .wrap .sec5_bottom .sec5_gradi .sec5_gradi_left{display: none;}
    .content .section5 .wrap .sec5_bottom .sec5_gradi .sec5_gradi_right{display: none;}
}

@media screen and (max-width: 721px){
    .content .section1 .wrap .sec1_slide{height: 500px;}
    .content .section1 .wrap .sec1_slide .slide1_con{padding: 187px 0; width: 100%; text-align: right; padding-right: 20px; float: none; box-sizing: border-box;}
    .content .section1 .wrap .sec1_slide .slide1_con h2{font-size: 36px;}
    .content .section1 .wrap .sec1_slide .slide1_con h1{font-size: 60px; margin-top: 0;}
    .content .section1 .wrap .sec1_slide .slide2_con{margin-left: 20px;}

    .content .section1 .wrap .sec1_slide .slide2_con h2{font-size: 36px;}
    .content .section1 .wrap .sec1_slide .slide2_con p{font-size: 24px; margin-top: 20px;}
    .content .section1 .wrap .sec1_slide .slide2_con .contact{margin-top: 32px;}

    .content .section1 .wrap .sec1_services{margin-top: 100px;}
    .content .section1 .wrap .sec1_services > ul > li > a{width: 100px; height: 100px; padding: 16px 0;}
    .content .section1 .wrap .sec1_services > ul > li > a .serv{width: 50px;}
    .content .section1 .wrap .sec1_services > ul > li > a > p{font-size: 14px;}
    .content .section2 .wrap .sec2_box{padding: 335px 20px 0 20px;}
    .content .section3 .wrap .sec3_box{padding: 295px 20px 0 20px;}
    
    .content .section2 .wrap .sec2_box .sec2_txt{right: auto; }
    .content .section2 .wrap .sec2_box{background: url(../images/sec2_img_mo.png) no-repeat center center !important; background-size: cover !important;}
    .content .section3 .wrap .sec3_box{background: url(../images/sec3_img_mo.png) no-repeat center center !important; background-size: cover !important; padding-left: 20px;}
    
    .content .section4 .wrap{padding-bottom: 450px;}
    .content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide img{width: 100%; height: 100%;}
    .content .section4 .wrap .sec4_left h2{font-size: 42px;}
    .content .section5 .wrap .sec5_top h2{font-size: 42px;}
    .content .section5 .wrap .sec5_bottom h2{font-size: 42px;}
}

@media screen and (max-width: 531px){
    .content .section1 .wrap .sec1_slide{height: 250px; margin-top: 40px;}
    .content .section1 .wrap .sec1_slide .slide1_con{padding: 94px 0; width: 100%; text-align: right; padding-right: 20px; float: none; box-sizing: border-box;}
    .content .section1 .wrap .sec1_slide .slide1_con h2{font-size: 18px;}
    .content .section1 .wrap .sec1_slide .slide1_con h1{font-size: 30px; margin-top: 0;}
    .content .section1 .wrap .sec1_slide .slide2_con{padding: 69px 0;}
    .content .section1 .wrap .sec1_slide .slide2_con h2{font-size: 18px;}
    .content .section1 .wrap .sec1_slide .slide2_con p{font-size: 12px; margin-top: 10px;}
    .content .section1 .wrap .sec1_slide .slide2_con .contact{margin-top: 16px;}
    .content .section1 .wrap .sec1_slide .slide2_con .contact img {width: 145px; border-radius: 6px;}

    .content .section1 .wrap .sec1_services{margin-top: 40px;}
    .content .section1 .wrap .sec1_services > ul > li{padding: 0 2px;}
    .content .section1 .wrap .sec1_services > ul > li > a{width: 75px; height: 75px; padding: 16px 0;}
    .content .section1 .wrap .sec1_services > ul > li > a .serv{width: 30px;}
    .content .section1 .wrap .sec1_services > ul > li > a > p{font-size: 10px;}

    .content .section2 .wrap{margin-top: 80px;}
    .content .section2 .wrap .sec2_box{height: 445px; padding: 245px 20px 0 20px;}
    /* .content .section2 .wrap .sec2_box .sec2_txt{padding: 0 10px;} */
    .content .section2 .wrap .sec2_box .sec2_txt h2{font-size: 22px;}
    .content .section2 .wrap .sec2_box .sec2_txt h1{font-size: 26px;}
    .content .section2 .wrap .sec2_box .sec2_txt p{font-size: 14px; margin-top: 20px;}

    .content .section3 .wrap{margin-top: 20px;}
    .content .section3 .wrap .sec3_box{height: 445px; padding: 295px 20px 0 20px;}
    .content .section3 .wrap .sec3_box h2{font-size: 22px;}
    .content .section3 .wrap .sec3_box p{font-size: 14px; margin-top: 7px;}
    .content .section3 .wrap .sec3_box button{width: 98px; height: 34px; font-size: 12px; margin-top: 20px;}

    .content .section4{margin-top: 80px;}
    .content .section4 .wrap{padding-bottom: 330px;}
    .content .section4 .wrap .sec4_left{padding: 80px 0 0 0;}
    .content .section4 .wrap .sec4_left h2{font-size: 26px;}
    .content .section4 .wrap .sec4_left p{font-size: 14px; margin-top: 16px;}
    /* .content .section4 .sec4_right .sec4_slide_wrap .sec4_slide .swiper-slide{margin-left: 30px !important; margin-right: 30px !important;} */
    .content .section4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 30px; height: 30px; background-size: cover;}
    .content .section4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 30px; height: 30px; background-size: cover;}

    .content .section5 .wrap .sec5_top{margin-top: 80px;}
    .content .section5 .wrap .sec5_top h2{font-size: 26px;}
    .content .section5 .wrap .sec5_top p{font-size: 14px; margin-top: 16px;}
    .content .section5 .wrap .sec5_top button{margin-top: 20px;}
    .content .section5 .wrap .sec5_top .sec5_img{margin-top: 40px;}
    .content .section5 .wrap .sec5_bottom{margin-top: 80px; margin-bottom: 80px;}

    .content .section5 .wrap .sec5_bottom h2{font-size: 26px;}
    .content .section5 .wrap .sec5_bottom p{font-size: 14px; margin-top: 16px;}

    .content .section5 .wrap .sec5_bottom .sec5_slide{margin-top: 30px;}
    .content .section5 .wrap .sec5_bottom .sec5_slide .swiper-wrapper .swiper-slide{width: 156px;}
}