/*
Theme Name: Internol
Author: Marketingteam
Author URI: http://www.hostinger.com/tutorials
Description: My first responsive HTML5 theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

* {
    box-sizing: border-box;
}
/* Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:14px; font-family: 'TT Interphases', sans-serif; font-weight:400; line-height:1.6; overflow-x: hidden;background: rgba(7, 91, 158, 0.1);}

/* Main container #075b9e #d73c52
------------------------------------------------------------------------------*/
#wrapper{ width:100%; min-height:100%; }
#content-area{ width: 100%;clear: both;}
/* .main-content p{text-align: justify;font-size: 18px;} */



/* Keyframes
------------------------------------------------------------------------------*/
@keyframes rotation {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
@keyframes rotateCircle{
  from {  -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to   {  -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}

/* general */

.webpage-heading h2:before{content:"";border: 5px solid #d73c52;margin-right: 10px;color: #075b9e; text-align: left;}
.wpcf7-response-output{color: #fff}

/* header footer */
.widget-wrapper{padding: 8px 0;}
header .widget-wrapper:first-child{background: #075b9e}
.widget-wrapper .wp-block-columns, .wp-block-separator{margin: 0}
.header-top-bar ul, .header-top-bar p{margin-bottom: 0;}
.header-menu ul{padding-left: 0;margin: 0}
.header-menu ul li{list-style: none;display: inline-block;padding: 0 18px}
.header-menu ul li a{font-size: 16px;transition: all 0.5s;display: inline-block;}
.header-menu ul li a:hover, .header-menu ul li.current-menu-item a{text-decoration: none;color:#fff;background: #d73c52;padding: 5px 12px;border-bottom-right-radius: 15px }
footer{background: #075b9e;padding: 40px 0;}
footer .widgettitle, .footer-menu h2, .footer-menu p, .footer-menu a{color: #fff;}
.footer-menu ul li{list-style: none;}
.footer-menu ul li a{color: #fff}
.footer-menu .widget_nav_menu ul li:before{background: url('assets/images/favicon.png') no-repeat left center;background-size: contain;content: '';display: inline-block;flex-shrink: 0;width: 28px;height: 28px;margin-right: 10px;vertical-align: middle;}
.footer-menu .widget_nav_menu ul{padding-left: 5px;}
footer .wp-block-column{padding: 0 20px;}
footer .wp-block-column:first-child{padding-left: 0;}
footer .wp-block-column:last-child{padding-right: 0;}
footer .wp-block-social-links{margin: 20px 0;}
.category-tab-content{margin-bottom: 0 !important;}
.internol-btn a{transition: transform 0.5s ease;border-bottom-right-radius: 15px;background-color: #d73c52;padding: 15px 20px;text-decoration: none;}
.internol-btn a:hover{background: #075b9e !important;text-decoration: none !important;color: #fff !important;transform: scaleX(1.1) !important}
h2.webpage-title{text-align: center;font-size: 32px;margin-bottom: 20px;color: #d73c52;font-weight: bold;}
/* .main-content{padding: 40px 0} */
/* .main-content h2{margin-bottom: 30px;} */
.category-tab-content .wp-block-image img{border-bottom-right-radius: 45px;}
.about-content{background: linear-gradient(360deg, #d73c52, #075b9e);padding: 40px 0;text-align: center;}
.about-content p, .about-content a{color: #fff}
.about-content a{display: inline-block;}
.about-content p, .about-content a{font-size: 16px;}
.about-content h2{font-size: 32px;}
.about-btn.internol-btn{margin: 40px 0}
.whyus-wrapper{padding: 40px 0;text-align: center;}
.whyus-boxes {padding-top: 50px;}
.single-whyus-box{padding: 20px;}
/* .whyus-content-box {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;padding: 20px 50px;border-bottom-right-radius: 15px;transition: transform 1.5s ease;} */
/* .whyus-content-box:hover{background:linear-gradient(360deg, #075b9e, #d73c52);transform: scale(1.1);} */
/* .whyus-content-box h3{color: #075b9e} */
.whyus-content-box:hover h3, .whyus-content-box:hover p{color: #fff}
.whyus-content-box img{animation: rotation 50s ease;animation-iteration-count: infinite;}

/* tab css */
#sp-wp-tabs-wrapper_109{margin: 30px 0;}
#sp-wp-tabs-wrapper_109 .sp-tab__nav{justify-content: space-between !important;}
#sp-wp-tabs-wrapper_109.sp-tab__lay-default > ul .sp-tab__nav-item{flex: 0 0 32%}
.sp-tab__tab_title{color: #fff !important}
#sp-wp-tabs-wrapper_109 > .sp-tab__nav-tabs .sp-tab__nav-link{border: 0}
.sp-tab__nav-link.sp-tab__active{border-bottom: 2px solid #fff !important;}
.sp-tab__nav-item{display: inline-block;position: relative; }
.sp-tab__nav-item:after {content: ''; /* Add content after the element */
    position: absolute; /* Position absolute for pseudo-element */
    width: 100%; /* Full width */
    transform: scaleX(0); /* Initial scale of 0 for underline effect */
    height: 2px; /* Height of the underline */
    bottom: 0; /* Align to bottom */
    left: 0; /* Align to left */
    background-color: #fff; /* Background color of the underline */
    transform-origin: bottom right; /* Set transform origin */
    transition: transform 0.4s ease-out; /* Transition effect for the underline */
}
.sp-tab__nav-item:hover:after{transform: scaleX(1);transform-origin: bottom left; /* Set transform origin */}
.sp-tab__nav.sp-tab__nav-tabs{margin-bottom:30px !important}
#sp-wp-tabs-wrapper_109 .size-medium{border:1px solid #fff}

.header-btn a:hover{background: #075b9e !important;text-decoration: none !important;color: #fff !important}
.banner-btn a{border-bottom-right-radius: 15px !important;}



/* homepage */
.categories-list {padding: 40px 0;}
.download-box{background: linear-gradient(360deg, #d73c52, #075b9e);margin: 40px 0;padding: 40px 0}
.download-btn-box{text-align: right;margin: 10px 0}
.internol-btn.download-btn a{color: #fff;display: inline-block;}
.download-content-box h2{color: #fff;text-align: left;}
.contact-box{padding: 40px 0}
.contact-img-box {text-align: right;}
.contact-img-box img{border-bottom-right-radius: 25px;}
.contact-box .webpage-title{margin-bottom: 40px;}
.contact-info-box {display: flex;justify-content: flex-start;align-items: center;margin: 40px 0;}
.contact-info-icon {flex: 0 0 10%;margin-right: 20px;}
.contact-info-content {flex: 0 0 90%;}
.contact-info-icon img{border: 2px solid #d73c52;padding: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
.contact-info-content h4{font-size: 20px;color: #d73c52}
.contact-info-content p, .contact-info-content p a{font-size: 16px;color: #075b9e}
.contact-info-content p a:hover{text-decoration: none;color: #d73c52}

/* distributor page */
.distributor-boxes {margin: 40px 0;}
.distributor-boxes-wrap {display: flex;}
.distributor-box-left {background: #075B9E;padding: 50px 30px;flex: 0 0 75%}
.distributor-box-left h3{color: #fff}
.distributor-box-left form{margin-top: 30px;}
.distributor-box-left form label{color: #fff}
.distributor-box-left form input, .distributor-box-left form select, .distributor-box-left form textarea{background: none;border: 0;border-bottom: 1px solid #d73c52;width: 90%;margin: 5px 0;color: #fff;}
.distributor-box-left form select{margin-top: 20px;}
.distributor-box-left form select option{color: #000}
.form-input {margin: 20px 0;}
.distributor-box-left form .submit-btn input{transition: transform 1s ease;border-bottom-right-radius: 15px;background-color: #d73c52;padding: 15px 20px;text-decoration: none;width: fit-content;}
.distributor-box-left form .submit-btn input:hover{background: #fff !important;text-decoration: none !important;color: #fff !important;transform: scaleX(1.1) !important;color: #d73c52 !important}
.distributor-box-right {margin-left: -80px;margin-top: 80px;}
.why-distributor-point {margin: 40px 0;background: #D73C52;padding: 40px 20px 40px 40px;border-bottom-right-radius: 25px;color: #fff;}
.why-distributor-point i{font-size: 50px;padding-bottom: 10px;}
.why-distributor-point h4{font-weight: bold;}


.category-boxes{padding: 40px 0;}