/*
Theme Name: Sarderinc
Version: 2024.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root {
  --primary-color: #1A73E8;
  --black-color: #202124;
  --gray-color: #5F6368;
}

* { box-sizing: border-box; }
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, address, audio, video 
{background: transparent; border: 0; margin: 0; padding: 0; outline: 0; list-style-type:none; }
html { min-height: 100%; position: relative; scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; font-size: 1rem; color: var(--black-color); font-weight: 400; text-decoration: none; overflow-x: hidden;}
input, select, textarea, button { font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-weight: 700; color: var(--black-color);}

h2 {font-size: 40px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}

img { border: none; outline: none; }
a { color: var(--primary-color); text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
a:hover { color: var(--black-color); }

.btn { font-weight: 700; transition: all 0.5s ease 0s;}
.btn-small { height: 32px; line-height: 30px; padding: 0 15px;}
.btn-icon { height: 56px; line-height: 30px; padding: 0 15px;}
.btn-primary { background: var(--primary-btn); border-color: transparent;  transition: opacity 0.5s;}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:active:focus { background: var(--black-color); border-color: var(--black-color);  box-shadow: none;  }

/* common css starts */

.bg-light { background: #fff !important; padding: 0 20px !important; }
.navbar { padding: 0; } 
.navbar-brand { padding: 22px 0; margin-right: 3rem;} 
.me-auto { margin: auto; }
.navbar-light .navbar-nav .nav-link {padding: 30px 15px; color: var(--black-color); font-weight: 500; font-size: 16px; white-space: nowrap;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: var(--primary-color); }

.middle-section { overflow: hidden; margin-top: 75px; }
.navbar-expand-lg .navbar-collapse {justify-content: flex-end}

header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);}


footer {background:#F8F9FA; padding: 40px 0;}


.topright-btn .btn {margin-right: 5px;}
.followus {margin-bottom: 30px;}
.followus a {margin-right: 20px;}


.home-banner, .home-platforms, .home-testimonial,.home-why, .home-features, .home-premise  {margin-bottom: 80px;}
.cmn-title {margin-bottom: 40px; font-size: 20px;}
.cmn-title .title-secondary {color:  var(--secondary-color);}


/* banner section */
.home-banner {padding-top:100px;}
.home-banner h2 {font-size: 64px; line-height: 72px; font-weight: 500; padding: 0 3%; margin-bottom: 40px;}
.home-banner h2 span {color:#999;}
.home-banner p {color: var(--gray-color); font-size: 20px; margin-bottom: 50px;}

.home-banner a {width: 64px; height: 64px; line-height:64px; padding: 0; background: #1A73E8; border-radius: 5px; transform: rotate(90deg); font-size: 48px; font-weight: 300;}

.home-banner a span { display: block; animation: bounce 0.6s;  animation-direction: alternate;  animation-iteration-count: infinite;} 
@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(7px, 0, 0); }
}



.home-sections {min-height: 600px; display: flex; align-items: center; padding-top: 40px;}

.bg1 {background: url("images/section-bg1.png") no-repeat right center;}
.bg2 {background: url("images/section-bg2.png") no-repeat left center;}
.bg3 {background: url("images/section-bg3.png") no-repeat right center;}
.bg4 {background: url("images/section-bg4.png") no-repeat left center;}
.bg5 {background: url("images/section-bg5.png") no-repeat right center;}
.bg6 {background: url("images/section-bg6.png") no-repeat left center;}
.bg7 {background: url("images/section-bg7.png") no-repeat right center;}


.side-img {border-radius: 12px;  overflow: hidden;}
.side-img img {transition: transform 0.3s ease-in-out; width: 100%;}
.side-img:hover img { transform: scale(1.05);}

.cmn-cnt-home {padding-right: 20%; font-size: 20px;}
.cmn-cnt-home img, .cmn-cnt-home p {margin-bottom: 40px;}
.cmn-cnt-home a {font-weight: 500;}
.cmn-cnt-home.invert {padding-right: 0; padding-left: 15%;}

.footer-nav ul li {display: inline-block; font-size: 16px; font-weight: 500; line-height: 36px; margin: 0 10px;}
.footer-nav ul li a {color: var(--black-color);}
.footer-nav ul li a:hover {color: var(--primary-color);}
.footer-nav ul li img {margin-right: 40px; position: relative; top: -7px;}

.socialicons ul li {display: inline-block; font-size: 16px; font-weight: 500; line-height: 36px;}
.socialicons ul li a {font-size: 24px; color: var(--black-color);}
.socialicons ul li a:hover {color: var(--primary-color);}

/* ==================================== New Home ==================================== */
img {max-width: 100%;}
.home-top-banner
{
  background: url("images/top-banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.our_partners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}
/* Test */