@charset "utf-8";
:root {
    --black:#000000;
    --blue:#1071FF;
    --white:#ffffff;

    --Poppins: "Poppins", sans-serif;
}
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;direction:ltr;text-align: left;font-family: var(--Poppins);}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1{font-size: 32px;font-style: normal;font-weight: 700;line-height:54px;color: var(--white);}
h2,.h2{font-size: 33px;font-style: normal;font-weight: 600;color: var(--blue);line-height: 56px;}
h2 span,.h2 span{color: var(--black);}
h3{color:var(--white);font-size: 26px;font-weight: 600;line-height:44px;}
h4{font-size: 30px;color: #fff;line-height: 1;font-weight: 400;}
h4 span{font-weight: 300;color:#32bceb; }

.top_title{position: relative}
.top_title h2{margin-bottom: 9px;}
.top_title p{position: relative;padding-bottom: 9px;}
.top_title:after{content: '';position: absolute;bottom: 0;left: 0;width: 81px;height: 1.5px;background-color: var(--blue);}

p { font-size: 16px;font-style: normal;font-weight: 500;line-height:27.2px;color: var(--black)}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {font-size: 14px;font-style: normal;font-weight: 500;color: var(--blue);text-decoration: none;line-height: 30px;}
a:hover {}
a:active {}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{ color: #909090;}
:-moz-placeholder{ color: #909090;}
::-moz-placeholder{ color: #909090;}
:-ms-input-placeholder{ color: #909090;}
::-ms-input-placeholder{ color: #909090;}
:placeholder-shown{ color: #909090;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/*transition effect*/
.tra,a,img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
img{max-width: 100%;}
.d_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.d_flex_at{align-items: flex-start;}
.d_flex_js{justify-content: flex-start;}

.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;transition: 0.5s ease all;}
.btn{border-radius: 56px;border: 1.5px solid #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);padding: 10px 24px;position: relative;overflow: hidden;}
.btn:after {content: '';position: absolute;width: 25px;top: 0;left: -30px;height: 100%;background: rgb(16, 113, 255);background: linear-gradient(114deg, rgba(16, 113, 255, 1) 0%, rgba(48, 177, 237, 1) 35%);opacity: 0.2;transform: skew(10deg, 10deg);transition: 0.5s ease all;}
.btn:hover:after{left: 110%;}
.btn_blue{padding:0px 63px;font-size: 16px;font-style: normal;font-weight: 600;line-height:27.2px;background-color: var(--blue);color: var(--white);border-radius: 10px;display: inline-block;height: 38px;line-height: 38px;}
.btn_blue:hover{background-color: var(--black)}


/**
 * Owl Carousel v2.1.1
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Page Layout */
body{overflow-x: hidden;padding-top: 224px;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{max-width: 1440px;margin: 0 auto;padding: 0px 88px;position: relative}
.light-grey{background:#F1F6FFCC}

header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background-color: var(--white);transition: 0.3s ease all;}
header.fixed{transform: translateY(-56px);}
header.fixed .middle_had {padding: 15px 0px 5px;}


header .top_had {padding: 13px 0px;background-color: #F9FCFF;}
header .top_had label img{margin-right: 8px;}
header .top_had label em{font-size: 14px;font-style: normal;font-weight: 500;color: var(--blue);line-height: 30px;font-style: normal;margin: 0px 3px;}
header .right_col a:not(:last-child){margin-right: 38px;}
header .right_col a img{margin-right: 6px;}
header .middle_had{padding: 32px 0px 19px;transition: 0.3s ease all;}
header .login_btn{background-color:#007BFF;padding: 10px 24px;border-radius: 56px;}
header .login_btn a{color: var(--white);font-size: 16px;font-weight: 500;}
header .login_btn a:hover{opacity: 0.7;text-decoration: underline}
header .login_btn em{font-size: 16px;font-style: normal;font-weight: 500;color: var(--white);line-height: 30px;font-style: normal;margin: 0px 3px;}
header .bottom_had{background: rgb(16,113,255);
background: linear-gradient(114deg, rgba(16,113,255,1) 0%, rgba(48,144,237,1) 67%);}
header ul{list-style: none;}
header ul>li{position: relative;padding: 15px 0 14px;position: relative;cursor: pointer;}
header ul>li:after{content: '';position: absolute;bottom: -10px;height: 10px;width: 100%;left: 0}
header ul>li:not(:last-child){margin-right: 42px;}
header ul>li>a{font-weight: 600;color: var(--white);}
header ul>li>.drop{margin-left: 8px;}
header ul>li .dropdown {width: fit-content;border-radius: 10px;background-color: var(--white);position: absolute;top: calc(100% + 5px);box-shadow: 0px 0px 10px #0000002e;overflow: hidden;display: block;padding: 10px 0;min-width: 240px;opacity: 0;pointer-events:none;transition: 0.4s ease all;}
header ul>li:nth-child(1) .dropdown{min-width: 380px;}
header ul>li:nth-child(8) .dropdown{right:0}
header ul>li:last-child .dropdown{right:0}
header ul>li:hover .dropdown{opacity: 1;pointer-events: all}
header ul>li .dropdown ul li {display: block;margin-bottom: 7px;margin-right: 0;padding: 0}
header ul>li .dropdown ul li:last-child{margin-bottom:0px}
header ul>li .dropdown ul li a{color: var(--black);padding:0 26px;width: 100%;display: block;text-transform: capitalize}
header ul>li .dropdown ul li a:hover{color: var(--white);background-color: var(--blue)}
header ul>li .dropdown ul li:after {display: none}


.banner{min-height: 556px;position: relative;}
.banner .bg{left: -10%;}
.banner .bg img {clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);}
.banner h1{margin-bottom: 13px;}
.banner h2{color: var(--white);font-size: 26px;font-style: normal;font-weight: 600;line-height: 217%;}
.banner h3{color: #1071FF;position: relative;width:fit-content;}
.banner h3 span{position: relative;    z-index: 1;}
.banner h3:after{content: '';position: absolute;left: -20px;top: 0;background-color: var(--white);width: calc(100% + 40px);height: 100%;transform: skewX(-30deg);}
.banner .left_col{padding: 49px 0px 65px;}
.banner ul{list-style: none;margin-top: 24px}
.banner ul li{color: var(--white);padding-left: 36px;background-image: url(../images/site/right.png);background-repeat: no-repeat;background-position: left center;font-size: 16px;font-weight: 500;line-height: 27px;margin-bottom: 16px}
.banner .links{}
.banner .btn{color: var(--white);font-size: 16px;font-weight: 500;}
.banner .register{margin-right: 24px;color: var(--blue);background-color: var(--white)}
.banner .register img{margin-left: 8px}
.banner .left_col{width: 50%;}
.banner .graph_bg{position: absolute;right: 0;top: 0;}
.banner .right_col{width: 50%;position: relative;text-align: right;}
.banner .right_col h2{font-size: 30px;font-style: italic;font-weight: 600;line-height: 51px;color: var(--blue);text-align: right;margin: 71px 0px 51px;}

.distribution{padding: 61px 0px 0px;}
.distribution .top_col a img{margin-left: 8px;position: relative;}
.distribution .top_col a:hover img{transform: translateX(5px)}
.distribution .inner{margin-top:58px;justify-content: flex-start;}
.distribution .col{width: 22.8%;border-radius: 20px;border: 1px solid #EFEFEF;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16);padding: 22px;margin-bottom: 40px;margin-right: 2.9%;}
.distribution .col:nth-child(4n){margin-right: 0;}
.distribution .col .img{position: relative;min-height: 200px;border-radius: 20px;overflow: hidden;margin-bottom: 13px;}
.distribution .col .img:hover .bg{transform: scale(1.1)}
.distribution .col .link{font-size: 16px;font-style: normal;font-weight: 600;color: var(--black);line-height: 27px;}
.distribution .col .link:hover{color: var(--blue);}
.distribution .col .mrp {margin: 13px 0px;}
.distribution .col label{font-size: 16px;font-style: normal;font-weight:400;}
.distribution .col label strong{margin-right: 14px;font-weight: 600;}
.distribution .col .btn_blue{padding: 0px;text-align: center;width: 100%;}

.search_channel{}
.search_channel .need_help{padding:0px 10px;border-radius: 5px;border: 1px solid var(--blue);line-height: 29px;}
.search_channel .need_help:hover{background-color: #1071ff5c;}
.search_channel .need_help img{margin-right: 5px;}
.search_channel .inner{margin-top: 58px;}
.search_channel .colin{margin-bottom: 32px;}
.search_channel .colin .title{width: 193px;line-height: 44px;border: 1px solid var(--blue);border-radius: 10px;font-size: 16px;font-style: normal;font-weight: 400;color: var(--blue);text-align: center;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);}
.search_channel .colin .title img{display: none}
.search_channel .colin .ChannelPartnerForm, .search_channel .colin .brandForm, .search_channel .colin .right_col.surrounding, .search_channel .colin3 .right_col {width:calc(100% - 233px);}
.search_channel .colin .right_col{border:1px solid #E8E8E8;border-radius: 10px;padding:10px 20px;position: relative;justify-content: flex-start;}
.search_channel .colin .in{height: 24px;color: #909090;font-size: 14px;font-style: normal;font-weight: 400;}
.search_channel .colin .in[type="search"]{padding-left: 40px;background-repeat: no-repeat;background-image: url(../images/site/gray_s.png);background-position: left center;padding-left: 40px;}
.search_channel .colin input[type="submit"], .search_channel .colin input[type="button"] {padding-left: 52px;background-repeat: no-repeat;background-image: url(../images/site/white_s.png);background-position: left 16px center;position: absolute;right: 0;top: 0;height: 44px;background-color: var(--blue);padding-right: 16px;border-radius: 10px;font-size: 16px;font-style: normal;font-weight: 500;color: var(--white);cursor: pointer;transition: 0.4s ease all}
.search_channel .colin input[type="submit"]:hover, .search_channel .colin input[type="button"]:hover {background-color: var(--black);}
.search_channel .colin select{font-size: 14px;font-style: normal;font-weight: 400;color: var(--blue);padding-right: 30px;height: 24px;background-image: url(../images/site/select.png);background-position:right center;background-repeat: no-repeat}
.search_channel .colin .right_col.surrounding select{width:31%}
.search_channel .colin .in{width: 24.6%;margin-right: 20px;border-right: 1px solid #737B7D;}
.search_channel .colin select{width: 14%;margin-right: 4.5%;border: none;outline: none;}
.search_channel .colin select:nth-child(4){margin-right: 0%}
.search_channel .colin input[type="text"]{width: 190px}
.search_channel .colin2 .in,.search_channel .colin3 .in{width:24.6%;}
.search_channel .colin3 form{width:100%}
.search_channel .colin2 select:nth-child(4){margin-right: 4.5%;}
.search_channel .colin2 select:nth-child(5){margin-right: 0%}

.explore_channel{margin-top: 100px;}
.explore_channel .inner{margin-top: 58px;}
.explore_channel .col{border-radius: 20px;border: 1px solid #E9E9E9;background: #FFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06);padding: 25px;width:32%;margin-right: 2%;}
.explore_channel .col:nth-child(3n){margin-right: 0px;}
.explore_channel .col .img{position: relative;height:228px;border-radius: 20px;overflow: hidden;}
.explore_channel .col .img:hover .bg{transform: scale(1.1)}
.explore_channel .col h3{margin: 28px 0;font-size: 18px;font-style: normal;font-weight: 600;color: var(--black)}
.explore_channel .col .btn{justify-content: center;border: 1px solid var(--blue);border-radius: 10px;margin-top: 13px}
.explore_channel .col span{padding: 5px 8px;border-radius: 10px;background: #EAF2FF;font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px;display: inline-block;vertical-align: top;margin:0px 3px 15px;}

.b2b_distribution{margin-top: 100px;}
.b2b_distribution .inner{margin-top: 58px;border-radius: 60px;background-color: #F1F6FFCC;padding-bottom: 100px;background-image: url(../images/site/b2b_layer.png);background-repeat: no-repeat;background-position: center;}
.b2b_distribution .col{width: 368px;position: relative;}
.b2b_distribution .col .dot_arrow{position: absolute;top: 182px;left: 100%;}
.b2b_distribution .col .img{width: 100%;height: 348px;margin-bottom: 12px;position: relative;justify-content: center}
.b2b_distribution .col p{text-align: center;font-size: 16px;font-style: italic;font-weight: 400;}
.b2b_distribution .col .text{margin-bottom: 60px;border-radius: 25px;border: 4px solid #E7EFF9;background: #FFF;border-radius: 25px;padding: 15px 18px;}
.b2b_distribution .col .text span{width: 38px;height: 38px;border-radius: 50%;font-size: 22.85px;font-style: normal;font-weight: 600;color: var(--white);background-color: var(--blue);text-align: center;line-height: 38px;}
.b2b_distribution .col .text label{width:calc(100% - 38px);padding-left: 32px;font-size: 18px;font-style: normal;font-weight: 500;color: var(--black)}

.our_Success{margin-top: 100px;}
.our_Success .top_title{margin-bottom: 40px;}
.our_Success h6{text-align: center;font-size: 24px;font-style: italic;font-weight: 700;color: var(--blue);margin-bottom: 35px;}
.our_Success .inner{padding: 58px 0;background-color: #F1F6FFCC;border-radius: 60px;}
.our_Success .col{border-radius: 20px;background: #FFF;width: 100%;padding: 37px 22px 41px 22px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}
.our_Success .col h5{color: #000;text-align: center;font-size: 20px;font-weight: 600;margin: 25px 0;}
.our_Success .col p{color: #000;font-size: 14px;font-weight: 400;line-height: normal;}
.our_Success .col .img{width: 72px;height: 72px;border-radius: 50%;overflow: hidden}
.our_Success .col .text{width:calc(100% - 72px);padding-left:10px;position: relative;}
.our_Success .col h3{color: #000;font-size: 24px;font-weight: 700;line-height: normal;}
.our_Success .col h4{color: #000;font-size: 18px;font-weight: 400;line-height: normal;}
.our_Success .col .ratting{position: absolute;bottom: -3px;right: 0}
.our_Success .col .ratting[data="1"] svg:first-child{fill:#FFA033}
.our_Success .col .ratting[data="2"] svg:not(:nth-child(3),:nth-child(4),:nth-child(5)){fill:#FFA033}
.our_Success .col .ratting[data="3"] svg:not(:nth-child(4),:nth-child(5)){fill:#FFA033}
.our_Success .col .ratting[data="4"] svg:not(:last-child){fill:#FFA033}
.our_Success .col .ratting[data="5"] svg{fill:#FFA033}
.our_Success .owl-item {transform: scale(0.8);transition: 0.2s ease all;}
.our_Success .owl-item.center{transform: scale(1)}
.our_Success .owl-dots{display: flex;justify-content: center;align-items: center;height: 20px;margin-top: 28px;}
.our_Success .owl-dots .owl-dot{width: 9px;height: 9px;border-radius: 50%;background-color: #C5C5C5;margin: 0px 3.5px;}
.our_Success .owl-dots .owl-dot.active{background-color: var(--blue)}
.our_Success .owl-nav {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 0;left: 0;width: 100%;max-width: 210px;margin: 0 auto;right: 0;pointer-events: none;}
.our_Success .owl-nav>div{width: 20px;height: 20px;background-image: url(../images/site/next.png);background-repeat: no-repeat;background-position: center;transform: scale(1);transform-origin: center;font-size: 0px;pointer-events: auto}
.our_Success .owl-nav>div.owl-prev{transform: scale(-1)}



.featured{padding-top: 58px;}
.featured h2{text-align: center;font-size: 33px;font-style: normal;font-weight: 600;line-height:56.1px;color:#262626;margin-bottom: 58px;}
.featured .wrapper{justify-content: center;}
.featured .ink{margin: 0px 65px;}
.our_partners{padding: 100px 0px;}
.our_partners .top_title{ width: fit-content;margin: 0 auto;}
.our_partners .wrapper{justify-content: center;margin-top: 58px;}
.our_partners .col{margin: 0px 58px;}

footer{min-height: 200px;    background: rgb(16, 113, 255);background: linear-gradient(114deg, rgba(16, 113, 255, 1) 0%, rgba(48, 144, 237, 1) 67%);padding: 37px 0px 42px;position: relative;}
footer .map{position: absolute;top: 0;right: 0}
footer .logo{margin-bottom: 31px;display: inline-block}
footer .newsletter{margin-top: 28px;}
footer .newsletter h3{font-size: 16px;font-weight: 700;line-height: normal;text-transform: capitalize;color: var(--white);margin-bottom: 23px;}
footer .newsletter .inner{position: relative;max-width: 340px;}
footer .newsletter .in{width: 100%;background-color: var(--white);height: 56px;border-radius: 50px;padding: 6px 140px 6px 21px;color: #959595;font-size: 12px;font-weight: 400;line-height: normal;}
footer .newsletter .sub {width: 139.917px;height: 43.338px;padding: 14.196px 28.392px;background-color: var(--blue);font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: 0.78px;color: var(--white);position: absolute;right: 6px;bottom: 0;top: 0;margin: auto;border-radius: 30px;cursor: pointer;transition: 0.4s ease all;}
footer .newsletter .sub:hover{opacity: 0.7;}
footer .col{width: 384px;}
footer .col+.col{padding-top: 29px;}
footer .col+.col+.col{width: 203px;}
footer .col:nth-child(2){width: 238px;}
footer .col:nth-child(2) p{line-height: 28px;}
footer .col p{font-size: 14px;font-weight: 400;color:var(--white);line-height: normal}
footer .col h4{font-size: 18px;font-weight: 500;line-height: normal;text-transform: capitalize;color: var(--white);margin-bottom: 20px;}
footer .col ul{list-style: none;}
footer .col ul li{}
footer .col ul li a{font-weight: 400;line-height:28px;color: var(--white);}
footer .col ul li a:hover{color: var(--black)}
footer .social_col{width: 100%;text-align: center;margin-top: 15px;}
footer .social_col .wrap{justify-content: center;}
footer .social_col a{margin: 0px 10px;}
footer .social_col a:hover{opacity: 0.7}
footer .social_col p{text-align: center;font-size: 14px;font-weight: 400;line-height:22.4px;color: var(--white)}


.hidden{display: none;}
.b2b_popup{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color:#000000b3;justify-content: center;opacity: 0;pointer-events:none;transition: 0.4s ease all;}
.b2b_popup .bg{cursor: pointer;}
.b2b_popup.active{opacity: 1;pointer-events: all;}
.b2b_popup .inner {width: 50vw;height: 500px;background-color: var(--white);border-radius: 20px;position: relative;    padding: 50px 40px;}
.b2b_popup .inner h3{color: var(--blue);}
.b2b_popup .inner ul{padding-left: 15px;margin: 20px 0px}
.b2b_popup .inner .red{color: red;}
.b2b_popup .inner .green{color:green;}
.b2b_popup .inner .colin:nth-child(2){}
.b2b_popup .inner .colin .d_flex{justify-content: flex-start}
.b2b_popup .inner .colin{width: calc(50% - 10px)}
.b2b_popup .close{position: absolute;right: 0;top: 0;}
.b2b_popup .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: var(--blue);color: var(--white);text-align: center;cursor: pointer;font-size: 20px;border-radius: 0px 0px 0px 10px;}
.b2b_popup .btn {background-color: #1071ffeb;color: #fff;}
.b2b_popup .btn+.btn{margin-left: 10px;}
.b2b_popup .wrap{align-items: flex-start}

.b2b_popup.sign-in .inner{width: 30vw;height: unset;}
.hamburger{width: 35px;height: 30px;position:fixed;display: none;}
header .bottom_had label{display: none;}

.form-group{width:100%;margin-top:20px}
.form-group .form-wrap{width:100%;margin-bottom:15px}
.form-group .form-wrap .form-control{width:100%;border:1px solid #ced4da;padding:10px}
.form-group .form-wrap.flex-between{display:flex;justify-content:space-between;align-items:center}
.form-group .form-wrap .btn{padding:10px 15px;background-color: var(--blue);padding-right: 16px;border-radius: 10px;font-size: 16px;font-style: normal;font-weight: 500;color: var(--white);cursor: pointer;transition: 0.4s ease all}
.form-group .form-wrap .btn:hover{background-color: var(--black);}