@import 'style-common.css';



.new-apparel{ background:url("../images/new-apparel.jpg") no-repeat center top;}


@media all and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2){
    .new-apparel{ background:url("../images/new-apparel@2x.jpg") no-repeat center top; background-size: cover;} 
}
@media all and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 3){
    .new-apparel{background:url("../images/new-apparel@3x.jpg") no-repeat center top; background-size: cover;} 
}

.subscription-model{ position: relative; }
.subscription-model .bar{background: linear-gradient(134.72deg, #3023AE 0%, #C86DD7 100%); height: 12px;}

.ownership-model{position: relative;}
.ownership-model .bar{height:12px; background-color: #9B9B9B; }
.grid-3 > div > p{  margin-bottom: 100px; font-family: 'AvenirNextLTPro-Light'}
.grid-3 > div > p.logo-text{margin-bottom: 0; font-size: 24px;}
.caas-benefit{ padding: 145px 0; }
.roi h1{font-size: 72px;}
.roi p{font-size: 18px;}
.caas-bene-last{ padding-bottom: 100px; }

.bigger-size{font-family: AvenirNextLTProDemi; font-size: 48px;line-height: 66px;margin-top: 32px;}
.smaller-size{font-family: AvenirNextLTProRegular;font-size: 24px;line-height: 33px;}

.client-container h4.heading-margin {margin-bottom: 35px;}

.logo-apparel{align-items: center;justify-content: center;}
.logo-apparel:last-child {align-items: baseline;}
.cas-opp-grid h4{ font-size: 24px;}
.logo-apparel .client-wrap {width: 33.3333%}

.client-wrap.dm img {max-width: 188px}
.client-wrap.tsb img {max-width: 170px}
.client-wrap.hsb img {max-width: 250px}
.client-wrap.wildfang img {max-width: 200px}

@media all and (min-width: 320px) and (max-width: 767px){
   .new-apparel{background:url("../images/new-apparel-mob.jpg") no-repeat center top; background-size: cover;} 
   .hero-banner{padding-top: 210px;}
    .grid-3 > div > p{ margin-bottom: 50px; margin-top: 13px;}
    .grid-3 > div{ padding:0; }
    .grid-3 > div:first-child{ padding-left: 0 }
    .new-apparel-top{margin-top: 43px;}
    .heading-margin{margin-bottom: 10px;}
    .ben-mob-head{font-size: 14px; margin-top: 5px;}
    .subscription-model,.ownership-model{ margin-top: 5px; }
    .roi p{font-size: 9px;}
    .caas-benefit{margin: 65px 0; padding: 0;}
    .what-is-caas{ margin-top: 40px; }
    h4{font-size: 18px;}
    .roi h1 {font-size: 36px;}
    .cas-opp-grid{ margin-top: 44px; }
    .cas-opp-grid h4{ font-size: 24px; font-family: 'AvenirNextLTPro-Medium', arial; padding: 20px 0 10px;}
    .logo-apparel .client-wrap{width: 100%;}
    .grid-3.cas-opp-grid > div > p{padding: 0; margin-top:0;}
    .client-container h4.heading-margin {margin-bottom: 43px;}
    .client-wrap {margin-bottom: 42px;}
    .client-wrap.gbee {text-align: left;}
    .smaller-size{ font-size: 18px; font-family: 'AvenirNextLTProRegular' }
    .why-caastle-bottom{padding:73px 0 30px;}
    .grid-3 .cient-wrap {padding:0;}
    h3 {-webkit-font-smoothing: antialiased;}
    
}

@media all and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2){
    .new-apparel{ background:url("../images/new-apparel-mob@2x.jpg") no-repeat center top; background-size: cover;} 
}
@media all and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3){
    .new-apparel{background:url("../images/new-apparel-mob@3x.jpg") no-repeat center top; background-size: cover;} 
}
@media all and (min-width:768px) {
    .why-caastle-row1:nth-child(1) svg{
        margin-top: -15px;
    }
    .why-caastle-row1:nth-child(2) svg{
        margin-top: -15px;
    }
    .why-caastle-row1:nth-child(3) svg{
        margin-top: 10px;
    }
    .why-caastle-row2:nth-child(2) svg{
        margin-top:3px;
    }
    /* .client-container .ann-taylor {max-width: 235px !important}
    .client-container .nyco {max-width: 298px !important}
    .client-container .gbee {max-width: 190px !important}*/
}

h3 { font-family: 'AvenirNextLTProDemi'; }

@media all and (min-width: 1024px) {
    .main-wrapper.client-wrapper {max-width: 1045px;padding-left: 52.5px;}
}