/** Два курса со скидкой **/
.pay-2diploms{margin-top:-20px;padding:20px 5px;background:#ff5858;border-radius: 5px}
.scnd_oct_banner {
    max-width: 1300px;
    width: 100%;
    height: 160px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    font-family: Roboto;
    justify-content: center;
}
.scnd_oct_banner_1.scnd_oct_banner .leftwrap p{color: #FF9204;}
.scnd_oct_banner_1,
.scnd_oct_banner_3 {
    background-color: #FFFCF6;
}
.scnd_oct_banner_2 {
    background-color: #DFDFE0;
}
.scnd_oct_banner .leftwrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 30%;
    position: relative;
}
.scnd_oct_banner_1 .leftwrap{max-width:34%}
.scnd_oct_banner_3 .leftwrap p {
    color: #FF9204;
}
.scnd_oct_banner_2 .leftwrap p:before,
.scnd_oct_banner_3 .leftwrap p:before{
    width: 160px;
    height: 160px;
    margin-left: -140px;
    margin-top: -20px;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.scnd_oct_banner_2 .leftwrap p:before,
.scnd_oct_banner_3 .leftwrap p:before {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGAUExURUxpcTc3OikpKtvLtufEleHJqVpaXuXDmOXEmEdHSbu7v+6kROSrYM66oMS4oF1YU2xsceSfRKOiqLCij9TFsnx9g4d9cOezb+mnT6+utJGGd56UiNTBquqrV3p1cO6eNmtlXuymSVBNSpiXm+ayb+2rVOyTHbKmlqCYkZ59UMK5ro+Igbqtn8qthO+VHd/JrdWvfNuucfTx+PKrTfLv9vKqTPn4+/GqTfGoSfGnRvGlQvXz+fChOvGjPvf2+v6tAvPw9vCfNPHu9fz5//b5+fSpSerp7O2MDNnX3P23KP20HN7c4e+dL/2yENPS1PX19hgZG/26M+Ph5ufm6uuqUv////esSNynYeSpWe3s8e6SGe6XJfT0/szLzv3PctSpbPflyfenP8XEyem0ZrCAQdbFq8iofsePRfzVi/3BRpt1QoqLkf3HWtaYRvrhuvnZo9zOuvnx5ua7fOHEnMC6f8ehbfnt2ejp9enZv7Smi4NoQ4TMvKHFn+Xg3fOvJqSQcIyYa7YAAABZdFJOUwD9/isLF/wBAvv+8iJA/t/8/v5oTv6yVz3+nIpoctqQ0q3u+r7P6IG7epbUs4HBtaXk///////////////////////////////////////////////////+IIM90QAAEPNJREFUeNrsmPlP2+gWhgOFbNAUc6GFKUuZTjtVW1VXJPESO5az2FgyspHjxA7UcvbcC0pYSmgojOZfv+f7PicEOr2EFqn9gUNWQPGT97xnsQOBh3iIh3iIh3iIh3iIe4pQGMUvhOM//zo4U7NLS0uzvwYOyDK1tDED8WH2p2uEczX7bGNGjkMw61M/GSgMx59d3ZhJMnEMNPMsEP7J8syuvmKTSWDBRPGN6XsnCpEYzzuAwyR9eZBCTHL1nmt/SHILEvHO6iuLlVFgJPTAvJq9T4nQYcLTsxBT/7+nhH11AMexT08930IQ3Ho4dG/GRu1k4bcXL9bWXjx9HPo20cA7LMtY9sXlxcWlDPIwGIiZWbqn0sftZOFpcDFaMJTo4ouV8De0971jcWBm+fLi1Kpfnp6ekqwlmSS7MXVvzXbhTTAYLRbz+XyxePAEiELfTJbFcWBm2bm4qP8XgC5OSwwoBL9KJu+l9OEw4YX3TyLLRtHAkSdEX/0fTtYfDMuxDAtA3gWoc3l6eSHjfAEQ5HFj+oddBId59HYtcqAU88CCQqSNxbWVGyWMZJx+9oeV4uCwkDBIGQM4pxeXJezoJEKCv6z+mETo60yvvIvMqYCTJziiaNDZubWF0erH3iE4HFQXqMGgnCEDMaQvEhw29WOlj83z/vedxWJxoI4o0nDPmXPvHg8/GXkHqcMheWSW6si4IzKnXrxawk0I3iMeDmL1+wsNshB+/HZucgeAruRBPCJfVCMDomGyUnA4hPOlXcJFHi+VIFkoYXHCg4CQRKEfMM87wJncmSjghA1wxBxtFGuRN4/QRxMcJ51GX7/EAU6ngYHi5I4NNBAolUoJq99la2KeNxGEszN5IBEcESMZupoQjeJy5P3sCA7oI8vtxv7+PtXBLCPBXPGk0t/lIjQmFt4HJ3cmJyd3gjX6CoeWVNONmihr88H304EpwEml0ZE4wGl82W+0mRKTxN15MOaJgzgMlE4Ldx8gIVLqSJvJHdR/hjw5UXVrmlYwDPTmIPh25d+gDuZpt7lGo73fZpFxkvGhSAxq0SM8aQEGyN0kIqU+sYNiAvcf3zu0obiua5qaruRQ8X88+LsuCBgn1dn/0unst0sl5BfGn6Y+0KDCsD4Qd5MI/hfmRCQYQTxzepE2htlSTC2qmbSu1vQyYuzWMxmiTwl4EE2JxRNiSENwhgZKY6DMXSQi2XoSnC+XDyaD0XzRgAOTHz5nRnVNKbu6rmllXuzXhe005qGQlRsd0qKRYfx84ZJPMqNAiCezvR4OjW/m6RU8J+hcriBBtmiaVLph6HpZNQ21VnM1iT7unwgZAXCqaQpZeb8DNUZGBl5a/Wwx1yoMC5QBoLHXkDDOFswJGnVBVFs00gYeDVerRQt0QXejrpIzuqAOuEeopjvtxpcvjTYls4MZlsSrBuMPMGbo6Gpa6DkEaG9siVC2YMnw+zI9CENzozU3a6pRVdVo+vAE4YA+1U4DstXuyPIIj98OfV9fGZpyBLuVQTzbe6/HclEosPAuMp8djlHMItI5vpDVVV0zVHCPCjiWsJ0BHvjG7f0vjQ6FRgY7NJA/LHwkvHPgGVbt9NKZno159nbHKbRw4NFaBFXVqDzQeSBNiqIWTF131UK+e+LjCNCVwTsNqsT5QIgHt6B4fKiQL1CV6rGCbWc6FErY3u7WOBKFAysR92a2ipJa01wtawJNTRePK6k9pLogtNuoK3eoUuqKJ0lGGNmfySPZOTynattVyiYG2tvd3d1aD9/q63Dg+WL+Bo+o6VFNLRdEoHJN46xS38Y4Anin0e5Q1VRqBIjBLWhARIYq9o/tVdM9KiNk/ITtbo0jEQC9zEvGqJnLUFtuQTRdvawXjONupYuBMjAiGvttjDPkGSjEjBAlZdny2BSX9iyBEkZ5trbWx6j55wf5rGHwvplpWtVU3VQKhh51VeP4rHtYof8DQAK1DwmjqmRmEBpfHwI06IgM67BWywFuiiItMTPk2Xp9614EQEE1L23yPA+dpyiqqh41C3zZVSRXMQzAOTysVE5QwXcanSoZqbBzpK4cHR8A+RaSe3bVbllpf2RggXZ9oK3V24FWIov85iYPSDSPikrXJAMeaxoN8px1IWNnRh+XWNUf8VyKavcoXyC0GQ7MDC9l2ytZLZb1fKBrCcM5C93WhqbfTCznEgipHK3pNbUsqXqtpis0uOcQbofdj0oWSyRgoCrgnJ/HWhw7tM/A03HLZizP4qC4UkN9MqM8twOhxjgX0cXEpqjOL8+bNRhbOqqtY6A5O+x2u8flskRXMA0WiOr8fR47ajYdOcn4Jc8Mtmir51Qdz985vjLQmECh8J+RuTKfEN35+ZqpR18uK0WjAPJUDivdSl5RJJixxsk2AaLaf4M8zeZR81NqoBCBsvBJkMdYDpu6mvHXDLS19WGMAYuTdgBJS7i6u3xQe6kWRDGrVMBBlWOjDDuQwRsf+yRfaeCJxWLNWKUfc+QhDQxWq2XDe9a2ZF+ffzDQh9Xp8aY9TI8onU0Uo1H95bImimDwcgHsTJcVA+0gENKJgJZooXceg4RVjo4qzRNuYOV4ybNLXivOfr1zjPC8Xp8d8zJxOLDwe1Cly+CiqJoVkb83RbNwLClZshTxhvSxj5f6agcSFqucnTWbsXMiUTzu2HGnFYfeI18traMJ83GWxr5sDSP4XxPIRrSq05IkbaKQNFMhS7WBNJKkuoAqPt2K9WP9sz6kremxaLBbQGOBRIxlJa8t0aMGer2xNHWXq+ihqd8mXoqJhJjLIiBAkviswvP+Zs0DUKKPgTg71q+APM1+M9Zj0XDv1UuOJ1sOM9Rn1NBkhG08mwrc6aQjHJhei9Ry2QTi8QMlDrKHJOJ5SVEKdXyayn06OoIaa8ZaPQqvGo4Xtzx8IQhwHNu7UfFDnNAdzxEfPwlq4hVPAn5I7njk6ayifD4SMJAdO+ofIZwS4zlQ+LLnlxtrWbbX6rHXDbS38ez2K6b/RBT+c2KRRxSQMZ8o4UslAZOiKH/V0yyaYJ+OYuceVbJs2Wuhy2SWhauNle1Wy7Gp0Ra9i70T/q7T+sD004l5ekQiFBgM3UGiwudPeKJyTs9zuDgqLKZVlxly2Q5VPLSi6yN15s7euZG0iJtLXCdKkFdwUwoFs54iWwcrw4wo2bZsO36zdlDJXxkanYZtz3yPd66NkOcTcyZ/AygxeC6b5udPZOeQbbtkQ2HZFsYBkbxWy+LYq9NUYYDzI9cWoWE/mTygfedsXjFls/iuaOZfdQ7viE6LSfYsXxwoMxTMaIv+XztX25u2FYUx4cXOlsEgZAupqohUSquu6uZ6NOAG3IuEbJgpYGhjyfXSoExmoJAEKfnU/Padc23AgDNt6g3Jh5y8SMmnJ+d57nPOfTn547tn/893brmSTHPQiRD0oWmSFBcRgWjX2+MibHAgJ8BWp+M1QR9Ry28Ls3OO9+9/fPZNZPl0nQ3HGiWyyBqFQ0i1XlePDuimp3M0bekhPnV82/j37zrPfuIZwHFJ2wonq6LkB6TMEBlqHVLkC4+0g5lFf/ly9Nsr/tu0M5ejtV1uUJImlM3nyDTr9Uav4MvMJz8ggAN999+/boQY3v5A3U8I65UJaeIUUUCKQNp/dfwJOnx3NG5kI6E4w0vNOB/ZEaATmSGak5HZVs87BxNEnT8/TfEcFA6LR+O2Yb5mfIEIMtoNYyei+FbaDFBVVS8Lb+eDAjp81xt/Be80jNffM00RLA5Y+3tuUQvQkaE2jn5fglM8BDjXCMeoVl//zPT5ANa0sHDiK2o+g0Rdz6XoAD+Kxd65C6eKQX54wRgRkAadiKQsQnJJq5935jJUPOidto0pnKpRlVIveIaIQAAbiXBGCSANAZG2Oi7MElQs9E7Vtg+Qibu4vRcRloig7u9yKWgfl1ijOaIpwiyBPwOcRh0CIFE0RMFurlTKsEe0KCOvrmEFmaio0AE4qqrWKSTDlBAL/cqbSaaIQshazJAXZKR4rLWpiiZwKKJ21ZSwrwQsuCkQK0aMdY42cxlZWYiJjuqXhWLn8tRD00Y0bi/3oWRdnV3l6c0aa0R8WtiuSAGIJCTtdHzqoTFMt6ogobB1Gtm2g4g+dD8LO0wRhfid3Oc5GYmzJLXrHhiTTMocZsi6svv9vu1c4CVNd114xRZRdCtZlYkSmCQDeCJTMIT+TlRG/RZG37mgOUrlXjF8ZIEGmRjk3d2ZMpcoZIf2ARMsFI91Ybc0rVbTtFbLxsubUnfAFhEfSufwaG1qkaL3Kfo6t0mI1lm/Vqvpuq4BJM0p4Y63lMk9ibNDFIcNf6wuk+nWUVl2gWl6TAfTo+vl2tBBSCNLluX8h2TiSYhlitYSSSJKC7r2/+Bu2xTr2KVL14fDvqPpQNzIEmWxUo093Yzz7HIUSgupuSoret9FPzqLqhnxaDYsM71cRuaOIUdKRRWebjDs2IC0pRKyFKhmwAMZ6tv2sAZ4MG7OLFGUle4J93KNHSJsRYR6KZAx72dRPqOLHYRjA18enPKbY/cwR+puc8+jzHSER2tCRlpC4U8PqJkmqF+zndYEz2XVosde4BiVFBgks6WGTT+X6hIlGJNoHQ+BK62l9VuO05rSNb72uVZ3IDBcajwYtiej5bVvEQBBAbVsx7Y13QXUOb+e+wvkTIKhjOjRWluWgtR8NQQvRESQHmeIrkjpqpvzhpWvClmGVS0OncigJC0JSLRGLV1HRCAhWO7Up4GuU2NxVZJKimWKwNewEyHLi13HqMFiB/n0a9QXy53G9dJSJJVGjqkZxfmdWMNzI9EzRuushfQAoKENgS6EgBbp8jhTYxtMX3uGItn5TgRKl6tfvTUcgTlr1Bf1gkfXQntA8g2BKSCKyH8mYh333fWta47tDNGIMEM99TrQykFD3AbrHX90a3sibEt0ai6emuYMAY6L52bcJrfgMbjcGuM3zHiUhTKCHMlXQ8+Oa9A/u74IhWPOfHyUSaSixsL7fJzxw3Owo5cm7UTECR5Q87Dv2pCmXarmFIdfQUSpnHDNLPtH3tiK7NG1bzlueoZ2367ptGXVPgbSBcBISdprhneidzApAP3jFj1aE90UQX76Zd016t58rRCn30ilnWwK+9HQXQTsZpNqHlps8QItSBv2qQ1p2g3QRYK6AaRLaN7yxphNi+12ItYxrjI0IszQm1tXlyynws2nm3c2/YKnfSlXRiPPhvSa3mtcB/dLpGJmmuHs2h1O4+ARxIl75Tj0AN0E1gq6n6w0Ys3cfvROB1/ifPppG0uIK6Ny+eO5sdy7iZSu0jbXvP3RPDva0nuyKyOUUO/rtRQsn7w5aIa3mB6h3yLseHobe34CMqqNiDjbzs4XCzXWFNB97nwuCFqRdMMtaqNjS5x3nYl8xMo610ykIysZCoLCv2/QTsSyAr0ZzFkeNJs4BbKaISUo/L+4LhyoHmh+6skmB6s9vqoxLiiz61bwxhH56oI55/YjK5zhivP8vlpaWOfi1Jz3ws3dTX6lY3dA2nNTlJbdWSJ5467N+baTrL2AjRq0Yp8Fas78yqcA3U5kwXzkfGr1dE2bteTknYgnIKALaymYc/wehiTj8bVERvLLiNBaKtwLXe4hdpZL+Tazbi1Fc76nGVL6TsTrRKg5S14tva+ZVnrzkGyX8AZLArpWVkv/dS/LZYyKSIiSx1q6m+bvdcDWfW6UPKnmK5KKdK09gLnxaJbjkoNBEtUcfQBj7HwospPgcIwIa8VDGPQHDBs72ezOZiT0QP7xQNx3evxA4r9OdT/GYzzGYzzGYzzG6uIfxgIQUR++m0EAAAAASUVORK5CYII=')
}
.scnd_oct_banner .leftwrap p {
    font-family: Roboto;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0px;
}
.scnd_oct_banner .leftwrap svg {
    width:230px;
    margin: 0 auto;
    margin-top: 0px;
}
.scnd_oct_banner .middlewrap {
    font-size: 20px;
    margin: 0 35px;
}
.scnd_oct_banner .rightwrap a, .scnd_oct_banner .rightwrap .start-pay2-diploms{
    cursor:pointer;
    background: linear-gradient(106.74deg, rgba(255, 255, 255, 0) 6.32%, rgba(255, 255, 255, 0.2) 49.07%, rgba(255, 255, 255, 0) 94.57%), #F4A612;
    box-shadow: inset 0px 6px 10px rgba(255, 214, 138, 0.2);
    border-radius: 6px;
    width: 280px;
    height: 80px;
    text-transform: uppercase;
    color:#fff;
    border: none;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 1150px) {
    .scnd_oct_banner .leftwrap p {
        font-size: 22px;
        line-height: 24px;
        margin-left: 30px;
    }
    .scnd_oct_banner_2 .leftwrap p:before,
    .scnd_oct_banner_3 .leftwrap p:before {
        width: 120px;
        height: 120px;
        margin-left: -100px;
        margin-top: -10px;
    }
    .scnd_oct_banner .rightwrap a {
        width: 240px;
        height: 60px;
        font-size: 16px;
    }
    .scnd_oct_banner .leftwrap svg {
        margin-top: 0px;
        width: 160px;
    }
    .scnd_oct_banner .middlewrap {
        font-size: 18px;
    }
}
@media (max-width: 900px) {
    .scnd_oct_banner .leftwrap p {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .scnd_oct_banner {
        flex-wrap: wrap;
    }
    .scnd_oct_banner .rightwrap,
    .scnd_oct_banner .leftwrap {
        width: 50%;
        min-width: 50%;
    }
    .scnd_oct_banner .middlewrap {
        order:3;
        width: 100%;
        text-align: center;
    }
    .scnd_oct_banner .leftwrap {
        flex-direction: column;
    }
    .scnd_oct_banner .leftwrap p {
        text-align: center;
        width: 100%;
    }
    .scnd_oct_banner .rightwrap a, .scnd_oct_banner .rightwrap .start-pay2-diploms{display:block;width:200px;margin:5px auto;height:auto;text-align: center;padding:10px}
}

@media (max-width: 550px) {
    .scnd_oct_banner {
        height: 240px;
    }
    .scnd_oct_banner .rightwrap,
    .scnd_oct_banner .leftwrap {
        width: 100%;
        max-width: 100%;
    }
    .scnd_oct_banner .leftwrap p {
        margin-left: 0;
    }
    .scnd_oct_banner .rightwrap a {
        margin: 0 auto;
    }
}
.oct_banner {
    max-width: 1300px;
    width: 100%;
    height: 150px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom:20px
}
.oct_banner_3 {
    background: #4ebff7;
}
.oct_banner_wrapper {
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: Roboto;
}
.oct_banner .oct_banner_hero_mob {
    display: none;
}

.oct_banner_1 {
    background: radial-gradient(
            167.73% 14197.93% at 3.27% -37.73%,
            #00b000 0%,
            rgba(0, 176, 0, 0.7) 49.48%,
            #00b000 100%
    );
}
.oct_banner_2 {
    background: radial-gradient(
            167.73% 14197.93% at 3.27% -37.73%,
            #31343c 0%,
            rgba(49, 52, 60, 0.8) 49.48%,
            #31343c 100%
    );
}
.oct_banner_3 {
    height: 130px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #4ebff7;
}
.oct_banner_3 .oct_banner_hero_desk_wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.oct_banner_3 .oct_banner_hero_desk {
    z-index: 1;
}
.oct_banner_3 .oct_banner_hero_desk_wrap:after {
    width: 925px;
    height: 176px;
    left: -47px;
    top: -48px;
    position: absolute;
    content: '';
    z-index: 0;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 951 179' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7_12' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='18' y='18' width='912' height='139'%3E%3Crect x='18' y='18' width='912' height='139' rx='10' fill='url(%23paint0_radial_7_12)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7_12)'%3E%3Cpath d='M111.725 209.244C112.312 209.695 113.1 209.785 113.774 209.478L271.246 137.676C272.176 137.253 272.636 136.197 272.315 135.227L248.322 62.8984C247.974 61.85 246.842 61.282 245.794 61.6298L21.5773 136.007C20.055 136.512 19.7165 138.514 20.9881 139.491L111.725 209.244Z' fill='%234EBFF7'/%3E%3Cpath d='M111.725 209.244C112.312 209.695 113.1 209.785 113.774 209.478L271.246 137.676C272.176 137.253 272.636 136.197 272.315 135.227L248.322 62.8984C247.974 61.85 246.842 61.282 245.794 61.6298L21.5773 136.007C20.055 136.512 19.7165 138.514 20.9881 139.491L111.725 209.244Z' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M833.103 209.244C832.516 209.695 831.728 209.785 831.054 209.478L673.582 137.676C672.653 137.253 672.192 136.197 672.514 135.227L696.507 62.8984C696.854 61.85 697.986 61.282 699.035 61.6298L923.251 136.007C924.773 136.512 925.112 138.514 923.84 139.491L833.103 209.244Z' fill='%234EBFF7'/%3E%3Cpath d='M833.103 209.244C832.516 209.695 831.728 209.785 831.054 209.478L673.582 137.676C672.653 137.253 672.192 136.197 672.514 135.227L696.507 62.8984C696.854 61.85 697.986 61.282 699.035 61.6298L923.251 136.007C924.773 136.512 925.112 138.514 923.84 139.491L833.103 209.244Z' fill='black' fill-opacity='0.4'/%3E%3Cg filter='url(%23filter0_d_7_12)'%3E%3Cpath d='M133.052 -103.368L608.09 83.0251L614.971 285.174L6.41437 219.379L133.052 -103.368Z' fill='%23FFFDED'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_7_12)'%3E%3Cpath d='M782.007 -148.514L213.416 74.5864L196.17 293.581L916.758 194.91L782.007 -148.514Z' fill='%23FFFDED'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M54.7597 31.7036C55.3138 30.0864 56.8343 29 58.5438 29H881.335C882.947 29 884.403 29.9687 885.025 31.4567L927.682 133.457C928.784 136.092 926.848 139 923.991 139H23.5986C20.8544 139 18.9251 136.3 19.8146 133.704L54.7597 31.7036Z' fill='%234EBFF7'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_7_12' x='-27.5856' y='-128.368' width='668.556' height='448.542' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-4' dy='5'/%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_7_12'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_7_12' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_7_12' x='170.17' y='-173.514' width='780.588' height='502.095' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4' dy='5'/%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_7_12'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_7_12' result='shape'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_7_12' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(47.8153 -34.4398) rotate(14.1159) scale(955.949 19512.3)'%3E%3Cstop stop-color='%2331343C'/%3E%3Cstop offset='0.494792' stop-color='%2331343C' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%2331343C'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}

.oct_banner .oct_banner_wrapper {
    z-index: 1;
    color: white;
    text-transform: uppercase;
    align-items: center;
}
.oct_banner .oct_banner_topline {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.oct_banner_3 .oct_banner_topline {
    width: 100%;
}
.oct_banner_1 .oct_banner_hero_desk {
    width: 495px;
}
.oct_banner_3 .oct_banner_hero_desk p {
    font-weight: 900;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #fff;
    margin: 0;
    z-index: 1;
    position: relative;
    white-space: nowrap;
}
.oct_banner_3 p.oct_banner_hero_color {
    color: #ffaa16;
}
.oct_banner_2 .oct_banner_hero_desk {
    width: 477px;
}
.oct_banner_2 .oct_banner_middle {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.03em;
    margin-left: -100px;
    margin-top: 15px;
}

.oct_banner .oct_banner_btn_wrap {
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
}
.oct_banner .oct_banner_btn {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 224px;
    height: 70px;
    background: #f4a612;
    border-radius: 10px;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 0.03em;
    color: #fff;
    text-decoration: none;
}

.oct_banner_2 .oct_banner_btn_wrap {
    margin-right: 0;
}
.oct_banner_3 .oct_banner_btn_wrap {
    margin-right: 0;
    margin-left: 10px;
}

.oct_banner .oct_banner_btn_wrap:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #f4a612;
    border-radius: 10px;
    top: 2px;
}
.oct_banner .oct_banner_btn_wrap:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 94%;
    height: 2px;
    box-shadow: 0px 5px 5px black;
    left: 3%;
    bottom: 2px;
}

.oct_banner .oct_banner_description {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.03em;
    min-width: 23%;
}
.oct_banner_2 .oct_banner_description,
.oct_banner_3 .oct_banner_description {
    display: none;
}

@media (max-width: 1200px) {
    .oct_banner_3 .oct_banner_hero_desk p {
        font-size: 26px;
        line-height: 32px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap:after {
        width: 900px;
        height: 169px;
        left: -85px;
        top: -50px;
    }
}
@media (max-width: 1150px) {
    .oct_banner_1 .oct_banner_hero_desk {
        width: 400px;
    }
    .oct_banner .oct_banner_description {
        font-size: 18px;
        min-width: 28%;
    }
    .oct_banner .oct_banner_btn {
        font-size: 18px;
        width: 188px;
    }
    .oct_banner_3 {
        height: 110px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap:after {
        width: 760px;
        height: 143px;
        left: -75px;
        top: -38px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap p {
        font-size: 22px;
    }
}
@media (max-width: 1024px) {
    .oct_banner_1 .oct_banner_hero_desk {
        width: 360px;
    }
    .oct_banner_1 .oct_banner_description {
        font-size: 16px;
    }
    .oct_banner .oct_banner_btn {
        font-size: 16px;
        width: 172px;
    }
    .oct_banner_2 .oct_banner_topline {
        justify-content: space-between;
    }
    .oct_banner_2 .oct_banner_middle {
        font-size: 14px;
        margin-left: -90px;
    }
    .oct_banner_2 .oct_banner_hero_desk {
        width: 410px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap:after {
        width: 758px;
        height: 143px;
        left: -170px;
        top: -44px;
    }
    .oct_banner_3 .oct_banner_hero_desk {
        margin-right: 10px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap {
        margin-left: -10px;
    }
    .oct_banner_3 .oct_banner_hero_desk p {
        text-align: left;
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 800px) {
    .oct_banner {
        height: 120px;
    }
    .oct_banner_1 .oct_banner_hero_desk {
        width: 320px;
    }
    .oct_banner_3 {
        height: 110px;
    }
    .oct_banner .oct_banner_btn {
        height: 48px;
    }
    .oct_banner .oct_banner_description {
        font-size: 14px;
    }
    .oct_banner_2 .oct_banner_hero_desk {
        width: 350px;
    }
    .oct_banner_2 .oct_banner_middle {
        margin-left: -70px;
        line-height: 16px;
        margin-top: 5px;
    }
    .oct_banner_3 .oct_banner_hero_desk_wrap:after {
        width: 759px;
        height: 146px;
        left: -200px;
        top: -44px;
    }
}
@media (max-width: 768px) {
    .oct_banner_3 {
        background: #4ebff7;
    }
    .oct_banner .oct_banner_hero_desk,
    .oct_banner_3 .oct_banner_hero_desk_wrap {
        display: none;
    }
    .oct_banner_wrapper {
        flex-wrap: wrap;
    }
    .oct_banner .oct_banner_hero_mob {
        display: block;
        max-width: 320px;
        width: 100%;
    }
    .oct_banner_2 .oct_banner_description,
    .oct_banner_3 .oct_banner_description {
        display: block;
        white-space: nowrap;
    }
    .oct_banner_1 {
        flex-wrap: wrap;
    }
    .oct_banner .oct_banner_btn_wrap {
        margin-left: 10px;
        margin-right: 0;
    }
    .oct_banner .oct_banner_description {
        width: 100%;
        text-align: center;
    }
    .oct_banner .oct_banner_description br {
        display: none;
    }
    .oct_banner .oct_banner_topline {
        margin-bottom: 6px;
    }
    .oct_banner_2 .oct_banner_middle {
        display: none;
    }
}
@media (max-width: 460px) {
    .oct_banner {
        height: 76px;
        border-radius: 6px;
    }
    .oct_banner .oct_banner_hero_mob {
        height: 32px;
        margin-top: 5px;
    }
    .oct_banner .oct_banner_description {
        font-size: 8px;
        line-height: 9.38px;
    }
    .oct_banner .oct_banner_btn {
        font-size: 10px;
        line-height: 12px;
        width: 100px;
        height: 32px;
        border-radius: 4px;
    }
}