/*** ============================================= Partner Style1 Css ============================================= ***/ .partner-style1 { padding: 0px 0px 140px; } .partner-style1__single { position: relative; display: block; border-right: 1px solid var(--thm-border-color); padding-right: 30px; } .partner-style1__single .title-box { position: relative; display: block; } .partner-style1__single .title-box h3 { font-size: 21px; line-height: 20px; margin-bottom: 11px; } .partner-style1__single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .partner-style1__single .title-box h3 a:hover { color: var(--thm-primary-color); } .partner-style1__single .title-box p { margin: 0; } .partner-style1__single .logo-box { position: relative; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; padding-top: 53px; overflow: hidden; } .partner-style1__single .logo-box a { position: relative; display: inline-block; } .partner-style1__single .logo-box a img { width: auto; } .partner-style1__single .logo-box .btn-box { position: relative; display: block; line-height: 0; } .partner-style1__single .logo-box .btn-box a { position: relative; display: inline-flex; align-items: center; justify-content: center; transform: translateX(50px); width: 40px; height: 40px; color: var(--thm-primary-color); font-size: 34px; background: rgba(var(--thm-primary-color-rgb), .10); border-radius: var(--thm-border-radius); transition: all 500ms linear; } .partner-style1__single:hover .logo-box .btn-box a { transform: translateX(0px); transition: background-color 0.5s ease; transition: all 0.5s ease; } .partner-style1__single:hover .logo-box .btn-box a:hover { color: var(--thm-white); background: rgba(var(--thm-primary-color-rgb), 0.95); } .partner-style1-carousel.owl-nav-style-one.owl-theme { border-left: 1px solid var(--thm-border-color); padding-left: 19px; padding-right: 0px; } .partner-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -120px; right: 0px; bottom: 0; } /*** ============================================= Partner Style2 Css ============================================= ***/ .partner-style2 { position: relative; display: block; padding: 0px 0px 172px; z-index: 10; } .partner-style2 .title-box { position: relative; display: block; padding-bottom: 55px; z-index: 1; } .partner-style2 .title-box::before { position: absolute; top: 17px; left: 0; right: 0; height: 1px; background: var(--thm-border-color); content: ""; z-index: -1; } .partner-style2 .title-box .inner { position: relative; display: inline-block; background: #e6edff; padding: 0px 20px 0px; z-index: 2; } .partner-style2 .title-box .inner h3 { font-size: 21px; line-height: 31px; } .partner-style2 .auto-container { max-width: 1830px; width: 100%; } .partner-style2__inner { position: relative; display: block; } .single-partner-logo-box-style2 { position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; } .single-partner-logo-box-style2 a { position: relative; display: block; } .single-partner-logo-box-style2 a img { width: auto !important; } /*** ============================================= Partner Style2 In Style3 Css ============================================= ***/ .partner-style2--style3 { position: relative; display: block; padding: 0px 0px 0; z-index: 10; } .partner-style2--style3 .title-box .inner { background: var(--thm-black-bg); } .partner-style2--style3 .single-partner-logo-box-style2 a { background-color: var(--thm-black-bg); } .partner-style2--style3 .single-partner-logo-box-style2 a img { mix-blend-mode: luminosity; opacity: 0.80; } .partner-style2--style3 .single-partner-logo-box-style2:hover a img { opacity: 1.0; } /*** ============================================= Partner Style2 In Style4 Css ============================================= ***/ .partner-style2--style4 { position: relative; display: block; padding: 0px 0px 140px; z-index: 10; } .partner-style2--style4 .title-box .inner { background: #fbf8ff; }