/*
Theme Name : realtyitsolutions
Author : realtyitsolutions
Version : 1.1
Text Domain: realtyitsolutions
*/

/* ==== Site Name: index  ====

PAGE BLOCKS:-

    01 - GENERAL STYLES
    02 - GLOBAL STYLES
    03 - GLOBLE-BLOCKS
    04 - HEADER
    05 - FOOTER
    06 - BANNER


*/

/* ===== GENERAL STYLES  ====== */
body { width:100%; height:100%; margin:0; padding:0; color:#1f3036; font-size: 16px; font-weight: 300; background-color: #fff; font-family: "Poppins", sans-serif; overflow-x:hidden; }
ul { padding:0; margin:0px;}
li { list-style:none; }
a {color:#1f3036; text-decoration:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; color:inherit; }
a:hover, 
a:focus { text-decoration:inherit; outline:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a img { border:none; transition: all 0.3s ease 0s; }
img {max-width:100%;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #000000; font-weight: 700; }
h1 { font-size: 80px; line-height: 97px; color: #ffffff; font-weight: 400; font-family: "Anton", sans-serif; }
h2 { font-size: 54px; line-height: 65px; font-weight:700; color:#1a202c; }
h3 { font-size: 35px; line-height: 41px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 20px; line-height: 25px; color: #000000; }
p { margin: 0 0 15px; font-size: 18px; line-height: 26px; color: #696969; font-weight: 400; }
body.overflow-y { overflow-y:hidden; }
section { padding: 60px 0; }
.container-fluid { max-width: 1530px; }    
.container-sm { max-width:1230px; }

/*======= GLOBAL-STYLES ==========*/
.btn { font-size: 18px; font-weight: 600; color: #ffffff; border: 2px solid #0a0f42; background-color: #0a0f42; padding: 14px 19px 13px; line-height: inherit; text-transform: capitalize; border-radius: 5px; }
.btn:hover { background-color: transparent; color: #0a0f42; border-color: #0a0f42; }

.btn.btn-blue { border-color:#0063a3; background-color:#0063a3; font-size: 18px; padding:12px 24px; }
.btn.btn-blue:hover { background-color:#0063a3; color:#0063a3; background-color:transparent; }

.btn.btn-black { border:2px solid #000000; color:#000000; background-color:transparent; border-radius: 12px; }
.btn.btn-black:hover { background-color:#000000; color:#fff; border-color:#000000; }

ul { margin-bottom:15px; }
ul li { font-size: 18px; font-weight: 400; color: #696969; line-height: 22px; position: relative; padding: 0 0 11px 17px; }
ul li:before { content:"\f105"; position:absolute; font-family:fontawesome; font-size:18px; color:#696969; top:0; left:0; } 

/*======= GLOBAL-BLOCKS ==========*/
.newsletter { display:flex; align-items:center; justify-content: space-between; padding-top:2px; }
.newsletter .form-control { font-size:14px; font-weight:400; color:#141774; line-height:20px; background-color:#ffffff; height:44px; border-radius:0; border:0; box-shadow: none; flex: 0 0 calc(100% - 46px); letter-spacing:0.5px; }
.newsletter .form-control::-webkit-input-placeholder { color: #141774; }
.newsletter .form-control::-moz-placeholder { color: #141774; }
.newsletter .form-control:-ms-input-placeholder { color: #141774; }
.newsletter .form-control:-moz-placeholder { color: #141774; }
.newsletter button { height:44px; flex:0 0 44px; border:0; background-color:#fb9800; color:#fff; margin-left:2px; }

.services { display:flex; flex-wrap:wrap; }
.service { flex:0 0 23.7%; background-color: #f7f8fd; padding:48px 22px 40px; border-radius:34px; margin:0 0.65% 21px; position:relative; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.service::after { content: ""; position: absolute; width: 0; background-color: #0063a3; z-index: -1; height: 0; border-radius:34px; top: 50%; transform: translateY(-50%); left: 0; right: 0;  margin:0 auto; }
.service:hover::after { height:100%; width:100%; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.service:hover { background-color: transparent; }
.service .readmore { display: inline-block; font-size: 18px; font-weight: 700; color: #000; line-height: 20px; margin-bottom: 10px; }
.service .readmore i { margin-left: 6px; }
.service:hover .readmore { color:#fff; }
.service figure { margin-bottom: 16px; }
.service figure .hover-img { display: none; }
.service:hover figure .hover-img { display: inline-block; }
.service:hover figure img { display:none; }
.service h4 { margin-bottom: 17px; }
.service:hover h4 { color:#fff; }
.service h4 strong { font-weight:700; display:block; }
.service p { font-size: 16px; font-weight: 400; color: #696969; line-height: 20px; margin-bottom: 23px; }
.service:hover p { color:#fff; }
.service .btn { padding: 10px 26px; }

form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 23px; row-gap: 31px; }
form .form-group.full { grid-column: span 2; }
form .form-group { position:relative; }
form .form-group .wpcf7-form-control-wrap { position: inherit; }
form .form-group .wpcf7-not-valid-tip { font-size: 12px; display: block; position: absolute; left: 0; bottom: -22px; }
form .form-group p { margin:0; }
form .form-group .form-control { border:1px solid #b8b8b8; border-radius:6px; background-color:#f8f9fc; font-size:14px; font-weight:400; color:#696969; height:52px; box-shadow: none; padding: 0 10px; }
form .form-group .form-control::-webkit-input-placeholder { color: #696969; }
form .form-group .form-control::-moz-placeholder { color: #696969; }
form .form-group .form-control:-ms-input-placeholder { color: #696969; }
form .form-group .form-control:-moz-placeholder { color: #696969; }
form .form-group textarea.form-control { border-color:#696969; height:105px; resize: none; padding-top: 13px; }
form .btn { font-weight: 700; padding:12px 53px; letter-spacing: 0.5px; }
form .wpcf7-response-output { margin:0 !important; padding:3px 5px !important; width: 100%; grid-column:span 2; font-size: 12px; position: relative; }

/*======= HEADER ==========*/
header { width: 100%; left: 0; top: 0; z-index: 9; padding:19px 0; box-shadow: 5px 8px 18px rgba(0, 0, 0, 0.23); position: relative; }
header .logo { margin:0; float:left; transform: translateY(30px); animation: fadeUp 2s ease-out forwards; opacity:0; }
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
header .header-in { display:flex; justify-content:space-between; align-items: center; }
header nav { float:right; padding: 15px; }
header nav .btn { display:none; }
header .navbar-nav { padding: 0 ; display:block; }
header .navbar-nav li { margin: 0 50px 0 0; float: left; position: relative; padding: 0; }
header .navbar-nav li:before { display:none; }
header .navbar-nav li:last-child { margin-right: 0; }
header .navbar-nav li a { display: inline-block; font-size: 18px; font-weight: 700; color: #252a2e; line-height: 25px; position: relative; text-transform: uppercase; }
header .btn { transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; background-color: #0063a3; border-color:#0063a3; padding:12px 16px; white-space: nowrap; }
header .btn:hover { background-color:#fff; border-color:#0063a3; color:#0063a3; }
.mobile-toggle{ display: none; }
/*.header-in { background-image: url(images/header-bg.png); background-repeat: no-repeat; background-position:center; background-size: 100% 100%; padding:46px 0 40px; }
.header-in .btn { border-color:#ffffff; color:#ffffff; background-color: transparent; }
.header-in .btn:hover { color:#0a0f42; }*/

/*.header-in:after { content:""; background-image:url(images/header-bg.png); top:0; left:0; width:100%; height:100%; }*/


/*======= FOOTER ==========*/
footer { background-color:#0063a3; padding: 62px 0 0; /*background-image:url(/wp-content/uploads/2025/04/footer-bg.jpg);*/ background-repeat: no-repeat; background-position:center center; background-size: cover; }
footer .logo { display: inline-block; margin-bottom: 34px; }
footer h4 { font-size:22px; font-weight:700; color:#ffffff; line-height:28px; text-transform:uppercase; position:relative; letter-spacing:0.5px; }
footer h4:after { content: ""; position: absolute; bottom: -9px; left: 0; height: 3px; width: 48px; background-color: #fb9800; }
footer ul li { font-size:18px; font-weight:400; color:#ffffff; line-height:26px; padding: 0 0 6px 0; float:none; }
footer ul li:hover a { color:#fb9800; }
footer ul li:before { display:none; }
footer .social-block li,
footer .get-in-touch li { float:none; padding-left:0; width: 100%; padding-bottom: 16px; }
footer .get-in-touch li i { margin:5px 0 0 0; display: block; flex: 0 0 31px; color:#fb9800; }
footer .social-block li a,
footer .get-in-touch li a { display:flex; }
footer .social-block li:before,
footer .get-in-touch li:before { display:none; }
footer .social-block li { padding-bottom:4px; }
footer .social-block li i { flex:0 0 32px; margin-top: 7px; }
footer .container-fluid p { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 30px; text-align: center; border-top:2px solid #80afc3; margin:0; padding: 21px 0 20px; }
footer .mc4wp-form .mc4wp-response p { font-size: 12px; line-height: 16px; color: #fff; margin:2px 0 0; }
footer .newsletter { max-width: 405px; width: 100%; }
footer .row aside { margin-bottom: 20px; }
footer form { display:block; }

/*======= BANNER ==========*/
.banner { padding: 0 0 74px; position:relative; background-color:#fff; }
.banner .item { /*min-height: 950px;*/ min-height: 870px; background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: relative; z-index:0; }
.banner .owl-carousel { display:block; }
.banner .content { position: absolute; top: 53%; transform: translateY(-47%); max-width: 1050px; width: 100%; padding:0 15px; left: 0; right: 0; margin:0 auto; text-align: center; }
.banner h1 { text-shadow: 0 4px 0px rgba(0, 0, 0, 0.8); letter-spacing:0.5px; margin-bottom: 15px;  }
.banner p { font-size:20px; font-weight:400; color:#ffffff; line-height:28px; text-shadow: 0 4px 0px rgba(0, 0, 0, 0.8); margin-bottom: 52px; }
.banner p strong { display:block; font-weight:400; }
.banner figure { max-width:740px; width:100%; margin:0 auto; }


.banner .item.ative h1 { opacity: 0; transform: translateY(30px);  animation: fadeInUp 2s forwards; }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation: fadeInUp 2s forwards;
}

.banner .item figure img {  }
.banner .item.active figure img { }

.inner-banner { height:500px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; padding: 0; }
.inner-banner .container-fluid { position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); }
.inner-banner .content { max-width: 560px; width: 100%; }
.inner-banner h1 { font-size:54px; font-weight:800; line-height:60px; font-family: "Poppins", sans-serif; text-shadow: 0 4px 0 rgb(0, 0, 0); }
.inner-banner h5 { color:#ffffff; font-weight:600; text-shadow: 0 3px 0 rgb(0,0,0,1); }


/* ===== BUILD-FUTURE ====== */
.build-future { display:flex; align-items:center; flex-wrap:wrap; background-color:#f8f9fc; padding: 151px 0 158px; overflow: hidden; }
.build-future .img-block { flex:0 0 45%; }
.build-future .content-block { flex:0 0 55%; }
.build-future .img-block figure { margin:0; }
.build-future .img-block figure img { width:100%; }
.build-future .content-block .content { max-width: 850px; width: 100%; padding: 0 15px 0 180px; }
.build-future .content-block .content p { margin-bottom:17px; }
.build-future .content-block .content ul { margin-bottom: 18px; }
.build-future .content-block .content ul li { padding: 0 0 16px 30px; }
.build-future .content-block .content ul li:before { content:"\f00c"; top:1px; }

/* ===== SERVICES ====== */
.services-section { padding:145px 0 127px; }
.services-section h2 { max-width: 800px; width: 100%; margin:0 auto 39px; text-align: center; }


/* ===== IT-SOLUTIONS ====== */
.it-solutions { text-align:center; background-color:#f8f9fc; padding: 140px 0 149px; }
.it-solutions h2 { max-width: 1030px; width: 100%; margin: 0 auto 12px; }
.it-solutions p { max-width: 1000px; width: 100%; margin: 0 auto 39px; }
.it-solutions .services { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 70px; grid-row-gap:50px; }
.it-solutions .service:hover { border-radius:0; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.it-solutions .service { margin:0; background-color:#fff; padding: 43px 20px 49px; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.it-solutions .service h4 { margin-bottom: 12px; }
.it-solutions .service p { margin:0; line-height: 19px; padding:0 15px; }
.it-solutions .service:hover figure img { display:inline-block; }
.it-solutions .service:hover h4 { color:#000; }
.it-solutions .service:hover p { color:#696969; }

.it-solutions .service .line { position: absolute; background-color: #0063a3; transition: all 0.3s ease; opacity: 0; border-radius: 34px; }
.it-solutions .service .line-top,
.it-solutions .service .line-right,
.it-solutions .service .line-bottom,
.it-solutions .service .line-left { height: 2px; width: 0; }
.it-solutions .service .line-top { top: 0; left: 0; width: 100%; }
.it-solutions .service .line-right { top: 0; right: 0; height: 100%; width: 2px; }
.it-solutions .service .line-bottom { bottom: 0; left: 0; width: 100%; }
.it-solutions .service .line-left { bottom: 0; left: 0; height: 100%; width: 2px; }
@keyframes drawTop {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@keyframes drawRight {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
@keyframes drawBottom {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@keyframes drawLeft {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
.it-solutions .service:hover .line-top { animation: drawTop 0.6s ease forwards; }
.it-solutions .service:hover .line-right { animation: drawRight 0.6s ease forwards; }
.it-solutions .service:hover .line-bottom { animation: drawBottom 0.6s ease forwards; }
.it-solutions .service:hover .line-left { animation: drawLeft 0.6s ease forwards; }

/* ===== IHIGH-TECH ====== */
.high-tech { padding: 137px 0 139px; overflow: hidden; }
.high-tech .container-fluid { max-width:1730px; }
.high-tech h2 { margin-bottom: 17px; }
.high-tech .full-block { display:flex; flex-wrap:wrap; align-items:center; flex-direction:row-reverse; }
.high-tech .full-block .content { flex:0 0 46%; padding-left:100px; padding-right:20px; }
.high-tech .full-block .img-block { flex:0 0 54%; }
.high-tech .full-block .img-block figure { max-width: 850px; width: 100%; float: right; margin:0; }
.high-tech.in { background-color:#f8f9fc; }
.high-tech.in .full-block { flex-direction:inherit; }
.high-tech.in .full-block .img-block figure { float:none; }
.high-tech.in .full-block .content { padding-left: 100px; padding-right: 15px; flex:0 0 50%; }
.high-tech.in .full-block .img-block { flex:0 0 50%; }

/* ===== INTEGRATION ====== */
.integration { background-color:#f8f9fc; text-align:center; padding: 126px 0 79px; }
.integration figure img { width:100%; }
.integration h2 { margin-bottom: 13px; }
.integration p { max-width: 900px; width: 100%; margin: 0 auto 42px; }

/* ===== TESTIMONIALS ====== */
.testimonials { padding: 108px 0 151px; }
.testimonials h2 { margin-bottom: 7px; }
.testimonials #testimonials { max-width: 1800px; width: 100%; margin:0 auto; }
.testimonials .container { text-align:center; }
.testimonials .container p { max-width:970px; width:100%; margin: 0 auto 36px; }
.testimonials .item { padding:15px 20px; }
.testimonials .testimonial { box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1); padding:54px 29px 26px; border-radius:18px; }
.testimonials .bottom-block { display:flex; justify-content:space-between; padding-top: 13px; }
.testimonials .bottom-block .left-block { display:flex; align-items:center; flex:0 0 calc(100% - 115px); padding-right: 10px; }
.testimonials .bottom-block .left-block figure { width:60px; height:60px; flex: 0 0 60px; border-radius:50%; margin: 0 21px 0 0; }
.testimonials .bottom-block .left-block figure img { border-radius:50%; width:100%; height:100%; object-fit:cover; }
.testimonials .item ul { display:flex; margin: 10px 0 0; flex: 0 0 115px; }
.testimonials .item ul li { padding:0 4px; color:#ffa033; }
.testimonials .item ul li:before { display:none; }
.testimonials .item p { line-height:24px; position: relative; }
.testimonials .item p:before { content: "\f10d"; position: absolute; font-family: fontawesome; color: #d9d9d9; font-size: 30px; top: -30px; left: -5px; }
.testimonials .item p:after { content: "\f10e"; position: absolute; font-family: fontawesome; color: #d9d9d9; font-size: 30px; margin-top: 18px; margin-left: 10px; }
.testimonials .left-block h5 { font-size:16px; font-weight:400; color:#696969; line-height:24px; margin:0; }
.testimonials .left-block h5 strong { display:block; font-weight:700; }

/* ===== LATEST-NEWS ====== */
.latest-news { padding: 139px 0 149px; background-color:#f8f9fc; overflow: hidden; }
.latest-news h2 { text-align:center; margin-bottom: 13px; }
.latest-news p { text-align:center; margin-bottom: 44px; }
.latest-news .blogs-section { padding-top:0; }

.latest-news .news-block { display:flex; flex-wrap:wrap; }
.latest-news .news { flex:0 0 23.9%; margin:0 0.55%; background-color: #fff; border-radius:16px; }
.latest-news .news figure { border-radius:16px; margin:0; }
.latest-news .news figure img { height:315px; object-fit:cover; width:100%; border-top-left-radius: 16px; border-top-right-radius: 16px; }
.latest-news .news .content { padding: 26px 15px; }
.latest-news .news h5 { margin-bottom: 6px; }
.latest-news .news p { text-align: left; color: #696969; margin-bottom: 14px; line-height: 22px; }
.latest-news .news .readmore { font-size:18px; font-weight:700; color:#000000; line-height:27px; }
.latest-news .news .readmore i { margin-left:5px; }
.latest-news .news .btn { padding: 8.5px 37px; }

/* ===== FAQ ====== */
.faq { padding:137px 0 178px; background-image:url(/wp-content/uploads/2025/04/faq-bg.png); background-repeat: repeat-x; background-position:bottom center; background-size: auto; }
.faq h2 { text-align:center; color:#000000; margin-bottom: 10px; }
.faq p { line-height: 24px; max-width: 770px; width: 100%; margin:0 auto 36px; text-align: center; }
.faq .accordion { max-width:1020px; width:100%; margin:0 auto; }
.faq .accordion .accordion-header .accordion-button.collapsed { font-weight:600; margin-bottom: 8px; }
.faq .accordion .accordion-header button { background-color: transparent; padding:0 35px 0 0; box-shadow: none; font-size: 18px; line-height: 26px; font-weight: 400; color: #000; }
.faq .accordion .accordion-header .accordion-button { font-weight:700; margin-bottom:0; }
.faq .accordion .accordion-header .accordion-button::after { content: "\f0d8"; font-family: fontawesome; font-size: 24px; color: #000000; background-image: none; position: absolute; right: 15px; /*top: 9px;*/ transform:inherit; }
.faq .accordion .accordion-header .accordion-button.collapsed::after { content:"\f0d7"; top:2px; }
.faq .accordion .accordion-item { border-radius:0; padding:17px 0 12px 21px; border:2px solid #ededed; margin-bottom: 21px; }
.faq .accordion .accordion-item .accordion-body { padding: 7px 19px 0 19px; }
.faq .accordion .accordion-item p { max-width:100%; margin:0; text-align:left; color:#333333; }
.faq .btn-block { text-align:center; margin-top:42px; }
.faq .btn-block .btn { padding: 12px 13px; }

/* ===== FREE-CONSULATAION ===== */
.free-consulataion { background-color:#0063a3; padding: 132px 0 145px; }
.free-consulataion h2 { text-align:center; color:#fff; margin-bottom: 37px; }
.free-consulataion h3 { font-size:32px; font-weight:700; color:#ffffff; line-height:40px; margin-bottom: 40px; }
.free-consulataion h4 { font-size:24px; font-weight:700; color:#ffffff; line-height:30px; margin-bottom: 33px; }
.free-consulataion ul { max-width: 400px; width: 100%; margin-bottom: 55px; }
.free-consulataion ul li { display:flex; padding:0 0 47px 0; align-items:center; }
.free-consulataion ul li:last-child { padding-bottom:0; }
.free-consulataion ul li strong { font-size: 24px; font-weight: 700; background-color: #ffffff; color: #333333; flex:0 0 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius:50%; position: relative; z-index: 2; }
.free-consulataion ul li strong:after { content: ""; position: absolute; background-color: #f5f5f5; width: 6px; height: 50px; left: 0; right: 0; margin:0 auto; bottom: -50px; }
.free-consulataion ul li:last-child strong:after { display:none; }
.free-consulataion ul li P { color:#ffffff; padding-left: 15px; line-height: 22px; margin-bottom:0; }
.free-consulataion ul li:before { display:none; }
.free-consulataion .btn-block { display: flex; align-items: center; flex-wrap: wrap; }
.free-consulataion .btn-block .btn:first-child { margin-right:20px; }
.free-consulataion .btn-block .btn { font-weight:400; color:#000000; background-color:#fff; display:flex; align-items:center; justify-content:center; border-color: #fff; padding: 9px 14px; }
.free-consulataion .btn i { margin-right: 14px; }
.free-consulataion .form { background-color: #fff; padding:35px 60px 46px; border:1px solid #696969; border-radius: 6px; }
.free-consulataion .form h4 { color:#000000; }
.free-consulataion .form form { padding: 2px 5px 0; }

/* ===== CASE-STUDY ===== */
.case-study { padding:131px 0 151px; }
.case-study h2 { text-align:center; margin-bottom: 15px; }
.case-study .item .top-content { display:flex; }
.case-study .item .top-content figure { flex:0 0 90px; }
.case-study .item .top-content figure img { max-width: 72px; }
.case-study .item .top-content .con { flex:0 0 calc(100% - 90px); }
.case-study .item h3 { font-size:32px; color:#252a2e; line-height:40px; margin-bottom: 7px; }
.case-study .item .bg-with-content { background-repeat: no-repeat; background-position:center; background-size: cover; padding:79px 50px 69px; border-radius:30px; }
.case-study .item .bg-with-content h3 { margin-bottom: 17px; }
.case-study .item .bg-with-content .content { max-width:440px; width:100%; }
.case-study .item .bg-with-content p { color:#000000; }
.case-study .item .bg-with-content .btn { font-weight: 700; padding:12px 29px; margin:36px 0 52px; }
.case-study .item .bg-with-content ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 50px; }
.case-study .item .bg-with-content ul li { font-size:18px; font-weight:400; color:#000000; line-height:26px; padding:0; }
.case-study .item .bg-with-content ul li:before { display:none; }
.case-study .item .bg-with-content ul li strong { display:block; font-size:32px; font-weight:700; color:#252a2e; margin-bottom:12px; }
.case-study .owl-dots { display: flex; justify-content:center; padding-top: 10px; }
.case-study .owl-dots .owl-dot { background-color:#c3c3c3; height:10px; width:31px; margin:0 3px; border-radius:5px; }
.case-study .owl-dots .owl-dot.active { width:60px; background-color:#696969; }

/* ===== IDX-MLS-INTEGRATION-PAGE ===== */
.idx-mls-integration-page { padding:0; }
.idx-mls-integration-page .generating-tool { padding: 141px 0 0; }
.idx-mls-integration-page .generating-tool .tool-content { max-width:900px; width:100%; margin:0 auto; text-align:center; }
.idx-mls-integration-page .generating-tool .tool-content h2 { line-height: 63px; margin-bottom: 13px; }
.idx-mls-integration-page .generating-tool .tool-content h5 { font-weight:400; color:#000000; margin-bottom: 61px; }
.idx-mls-integration-page .generating-tool .content-image-section { display:flex; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(odd) { flex-direction:row-reverse; }
.idx-mls-integration-page .generating-tool .content-image-section aside { flex:0 0 50%; padding: 110px 0 66px; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block { display: flex; align-items: center; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(even) .image-block { justify-content:end; }
.idx-mls-integration-page .generating-tool .content-image-section .content-block { background-color:#f8f9fc; display: flex; align-items: center; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(odd) .content-block { justify-content:end; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(odd) .content-block .content { padding:0 89px 0 15px; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(odd) .image-block figure { padding:0 15px 0 70px; float:none; }
.idx-mls-integration-page .generating-tool .content-image-section .content-block .content { max-width: 765px; width: 100%; padding: 0 15px 0 89px; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block figure { max-width: 765px; width: 100%; float: right; padding: 0 70px 0 15px; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block figure img { width: 100%; }
.idx-mls-integration-page .generating-tool .content-image-section h3 { font-size:32px; font-weight:800; color:#252a2e; line-height:40px; }
.idx-mls-integration-page .generating-tool .content-image-section p { margin-bottom: 26px; }
.idx-mls-integration-page .generating-tool .content-image-section p strong { font-weight:600; }

/* ===== BLOG-PAGE ===== */
.blogs-page { background-image:url(images/blog-bg.jpg); background-repeat: repeat-x; background-position: bottom center; background-size: contain; padding: 139px 0 128px; }
.blogs-page h2 { text-align:center; margin-bottom: 11px; }
.blogs-page p { text-align:center; }
.blogs-page .nav-links { width:100%; text-align:center; margin-top: 53px; }
.blogs-page .nav-links .page-numbers { font-size: 18px; font-weight: 600; color: #bcbec0; line-height: 28px; margin: 0 18px; position: relative; padding: 0 3px; }
.blogs-page .nav-links .page-numbers:after { content: ""; position: absolute; background-color: #696969; height: 2px; width: 0; bottom: -9px; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blogs-page .nav-links .page-numbers.current { color:#696969; }
.blogs-page .nav-links .page-numbers.current:after,
.blogs-page .nav-links .page-numbers:hover::after { width:100%; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blogs-page .nav-links .prev.page-numbers:after,
.blogs-page .nav-links .next.page-numbers:after { display:none; }


.blogs-section { display:flex; flex-wrap:wrap; padding-top: 30px; row-gap: 44px; column-gap: 5.9%; }
.blogs-section .blog-post { flex: 0 0 29.4%; margin: 0; }

.blog-post figure { height:317px; width:100%; margin:0; overflow:hidden; border-top-left-radius: 16px; border-top-right-radius: 16px; }
.blog-post figure img { width:100%; height:100%; object-fit:cover; border-top-left-radius: 16px; border-top-right-radius: 16px; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post:hover figure img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post .content { padding: 34px 24px 28px; position:relative; }
.blog-post .content:after { content:""; position:absolute; background-color:#e6e7e8; height:3px; width:0; bottom:0; left:0; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post:hover .content:after { width:50%; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post p { text-align:left; margin-bottom: 34px; }
.blog-post h5 { margin-bottom: 16px; }
.blog-post .readmore { font-size:18px; font-weight:700; color:#000000; line-height:27px; position:relative; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post:hover .readmore:after,
.blog-post:hover .readmore { color:#0063a3; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.blog-post .readmore:after { content: "\f061"; position: absolute; font-family: fontawesome; font-size: 18px; color: #000000; top: 0; right: -25px; }