.demo-banner {
    background: #f0f0f0;
}
.calendly-frame{
    min-width:312px;
    min-height:512px;
    width:100%;
    height:850px;
}

        .banner .heading .title{
        	line-height: normal;
        }
        div#book-a-demo iframe {
        	min-width: 312px;
        	height: 700px;
        }
        .banner{
        	min-height: 650px;
        }
        .demo-banner {
            background: #eaeaea;
        }
        .banner img{
        	width: 75%;
        	margin: auto;
        	height:auto;
        }
        .form-control {
            min-height: 45px;
            font-size: 15px;
        }
        form .form-group {
        	margin-bottom: 20px;
        }
        form {
           
            text-align: center;
            margin: auto 0px auto auto;
        }
        .text-start {
        	text-align: left!important;
        }
        form .small, small {
        	display:inline-block;
        	margin-top:20px;
        	font-size: .8em;
        }
        .demo-form-container {
             width: 65%;
            padding: 30px !important;
            position: relative;
            top: -100px;
            box-shadow: 1px 2px 10px rgb(0 0 0 / 22%);
            border-radius: 30px;
            background: white;
            text-align: center;
            background: white;
            margin: auto;
            margin-bottom: -100px;
        }

        .demo-form-container .heading {
            margin: auto;
            line-height: 2rem;
            font-size: x-large;
            margin-bottom: 20px;
            font-weight: bold;
        }

        .countrySearch{
            position:relative;
        }
        .country-code-list {
            position: absolute;
            z-index: 99;
            background: white;
            width: 100%;
            padding: 10px;
            box-shadow: 2px 0px 10px rgb(0 0 0 / 42%);
            height: 200px;
            overflow: hidden;
            overflow-y: scroll;
           
        }
        .country-code-list li {
            display: block;
            text-align: left;
            width: 100%;
        }
        .country-code-list li:hover {
            background: lightgrey;
        }
        .col-xs-7{
            width: 58.33333333%;
        }
        .col-xs-5 {
            width: 41.66666667%;
        }

        .quotes {
            font-style: italic;
            position: relative;
            padding: 20px;
            
        }
        .quotes p{
            font-size:1rem;
            margin:auto;
        }
      .top.quotes:before {
  content: '';
  position: absolute;
  top: auto;
  width: 177px;
  height: 77px;
  left: -2px;
  bottom: -1px;
  background: url('../../images/socxo/google-ads-2/top-left.png') no-repeat 0 0;
  background-size: 100%;
}

        .top.quotes:after {
            content: '';
            position: absolute;
            width: 177px;
            height: 77px;
            background: url('../../images/socxo/google-ads-2/top-right.png') 0px 0px no-repeat;
            left: auto;
            right: -2px;
            bottom: auto;
            background-size: 100%;
            top: -4px;
        }
        .middle.quotes:before {
            content: '';
            position: absolute;
            width: 110px;
            height: 34px;
            background: url('../../images/socxo/google-ads-2/middle-left.png') 0px 0px no-repeat;
            left: -3px;
            top: -4px;
            bottom: auto;
            background-size: 100%;
        }
        .middle.quotes:after {
            content: '';
            position: absolute;
            width: 110px;
            height: 34px;
            background: url('../../images/socxo/google-ads-2/middle-right.png') 0px 0px no-repeat;
            right: -3px;
            left: auto;
            bottom: -3px;
            top: auto;
            background-size: 100%;
        }

        .bottom.quotes:before {
            content: '';
            position: absolute;
            width: 168px;
            height: 72px;
            background: url('../../images/socxo/google-ads-2/bottom-left.png') 0px 0px no-repeat;
            left: -3px;
            top: auto;
            bottom: -2px;
            background-size: 100%;
        }

        .bottom.quotes:after {
            content: '';
            position: absolute;
            width: 168px;
            height: 72px;
            background: url('../../images/socxo/google-ads-2/bottom-right.png') 0px 0px no-repeat;
            right: -1px;
            left: auto;
            bottom: auto;
            top: -2px;
            background-size: 100%;
        }

        li{
        	list-style-position:inside;
        }
          li {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.7;
                margin-bottom: 15px;
            }
        .banner::after{
        	content:none;
        }
        .banner {
            min-height: 650px;
            padding: 30px 0px;
        }
        .demo-btn{
            margin: 20px auto;
            line-height: inherit;
        }
        .orange {
            color: #ed6823;
        }
        .bullets li {
            margin: 20px auto;
            position: relative;
            padding-left: 25px;
            list-style: none;
        }
        .bullets li:before {
            content: '';
            position: absolute;
            top: 4px;
            left: 0px;
            right: auto;
            bottom: auto;
            width: 15px;
            height: 16px;
            background: url('../../images/socxo/home/smart/black-arrow.png') 0px 0px no-repeat;
            background-size: 70%;
        }
        ul.orange-bullets li {
            position: relative;
            list-style: none;
            margin-left: 0px;
            padding-left: 25px;
            margin:20px auto;
        }
        ul.orange-bullets{
        	margin-top:20px;    
        }
        ul.orange-bullets.ml-cust{
            margin-left:100px;
        }
        ul.orange-bullets li:before {
            content: '';
            width: 10px;
            height: 10px;
            background: #e96622;
            position: absolute;
            top: 10px;
            bottom: auto;
            left: 0px;
            right: auto;
            margin: auto;
            border-radius: 100%;
        }
        .demo-shoutout {
            width: 90%;
            max-width: 1000px;
            height: 4vw;
            background-color: #e96622;
            transform: skewX(-20deg);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            margin: 20px auto;
            margin-top: 4rem;
            margin-bottom: 4rem;
        }
        .demo-shoutout .sec-title {
            color: white;
            margin: 0;
            text-align: center;
            font-style: normal;
            line-height: 1;
            transform: skewX(20deg);
        }
        .middle.quotes {
            max-width: 50%;
            margin: 50px auto;
        }
        .review-box {
            background: none;
            color: black;
            border: solid lightgrey;
        }
        .review-box:before{
        	border-radius: 0% 20% 0% 100%;
        }
        h2{
            color: #14466c;
        }
        .reviews h2 {
            color: #e96622;
        }

        .cta-title{
            font-size: 2rem;
            font-weight:bold;
        }
        .grey{
            background: #eaeaea;
        }
        .bullets li{
            text-align:left;
        }
        .carousel-indicators {
            display: none;
        }
        .cont {
            max-width: 100%;
            margin: auto;
        }
        .center{
            text-align: center !important;
        }
        .desktop{
            display:block;
        }
        .mobile{
            display:none;
        }
        .blue{
            color:#14466c;
        }
        @media (max-width:992px){
            .desktop{
                display:none;
            }
            .mobile{
                display:block;
            }
            .quotes{
                margin:20px !important;
            }
            div#book-a-demo iframe, .demo-form-container {
                width: 100%;
                margin-right: 0px !important;
                height: 1050px;
                position: relative;
                top: 0;
                margin-top: 30px;
                box-shadow: 1px 2px 10px rgb(0 0 0 / 22%);
                border-radius: 10px;
                margin-bottom: 0px;
            }
            .demo-form-container {
                width: 100%;
                margin-right: 0px !important;
                height: auto;
                position: relative;
                top: 0;
                margin-top: 30px;
                box-shadow: 1px 2px 10px rgb(0 0 0 / 22%);
                border-radius: 10px;
            }
        }
        @media screen and (max-width: 600px) {

            .banner .heading{
                margin:auto;
            }
            ul.orange-bullets.ml-cust {
                margin-left: 60px;
            }
            .demo-shoutout {
            	width: 95%;
            	height: 30vw;
            }
            .middle.quotes{
            	max-width:100%;
            }
            .cta-title {
                font-size: 1.3rem;
            }
            a.play-btn img{
                width:100% !important;
            }
        }