@font-face{font-family:filson;src:url(../fonts/FilsonProRegular.eot);src:url(../fonts/FilsonProRegular.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProRegular.woff2) format('woff2'),url(../fonts/FilsonProRegular.woff) format('woff'),url(../fonts/FilsonProRegular.ttf) format('truetype'),url(../fonts/FilsonProRegular.svg#FilsonProRegular) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:filsonBold;src:url(../fonts/FilsonProBold.eot);src:url(../fonts/FilsonProBold.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBold.woff2) format('woff2'),url(../fonts/FilsonProBold.woff) format('woff'),url(../fonts/FilsonProBold.ttf) format('truetype'),url(../fonts/FilsonProBold.svg#FilsonProBold) format('svg');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:filsonBoldItalic;src:url(../fonts/FilsonProBold-Italic.eot);src:url(../fonts/FilsonProBold-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBold-Italic.woff2) format('woff2'),url(../fonts/FilsonProBold-Italic.woff) format('woff'),url(../fonts/FilsonProBold-Italic.ttf) format('truetype'),url(../fonts/FilsonProBold-Italic.svg#FilsonProBold-Italic) format('svg');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:filsonBlack;src:url(../fonts/FilsonProBlack.eot);src:url(../fonts/FilsonProBlack.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBlack.woff2) format('woff2'),url(../fonts/FilsonProBlack.woff) format('woff'),url(../fonts/FilsonProBlack.ttf) format('truetype'),url(../fonts/FilsonProBlack.svg#FilsonProBlack) format('svg');font-weight:900;font-style:normal;font-display:swap}
*,::after,::before{border-radius:0!important}
:root{--primary-color:#2d2a26;--seconday-color:#0000ff;--seconday-color-dark:#0303c5;--warning-color-dark:#f3b11a;--base-color:#000;--font-regular:'filson';--font-bold:'filsonBold';--form-color:#f0f0ed;--form-color-dark:#e7e7e1}
body,html{font-family:var(--font-regular);transition:all ease .3s;color:#2d2a26;font-size:18px;font-smooth:always;overflow-x:hidden;}
.h1,.h2,.h3,h1,h2,h3,label{font-family:var(--font-bold)}
.h2,h2{font-size:2.222vw}
h3{font-size:2vw}
.btn{position:relative;overflow:hidden;color:#fff;font-size:1rem;font-weight:400}
.btn span{z-index:100; position:relative; font-family:filsonBold;}
.btn:focus{box-shadow:none}
.btn-lg{padding-top:1.45vw;padding-bottom:1.45vw}
.btn:before{content:"";position:absolute;display:block;height:100%;width:100%;top:0;left:0px;color:#fff;z-index:0}
.btn:before{transform:translate3d(-100%,0,0);background-color:var(--seconday-color-dark);border:1px solid var(--seconday-color-dark);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}
.btn:hover:before{transform:translate3d(0,0,0)}
.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{background-color:var(--form-color);color:var(--primary-color)}
.btn.btn-secondary:before{background-color:var(--form-color-dark);border:1px solid var(--form-color-dark)}
a{text-decoration:none}
.form-control{background-color:var(--form-color);border:0}
.form-control:focus{box-shadow:none;background-color:var(--form-color)}
textarea{resize:none}
.dropdown-menu{min-width:6rem}
.text_color{color:#222}
.centercont_img{display:grid;place-items:center}
.bg-blue{background-color:var(--seconday-color)}
img{max-width:100%}
header{background-color:#fff;font-size:12px;font-family:filsonBold}
header.sticky{box-shadow:0rem 0rem 2rem rgba(0,0,0,.25)}
header .dropdown-toggle::after{display:none}
header .navbar-collapse .nav-item .active{color:var(--seconday-color)}
.carousel-caption .h1,.carousel-caption h1{font-size:4vw;font-family:var(--font-bold)}
.carousel-caption p{font-size:1.875vw;max-width:740px}
.carousel-caption{bottom:0;top:0}
.bg-color-first{background-color:#eeeeeb}
.home_first_content>div{max-width:74%}
.navbar-light .navbar-nav .nav-link{color:#2d2a26}
.btn-primary{background-color:var(--seconday-color);border:0}
.color-primary{color:var(--seconday-color)}
.banner-color{color:#0101fe}
.l-50{left:60%!important}
.w-43{width:43%!important}
.navbar-light .navbar-toggler{border-color:transparent;color:var(--seconday-color)}
.videotext{font-family:var(--font-bold);font-size:5.104vw;position:absolute;color:#fff;z-index:1;width:350px;line-height:1;top:40%;right:15%}
.specialblognews{border-top:5px solid #272522}
.welcometext{background:url(../images/Blitz_net_web_home_02.jpg) no-repeat center top;background-attachment:fixed;background-size:cover}
.icon{position:absolute;top:50%;transform:translate(0,-50%);width:66%;height:68px;cursor:pointer}
.arrow{position:absolute;top:25px;width:100%;height:5px;background-color:#272522}
.arrow::after,.arrow::before{content:'';position:absolute;width:16px;height:5px;right:0;background-color:#272522}
.arrow::after{top:-6px;transform:rotate(45deg)}
.arrow::before{top:6px;transform:rotate(-45deg)}
.mainlink_animation a{overflow:hidden;position:relative;display:inline-block}
.mainlink_animation a::after,.mainlink_animation a::before{content:'';position:absolute;width:100%;left:0}
.mainlink_animation a::before{background-color:var(--seconday-color-dark);height:5px;bottom:0;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s cubic-bezier(.76,0,.24,1)}
.mainlink_animation a::after{content:attr(data-replace);height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .3s cubic-bezier(.76,0,.24,1);color:var(--seconday-color-dark)}
.mainlink_animation a:hover::before{transform-origin:0 50%;transform:scaleX(1)}
.mainlink_animation a:hover::after{transform:translate3d(0,0,0)}
.mainlink_animation a span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}
.mainlink_animation a:hover span{transform:translate3d(-200%,0,0);color:var(--seconday-color-dark)}
footer{font-size:12px}
footer .footmargin p{font-size:18px}
footer .partners p{font-size:12px}
footer .footerlogo{width:145px}
footer,footer a{color:var(--base-color)}
.specialblognews img{max-width:3.125vw;min-width:30px}
.blankimg img{width:62.5vw}
.navbar-light .navbar-toggler-icon{background-image:url(../images/nav.png)}
.navbar-toggler:focus{box-shadow:none}
.language_drop .dropdown-menu{min-width:inherit}
.form-floating>label{padding-top:2rem}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-1.9rem) translateX(.15rem)}
.quickaccess{background:url(../images/blitznet_web_buyer.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.quickaccess h2{font-size:5.521vw}
.joingroup{background:url(../images/Blitznetweb_joingroup.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.joingroup h3{font-size:5.521vw;color:#fff}
.joingroup img{width:7.083vw}
.suppliersimple{background:url(../images/blitznet_supplier_simple.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.suppliersimple h2{font-size:5.521vw}
.supplierbusiness{background:url(../images/blitznet-supplier-business-banner.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.supplierbusiness h3{font-size:5.521vw;color:#fff}
.supplierbusiness img{width:7.083vw}
.form-floating>textarea.form-control{height:250px}
.form-floating.textareafloat>label{padding-top:65px}
.form-floating.textareafloat>.form-control:focus~label,.form-floating.textareafloat>.form-control:not(:placeholder-shown)~label,.form-floating.textareafloat>.form-select~label{padding-top:2rem}
ul.parsley-errors-list{position:absolute;font-size:12px;bottom:-16px;margin-bottom:0}
/* New CSS */
.cornerefects{ position: relative;}
.cornerefects::before{content: ''; background: url(../images/arrow_topleft.png) 0 0 no-repeat; background-size: cover; width: 32px; height: 32px; position: absolute; top: -50px; left: -50px;}
@media (max-width:767.98px){ .cornerefects::before{ display: none;}}
.custombtn{background-color:var(--seconday-color);border:0; padding: 7px 16px; font-weight: normal !important;}
.rightmenu .navbar-nav{display: flex; align-items: center;}
.cyan_card{background-color: #6B9AF3;}
.lightblue_card{background-color: #1559E6;}
.primary_card{background-color: #0000FF;}
.buyer_color_card .card .card-header{ position: relative; border: 0; }
.triimage_1{ background-image: url(../images/tri_1.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.triimage_2{ background-image: url(../images/try_2.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.triimage_3{ background-image: url(../images/try_3.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.carousel-control-next{ justify-content: end !important; right: 0px !important; }
.carousel-control-prev { justify-content: start !important; left: 0px !important; }
.carousel-control-next-icon{ background-image: url(../images/next-icon.png); }
.carousel-control-prev-icon{ background-image: url(../images/prev-icon.png); }
.buyer_color_card .card .card-header::before { right: 43.5%;}
.text-justify{text-align:justify}
.heading{color:var(--seconday-color)}
.accordion-button:not(.collapsed){box-shadow:none}
.accordion-button{background:0 0;color:#000}
.accordion-button:focus{box-shadow:none;border-color:none}
.accordion-button:not(.collapsed){color:#000!important;background-color:#d9d9d9;box-shadow:transparent}
.faq-page .accordion .accordion-body{padding-top:0}
.carousel-control-next-icon,.carousel-control-prev-icon{color: #0000FF;  filter:none !important; opacity: 1 !important;}
.grey_bg{background-color:#f5f5f5}
.buyer_bg{background-color:#e5e1dc}
.f-14{font-size:.875rem!important}
.buyer_banner_section{background-image:url(../images/Buyer_Main-banner.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;padding:125px 0}
.buyer_banner_section .card{max-width:540px;}
.new_btn1{background-color:transparent;border:2px solid #000;font-weight:700;font-size:.875rem}
.new_btn{background-color:transparent;border:2px solid #000;font-weight:700;font-size:.875rem;position:absolute;right:40px;bottom:40px}
.cardfooterbtn .card-footer{margin-bottom:-33px;background:0 0}
#carouselExampleDark .carousel-indicators .active{height:10px;width:60px;background-color:var(--seconday-color)}
#carouselExampleDark .carousel-indicators button{margin:0 7px;height:10px;background-color:#e5e1dc}
.buyer_list li{list-style:none;position:relative;padding-left:1.8rem;margin-bottom:10px}
.buyer_list li::before{content:url(../images/list_icon.png);position:absolute;left:0;top:4px}
.Grp_bs_img{position:relative;margin-top:-145px}
.accordion .accordion-item .accordion-header{background-color:#d9d9d9}
.accordion .accordion-item .accordion-body{background-color:#eeeeeb}
.accordion-item{border:0 solid #000}
.buyer_grp,.supplier_grp{width:160px;height:56px;display:grid;place-items:center}
.supplier_grp{background-color:#00a5e8}
.buyer_grp{background-color:#1559E6}
footer hr{border-top:3px solid #bbb;opacity:1}
.quoteefects h3{ font-size: 3.681vw;color: #0000FF;}
.quoteefects{ position: relative;}
.grup_buyer_effect h3{ font-size: 3.681vw; color: #FFF;}
.grup_buyer_effect{ position: relative;}
.grup_buyer_effect::before{content: ''; background: url(../images/quote_arrow_up.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; top: -50px; left: -100px;}
.grup_buyer_effect::after{content: ''; background: url(../images/quote_arrow_down.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; bottom: -50px; right: -100px;}
.quoteefects::before{content: ''; background: url(../images/quote_arrow_up.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; top: -50px; left: -100px;}
.quoteefects::after{content: ''; background: url(../images/quote_arrow_down.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; bottom: -50px; right: -100px;}
.p-6{padding: 6rem 0;}
.buyer_bg{background: url(../images/home_image_007.jpg) 0 0 no-repeat; background-size: cover;}
.grup_buyer{background: url(../images/Section_image_GB.png) 0 0 no-repeat;  background-size: cover;}
.product_home_img .owl-carousel .owl-item img {
    max-width: 200px !important;
    height: auto;
    border-radius: .5rem !important;
}
@media (min-width:1200px){
body,html{font-size:1.042vw}
header .container-fluid{max-width: 1600px;}
header,header .dropdown-item{font-size:.9vw}
header .navbar-collapse .nav-item{padding-left:10px;padding-right:10px;text-align:center}
header .navbar-collapse .nav-item .nav-link a{font-family:filsonBold}
#navigatio_top{transition:all ease .3s}
#navigatio_top.sticky{padding-top:.5rem;padding-bottom:.5rem;transition:all ease .3s;box-shadow:0rem 0rem 2rem rgba(0,0,0,.25)}
#navigatio_top .navbar-brand img{width:60%;transition:all ease .3s}
#navigatio_top.sticky .navbar-brand img{width:60%;transition:all ease .3s}
.small,small{font-size:.85rem}
.joingroup_content div{width:39.063vw}
.form-floating>textarea.form-control{height:100px}
.form-floating.textareafloat>label{padding-top:65px}
.carousel-caption{width:34%;right:inherit;left:6.2%}
.buyer_list li{padding-left:2.2rem;}
.buyer_list li::before{top:0px}
.buyer_banner_section .card p:last-child { padding-right: 8.5rem; }
    .buyer_banner_section .card{ padding-right: 100px; max-width: 640px}

}
@media (min-width:1400px){
    body,html{font-size:18px}
    header,header .dropdown-item{font-size:.833vw}
    .carousel-caption{width:34%;right:inherit;left:15%}
    .navbar-brand img{min-width: 160px;}
    #navigatio_top.sticky .navbar-brand img{min-width: 130px;}
    }

@media (min-width:1200px) and (max-width:1224.98px){
.navbar-brand{max-width:200px}
.Grp_bs_img{margin-top:-130px}
}
@media (min-width:1366px) and (max-width:1440px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1200px}

}
@media (max-width:1199.98px){
#navigatio_top .navbar-brand img,#navigatio_top.sticky .navbar-brand img{height:30px;transition:all ease .3s}
.icon{width:66%;height:65px}
.arrow{height:3px}
.arrow::after,.arrow::before{height:3px}
.rightmenu{position:absolute;right:4rem;top:.3rem}
.rightmenu .navbar-nav{flex-direction:inherit}
.rightmenu .navbar-nav .nav-item{padding-right:1rem}
.rightmenu .navbar-nav .dropdown-menu{position:absolute}
.h2,h2,.h3,h3{font-size:20px}
.btn-group-lg>.btn,.btn-lg{font-size:16px}
.mainlink_animation a.h1{font-size:18px}
footer img{max-height:45px}
.bannersection{margin-top:3.65rem}
.videotext{width:30%;right:10px}
.carousel-caption p{font-size:11px}
.p-6{padding: 4rem 0;}
.Grp_bs_img{margin-top:-130px}

}
@media (max-width:767.98px){
    .custombtn{background:0 0;padding:.5rem 0}
    .rightmenu .navbar-nav .nav-item{margin: 0 .5rem;}
    .rightmenu .navbar-nav .dropdown-menu{font-size: 12px;}
    .owl-nav{display: none;}
}

/* Mobile View */

@media (max-width:479.98px){
.icon{width:50%}
.rightmenu .navbar-nav .nav-item{padding-right:.25rem}
.rightmenu{position:absolute;right:4rem;top:.5rem}
.btn span{font-size:12px; }
.mobile_img img{width:120px;height:120px}
.buyer_banner_section .card{max-width:90%}
.new_btn{position:relative}
.Grp_bs_img{margin-top:-80px}
.buyer_grp,.supplier_grp{width:140px;height:44px}
h3{font-size:18px;margin-bottom:5px}
h4{font-size:16px}
.vmtext,p{font-size:14px}
.custombtn{background:0 0;padding:.5rem 0}
.new_btn{position:relative;right:0;bottom:0}
footer .footerlogo{width:auto}
.l-50{left:45%!important}
.bannerbtn {padding: 2px 5px;}
.carousel-control-next-icon,.carousel-control-prev-icon{height:24px; width: 24px;}
#carouselExampleDark .carousel-indicators .active{height:8px;width:40px;}
#carouselExampleDark .carousel-indicators button{margin:0 5px;height:8px; width:24px;}
.buyer_color_card .card .card-header::after {
    left: 43.5%;
}
.p-6{padding: 2rem 0;}
}
/* Mobile View */



/* Timeline */

.pattern {
    background: url(../images/timeline.png) center center no-repeat;
    background-size: contain;
    height: 1080px;
  }

  .pattern>div {
    height: 180px;
  }

  .pattern > div > div {
    padding-right: 3rem;
    padding-left:3rem;
    font-size: 1.8vh;
  }
  .pattern img{ max-height:120px;}
  .timelinecontent{font-size:0.83vw}
  .pattern span{color: #CCCCCC; font-size: 2.916vw; padding-left: 1rem; padding-right: 1rem; }
  .pattern .header-title{ background-color: #1B1464; color: #fff; border-radius: 2rem !important; font-size: 1.041vw; min-width: 11.458vw; text-align: center; line-height: 2.5; padding: 0 5px;}
  .pattern > div:nth-child(2) .header-title{background-color: #0000FF;}
  .pattern > div:nth-child(3) .header-title{background-color: #1658E6;}
  .pattern > div:nth-child(4) .header-title{background-color: #98A2FC;}
  .pattern > div:nth-child(5) .header-title{background-color: #6B9AF3;}
  .pattern > div:nth-child(6) .header-title{background-color: #97B9EF;}

  .pattern .description{ border-right: 1px solid #999999; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem;}
  .pattern > div:nth-child(2) .description, .pattern > div:nth-child(4) .description, .pattern > div:nth-child(6) .description
  {border-right: 1px solid transparent; padding-right: 0rem; border-left: 1px solid #999999; padding-left: 1rem;}
  @media (max-width: 991.98px) {
      .pattern{
          height: 600px;
          background-position: left 0 ;
      }
      .pattern>div{
          height: 100px;
      }
      .pattern img{ max-height:50px;}
      .pattern .text-end{text-align: left !important;}
      .pattern > div > div{padding-left: 1.5rem;}
      .pattern > div > div:nth-child(1){ padding-right: 0; padding-left: 0px; margin-left: 3rem;}
      .pattern > div:nth-child(1) .description, .pattern > div:nth-child(2) .description, .pattern > div:nth-child(3) .description,
      .pattern > div:nth-child(4) .description, .pattern > div:nth-child(5) .description, .pattern > div:nth-child(6) .description
      {border-right: 1px solid transparent; padding-right: 0rem; border-left: 1px solid #999999; padding-left: 1rem;}
      .pattern .header-title{font-size: 14px; min-width:130px;}
      .timelinecontent{font-size:12px}
   }

   @media (min-width:1600px){
    .pattern .header-title{font-size: 0.841vw;}
   }

 /* Timeline */
.group_section, .group_section1{padding-top: 3rem!important;}

.animated_Button .btn:first-child:hover, :not(.btn-check)+.btn:hover{
    color: #fff !important;
}

.responsive_loan_Button .fa{display: none;}

#navigatio_top{
    border-bottom: 1px solid #acacac;}
@media(max-width:500px){
    .group_section, .group_section1{ padding-top: 0 !important; margin-top: 0 !important;}
}

/* New_Css */
.product {
    display: grid;
    margin: auto;
    padding: 2.5em 0;
    min-width: 600px;
    background-color: white;
    border-radius: 5px;
    position: relative;
  }
  .photo-main img {
    position: absolute;
    left: 210px;
    top: -120px;
    max-width: 110%;
  }
  .photo-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    display: grid;
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.25);
    border-radius: 32px !important;
  }
  .product__info {
    text-align: center;
    margin-top: 10em;
  }

  .title h3{
    margin-top: 6rem;
  }

  .blitzConsultant .carousel-caption{width:100%;right:0%;left:0%}
@media(min-width:1200px){
    header, header .dropdown-item{ font-size : 1.3vw; }
    .group_section, .group_section1 { padding-top : 2rem; }
    .group_details , .group_details .table { font-size : .7rem; }
}
@media(min-width:1366px){
    header, header .dropdown-item{ font-size : 1vw; }
    .group_section, .group_section1 { padding-top : 2.5rem; }
    .group_details , .group_details .table { font-size : .75rem; }
}
.responsive-h1{font-size: 1.8rem !important;}
.navbar-expand-xl .navbar-collapse{justify-content: flex-end;}
