/*
 Theme Name: SteadyRabbit Blog Child
 Theme URI: https://steadyrabbit.in/
 Description: Child theme for custom blog design
 Author: SteadyRabbit
 Template: twentytwentyfive
 Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&display=swap');


:root{
    --sorafamily: "Sora", sans-serif;
    --manropefamily: "Manrope", sans-serif;
    --primarycolor:#f11b27;
    --linear: linear-gradient(87deg, #002060 -9.97%, #0048DE 111.35%);
    
    --light-bg: #FFFFFF;
  --dark-black: #111111;
  --text-color-dark: #333333;
  --highlight-blue: #0048DE;
  --light-grey: #6A6A6A;
  --steady-rabbit-grey: #CCCCCC;
  --other-grey: #C9C9C9;
  --section-title-blue: #225a8a;
  --card-border-color: #DDDDDD;
  --dark-blue: #010B21;
  --grey-one: #4A4A4A;
}

body{font-family: "Manrope", sans-serif;}
ul{margin: 0; padding: 0; list-style: none;}
.container-fluid{padding: 0px 51px 0px;}
h1{
font-family: "Sora", sans-serif;
font-size: 80px;
color: #000;
font-style: normal;
font-weight: 400;
line-height: 90px;
letter-spacing: -2.4px;
}
h2{
color: #111;
font-family: var(--sorafamily);
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 70px;
letter-spacing: -3px;
}
h3{
color: #111;
font-family:  var(--sorafamily);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 125% */
letter-spacing: -1.2px;
}
h4{
color: #111;
font-family:var(--sorafamily);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 70px;
letter-spacing: -1.5px;
}
h5{
color: #111;
font-family: var(--sorafamily);
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 35px; 
}
h6{
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 35px;
}
p{
color: #333;
font-family:  var(--manropefamily);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; 
}
.small, small {
    font-size: .675em;
    font-weight: 200;
}
.load-item{display:none;}

.decrease_size{font-size:20px;}
.decrese_margin{ margin-top: -190px;}
.decrese_padding{ padding-top: 45px!important}
.faq-center h2{text-align:center!important;}
.faq-center h6{padding: 0px 180px 0px!important;}
.right-mrgin{float: right;margin-top: 20px;}
.single-bgchnage{background: #F0F2F4;border-radius: 20px;padding: 40px;margin-bottom: 20px;}
.recent-wins a{text-decoration: none!important;}
.default-btn{
    background:var(--primarycolor);
    padding:18px 35px;
    border-radius: 100px;
    color: #fff;
    display: inline-flex;
    column-gap: 25px;
    align-items: center;
    text-decoration: none;
    margin-bottom: 50px;
}

.default-btn:hover{color: #fff;}
.outlinebtn{
border-radius: 50px;
border: 1px solid var(--Linear, #002060);
color: #333;
font-size: 14px;
font-weight: 500;
line-height: 27px;
display: inline-flex;
column-gap: 10px;
align-items: center;
text-decoration: none;
    padding: 11px 29px;
}
.white_bdr{border-color: #fff; color: #fff;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px;}
.pt-40{padding-top: 40px;}
.pb-40{padding-bottom: 40px;}
.bglightgrey{background: #F5F5F5;}
.bglightbule{background: #F1F7FC;}
.bg1{background: #F5F5F5 url(../images/codes.svg) bottom right no-repeat;  background-position: right 40px bottom 20px;}
.bg2{background: #F1F7FC url(../images/hearts.svg) bottom right no-repeat; background-position: right 40px bottom 20px; }
.section-subtitle{color: #333;font-size: 14px;font-style: normal;font-weight: 500;line-height: 30px;letter-spacing:0.1px;}
.txthighlight span{color: var(--primarycolor); font-weight: 700;}
.engagementbox .fixed_height{height:95px!important;}


#mobileMenu{display: none;}

/* Header CSS Start */
header{position: fixed;width: 100%; top: 20px; z-index: 999; left: 0;}
.headerbox{display: flex;  align-items: center;    justify-content: space-between; background: #fff; border-radius: 25px;  padding: 21px 15px; box-sizing: border-box;}
.headerlft{display: flex;column-gap: 40px; align-items: center;}
.navmenu ul{display: flex;column-gap: 15px; align-items: center; margin: 0;padding: 0;}
.navmenu ul li{list-style: none;}
.navmenu ul li.activenav a{background:var(--primarycolor);border-radius: 50px; color: #fff;}
.navmenu ul li.dropmenu{position: relative;}
.navmenu ul li.dropmenu>a:after{content: ""; display: inline-block; background: url(../images/dropdown-menu-icon.svg) no-repeat; width: 9px; height: 7px;margin-left: 3px;}
.navmenu ul li.dropmenu .sub-menu{display: none;}
.navmenu ul li.dropmenu .sub-menu{position: absolute;top: 24px; left: 0; background: #333; width: 280px; padding: 20px 10px 20px 10px; text-align: left; border-radius: 6px; opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.navmenu ul li.dropmenu .sub-menu li>a{color: #fff;word-wrap: break-word; padding: 0;  text-align: left;  text-transform: capitalize;font-weight: 500; padding: 4px 10px; display: block; background: transparent;}
.navmenu ul li.dropmenu:hover > .sub-menu,.navmenu ul li.dropmenu .sub-menu:hover {display: block;opacity: 1; visibility: visible;}
.navmenu ul li.dropmenu:hover > .sub-menu,.navmenu ul li.dropmenu .sub-menu:hover {display: block;}

.navmenu ul li a{color: #333;font-size: 14px;font-style: normal;font-weight: 700;line-height: 27px;text-transform: uppercase; text-decoration: none; padding: 5px 21px;}
.headerrgt{display: flex;column-gap: 30px;align-items: center;  }
.headerrgt .searchicon{display: block;}
.headerrgt .getintouch{border-radius: 50px;border: 2px solid #002060; color: #111;text-align: center;font-size: 16px;font-weight: 600;line-height: 27px;display: block; text-decoration: none;padding: 14px 35px;}

/* Header CSS End*/

/* Footer CSS Start */

.contlist h6{color: white;}
.contlist h2{color: white;}
.contlist p{color: white;}
.contact-address{padding-top: 152px;padding-top: 152px;display: flex; column-gap: 73px;}
.flagtitle{color: #fff; font-size: 18px; letter-spacing: -0.54px; line-height: 40px; font-weight: 700;padding-bottom: 10px; display: flex;column-gap: 5px; align-items: baseline;}
.addresslist p{color: #F5F5F5; margin-bottom: 14px;}
.addresslist a{color: #F5F5F5; font-size: 16px;line-height: 28px; text-decoration: none;}
.emailiconfooter{text-decoration-line: underline !important;}
.social-icon ul{display: flex; column-gap: 29px; align-items: center;}
.footerinner{border-radius: 25px;background: #010B21; padding: 51px 51px 51px 246px;box-sizing: border-box;padding-bottom: 100px;}
.footerform{border-radius: 25px;background: #FFF; padding: 174px 123px 108px 208px; box-sizing: border-box;}
.footerform h4{color: #111;font-family:  var(--sorafamily);font-size: 30px;font-style: normal;font-weight: 400;line-height: 40px;letter-spacing: -0.9px;}
.footerform p{color: #333;font-family:var(--manropefamily);font-size: 16px;font-weight: 500;line-height: 30px;}
.footerform form{margin-top: 50px;}
.footerform form input,.footerform form textarea{font-size: 14px;font-weight: 400;border: 0; border-bottom: 1px solid #ADADAD;width: 88%;    padding: 10px 10px 20px 0px;}
.footerform form .form-group{margin-bottom: 29px;}
.footerform form input[type=submit]{padding: 11px 21px;width: 225px;max-width: 100%;}
.divider-footer{background-color: #CBCBCB; margin-top: 141px; margin-bottom: 127px;    width: 86%;}
.footerbottom h2{color: #00B0F0; padding-top: 38px;}
.footerlinks h4{color: #F5F5F5;font-size: 20px;font-weight: 600;line-height: 30px;}
.footerlinks ul li a{color: #F5F5F5;font-size: 16px;line-height: 30px; text-decoration: none;}

.copyrightbox{width: 51%; margin: -30px auto 30px; display: flex;justify-content: space-between; background: #fff; border-radius: 25px 25px 25px 25px;padding: 14px 20px; position: relative;}
.copyrightbox:before{content: ""; display: inline-block; background: url(../images/copy-lft.svg); background-size: 20px 20px; width:20px; height: 20px;position: absolute;left: -18px;}
.copyrightbox:after{content: ""; display: inline-block; background: url(../images/copy-rgt.svg); background-size: 20px 20px; width:20px; height: 20px; position: absolute;right: -18px;}
.copyrightbox p{margin-bottom: 0;color: #6B6B6B; line-height: 24px; font-size: 14px;}
/* Footer CSS End */


.hero-banner{background: url(../images/about_hero.png) center center no-repeat; background-size: cover; padding-top: 230px; padding-bottom: 97px; }
.herosection{display: flex; justify-content: space-between; column-gap: 50px;}
.herosection h1{flex: 0 0 65%;}
.herosection {flex: 0 0 33%;}
.hero-right p{color: #333;}
.hero-right p span{color: var(--primarycolor); font-weight: 700;}

.hero-services{background: url(../images/hero-ser-bg.svg) lightgray 50% / cover no-repeat; padding: 71px 20px 47px 46px;border-radius: 25px; position: relative;}
.hero-services h4{color: #FFF;font-family: var(--sorafamily);font-size: 25px;font-weight: 400;line-height: 35px;letter-spacing: -0.75px; margin-bottom: 35px;}
.hero-services ul{display: flex;column-gap: 40px;}
.hero-services ul li{color: #00B0F0;font-size: 43px;font-weight: 700;line-height: 30px;}
.hero-services ul li span{color: #FFF;font-size: 20px;line-height: 30px;    display: block;    margin-top: 15px;}
.hero-services ul li.whitetxt{color:#fff}
.hero-services .sericon{width: 82px; height: 82px; background: #fff; border-radius: 100%;text-align: center; line-height: 82px;    position: absolute; right: 21px; top: 20px;}
.readmore{background: #fff6f6; border-radius: 30px 0 0px 0; width: 57px; height: 57px; padding: 9px 9px 0px 5px;position: absolute;right: 0;bottom: 0px;}
.readmore a{display: block; width: 48px; height: 48px; line-height: 48px; background: #F11B27; border-radius: 100%; text-align: center;}
.readmore .beforesvg{position: absolute; top: -22px;right: -1px;}
.readmore .aftersvg{bottom: -2px;left: -17px; position: absolute;}
.readmore.readcard-grey{background: #ebedef;}
.readmore.readcard-grey1{background: #f1f2f4;}
.readmore.readcard-grey2{background: #fcfcfc;}
.readmore.readcard-white{background: #ffffff;}




/* Blog CSS Start*/
.blog-breadcrumb{box-shadow: none; margin-bottom: 141px;}
.blog-front-banner{background: url(../images/blog-01.svg) center center no-repeat; background-size: cover; min-height: 585px; display: flex; flex-direction: column; justify-content: end; padding: 0px 47px 47px 47px; border-radius: 25px;}
.blog-front-banner img{width: 182px; margin-bottom: 30px;}
.blog-front-banner h1{color: #ECECEC;font-family: var(--sorafamily);font-size: 89px;font-weight: 600;line-height: 89px; margin-bottom: 0;}

.blog-right-front{border-radius: 25px;background: #F0F2F4; padding: 31px 38px;}
.blog-right-front h2{font-size: 55px;}
.blog-search{border-radius: 25px;background: #010B21;background: linear-gradient(288deg,rgba(1, 11, 33, 1) 0%, rgba(6, 64, 186, 1) 50%); padding: 50px 63px;}
.blog-search form{position: relative;}
.blog-search form input[type=search]{width: 100%; background: #fff; border-radius: 100px; border: 0; padding: 14px 20px;}
.blog-search form input[type=submit]{color: #FFF;border: 0; background: var(--primarycolor);    padding: 14px 30px 14px 50px;   border-radius: 72px;}
.blogsearch-icon{position: absolute;right: 0; top: 0;}
.blogsearch-icon:before{content: ""; display: block; background: url(../images/suscribe-icon.svg) no-repeat; width: 20px; height: 20px;     position: absolute; top: 50%; left: 20px; margin-top: -7px;}

.blog-section{}
.blog-article{border-radius: 25px;border: 1px solid #E0E0E0; margin-bottom: 30px;}
.blog-article .blog-image {position: relative;}
.blog-article .blog-image img{border-radius: 25px; width: 100%;}
.blog-image .blog-unlist{background: #ffffff; padding: 10px 21px; border-radius: 25px 25px 0 0px; position: absolute; bottom: -19px;}
.blog-unlist .after-bu{position: absolute;right: -12px;bottom: 17px;}
.blog-front-content{padding: 53px 39px 45px;}
.blog-front-content h3{text-decoration: underline;margin-bottom: 20px;}
.blog-front-content h3 a{color: #111;}
.blog-front-content .blog-catgeory{color: #9B9B9B;font-size: 14px;font-weight: 500;line-height: 30px;}

.blog-sidebar{margin-left: 5%;}
.sidebar-category{background: #F0F2F4; padding: 46px 30px 53px 45px;border-radius: 25px;}
.sidebar-category ul{}
.sidebar-category ul li{color: #8A9199;font-size: 18px;font-weight: 600;line-height: 50px;}
.sidebar-category ul li a{color: #111;}
.sidebar-category ul li a.active:before{content:""; display: inline-block; background: url(../images/sidebar-cat-arrow.svg) center center no-repeat; width: 13px; height: 13px;    margin-right: 10px;}
.recent-post,.archive-sidebar{margin-top: 49px;}
.recent-post h5,.tags h5{color: #111; border-bottom: 1px solid var(--primarycolor); padding-bottom: 10px; position: relative;}
h5.heading-arrow:after{content: ""; background: url(../images/sidebar-cat-arrow.svg) center center no-repeat; width: 13px; height: 13px; display: inline-block; position: absolute; right: 0;top: 50%; margin-top: -6.5px;}

.recent-post-list{display: flex; column-gap: 16px; margin-top: 25px;}
.recent-post-list img{width: 75px; height: 80px; border-radius: 25px;object-fit: cover;}
.recent-post-list .rp-list{}
.recent-post-list .rp-list span{color: #9B9B9B; display: block;font-size: 14px;font-weight: 500;line-height: 30px;}
.recent-post-list .rp-list h6{color: #111;font-family: var(--sorafamily);font-size: 18px;font-weight: 400;line-height: 25px;    text-decoration: underline;}

.tags{ margin-top: 25px;}
.tags ul{display: flex; flex-wrap: wrap; gap: 9px;}
.tags ul li a{color: #333;font-size: 14px;font-weight: 500;line-height: 0; border-radius: 25px;background: #F0F2F4;    padding: 18px 15px; display: block;text-align: center;}

.blog-sidebar-cta{margin-top: 25px; background: url(../images/blog-ai-strategy.jpg) center center no-repeat; min-height: 386px; border-radius: 25px; display: flex;flex-direction: column;justify-content: end; padding: 0px 45px 30px;}
.blog-sidebar-cta h5{color: #FFF;font-family: var(--sorafamily);font-size: 25px;font-weight: 400;line-height: 35px;letter-spacing: -0.75px;}
.blog-sidebar-cta p{color: #FFF;}

.svg-icon{background: #E9EBED; border-radius: 15px; width: 56px;height: 56px; line-height: 56px;text-align: center;}


.blogs-newsletter{padding: 90px 0px;border-radius: 25px;background: #010B21;  margin: 30px 51px 93px;}
.newsletter-box h2{color: #F5F5F5;}
.newsletter-box p,.newsletter-box ul li{color: #F5F5F5;}
.newsletter-box ul{    list-style: inside;}
.newsletterform{background: #fff; padding: 70px 0px; border-radius: 25px;}
.newsletterform form{text-align: center;    width: 70%;  margin: 0px auto;  position: relative;}
.newsletterform input[type=search]{width: 100%; border: 0; border-bottom: 1px solid #adadad; padding-bottom: 15px; color: #898989; font-size: 14px;padding-right: 120px;  }
.newsletterform input[type=search]:focus-visible{outline: none; }
.newsletterform input[type=submit]{border-radius: 100px;background: #0048DE;    padding: 11px 21px 11px 40px;    border: 0;    color: #fff;    font-size: 14px;}
.newsletter-submit{position: absolute;    right: 0;    bottom: 10px;}
.newsletter-submit:before{ content: ""; display: block; background: url(../images/suscribe-icon.svg) no-repeat; width: 20px; height: 20px;     position: absolute; top: 50%; left: 20px; margin-top: -7px;}

.single-page{padding-top: 100px;}


/* Blog CSS END*/


/* Client Testimonial Start */

.client-testimonial{padding: 100px 0px;}
.client-testimonial .starbox{margin-bottom: 25px;}
.light-heading{color: #ECECEC;font-family: var(--sorafamily);font-size: 100px;font-weight: 600;line-height: 100px;letter-spacing: -7.5px;}
.client-testimonialbox{margin-top: 86px;}
.testi-box{border-radius: 16px;background: #FFF;box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.11); padding: 42px 49px 61px 29px;}
.client-image{display: flex;justify-content: space-between; margin-bottom: 35px;}
.client-image img{}
.client-message{color: #333;font-size: 18px;font-weight: 500;line-height: 30px;}
.client-name-review{padding-top: 25px; display: flex; justify-content: space-between;}
.client-name-review .client-name{color: #111;font-size: 17px;font-weight: 700; font-family: var(--sorafamily);}
.client-name-review .client-designation{color: #787878; font-size: 17px;}
.client-name-review .star-review svg{width: 22px;}
/* Client Testimonial End  */

/* Recents Wins CSS Start */

.recent-wins{padding:100px 0px}
.winsnumber{text-align: right; display: flex; align-items: end; justify-content: end;}
.winsnumber .big-number{}
.winsnumber h6{writing-mode: vertical-rl; transform: rotate(180deg);  font-weight: 600; color: #111111; font-size: 18px; margin-left: 8px; margin-top: 0px;}
.recent-wins-tab{padding-top: 80px;}
.recent-wins-tab ul{justify-content: center; gap: 40px;}
.recent-wins-tab ul li{}
.recent-wins-tab ul li button{border-radius: 100px; border: 1px solid #B7B7B7; background: #fff; width: 305px; display: flex; align-items: center; justify-content: space-between; padding: 9px 15px;}
.recent-wins-tab ul li button img{width: 55px;}
.recent-wins-tab ul li button:hover{background: #0048DE;box-shadow: 0 0 40px 0 rgba(0, 72, 222, 0.50); color:#fff; border-color:#0048de} 

.recentwinsbox{padding:70px 0px 0px ;}
.card-case{display: flex; column-gap: 30px; align-items: center;    margin: 35px 0px;}
.card-case .case-card-icon{}
.card-case .case-card-icon img{}
.card-case .case-card-content{}
.card-case .case-card-content h5{color: #111;font-size: 20px;font-weight: 600;line-height: 35px;margin-bottom: 0;}
.card-case .case-card-content p{color: #333;font-weight: 400;}
/* Recents Wins CSS End */



.pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}

.pagination-wrapper .page-numbers {
    display: inline-block;
    padding: 10px 18px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

.pagination-wrapper .page-numbers:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.pagination-wrapper .current {
    background: #000;
    color: #fff;
    border-color: #000;
    font-weight: 600;
}