.animated-button{position:relative;display:inline-flex;align-items:center;gap:4px;padding:10px 34px;border:1px solid transparent;font-family:var(--font4);font-size:15px;background-color:#1E40AF!important;border-radius:100px;font-weight:500;color:#fff!important;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(0.23,1,0.32,1);}
.animated-button svg{position:absolute;width:20px;fill:#fff!important;z-index:9;transition:all .8s cubic-bezier(0.23,1,0.32,1)}
.animated-button .arr-1{right:18px}
.animated-button .arr-2{left:-25%}
.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#1E40AF;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(0.23,1,0.32,1)}
.animated-button .text{position:relative;z-index:1;transform:translateX(-12px);transition:all .8s cubic-bezier(0.23,1,0.32,1)}
.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#fff!important;background-color:#1D4ED8!important;border-color:#1D4ED8!important;}
.animated-button:hover .arr-1{right:-25%}
.animated-button:hover .arr-2{left:16px}
.animated-button:hover .text{transform:translateX(12px)}
.animated-button:hover svg,.animated-button:focus svg{fill:#fff!important;}
.animated-button:active{transform:scale(0.95);box-shadow:0 0 0 4px #1E40AF;}
.animated-button:hover .circle{width:150%;height:150%;opacity:1;border-radius:20%;}
.animated-button:hover,.animated-button:focus,.animated-button:visited{color:#fff!important;}


.animated-buttonsm{padding:9px 32px;font-size:15px;}

.animated-button2{background-color:#1E40AF!important;color:#fff!important}
.animated-button2 svg{fill:#fff!important;}
.animated-button2 .circle{background-color:#1E40AF;}
.animated-button2:hover .circle{background-color:#1D4ED8;}
.animated-button2:hover{color:#fff!important;background-color:#1D4ED8!important;border-color:#1D4ED8!important;}

.animated-button3{background-color:#1E40AF!important;color:#fff!important}
.animated-button3 svg{fill:#fff!important;}
.animated-button3 .circle{background-color:#1E40AF;}
.animated-button3:hover .circle{background-color:#1D4ED8;}
.animated-button3:hover{border-color:#1D4ED8!important;background-color:#1D4ED8!important;color:#fff!important;}

@media(max-width:1199px){
.animated-button{padding:9px 32px;font-size:15px;}
.animated-button svg{width:22px;}
}
@media(max-width:991px){
.animated-button{padding:8px 30px;font-size:14px;}
.animated-button svg{width:20px;}
}

.btns{display:inline-flex;justify-content: center;vertical-align:middle;-webkit-appearance:none;border:none;outline:none!important;font-size:15px;font-family:var(--font1);font-weight:600;padding:14px 25px 14px;line-height:1;transition:500ms;border-radius:4px;position:relative;overflow:hidden;text-align:center;cursor:pointer;}
.btns.btn-lg{padding:18px 30px 18px;font-size:16px;}
.btns.btn-md{padding:10px 12px 12px;font-size:14px;}
.btns.btn-sm{padding:6px 10px 7px;font-size:13px;}
.btns span{position:relative;color:inherit;z-index:2;transition:0}
.btns:hover{color:#fff!important}

.btn1{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}
.btn1:hover,.btn1:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}

.btn2{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}
.btn2:hover,.btn2:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}

.btn3,.btn-black{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}
.btn3:hover,.btn-black:hover,.btn3:focus,.btn-black:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}
.btn3.all:hover,.btn3.all:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}

.btn4{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}
.btn4:hover,.btn4:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}

.btn5{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}
.btn5:hover,.btn5:focus{background-color:#1D4ED8!important;color:#fff!important;border:1px solid #1D4ED8!important;}

.btn-primary,.btn-theme{background-color:#1E40AF!important;color:#fff!important;border-color:#1E40AF!important;}
.btn-primary:hover,.btn-theme:hover,.btn-primary:focus,.btn-theme:focus{background-color:#1D4ED8!important;color:#fff!important;border-color:#1D4ED8!important;}

.outline1{background-color:transparent;color:#1E40AF;border:1px solid #1E40AF;}
.outline1:hover,.outline1:focus{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}

.outline2{background-color:transparent;color:#1E40AF;border:1px solid #1E40AF;}
.outline2:hover,.outline2:focus{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}

.outline3{background-color:transparent;color:#1E40AF;border:1px solid #1E40AF;}
.outline3:hover,.outline3:focus{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}

.outline4{background-color:transparent;color:#fff;border:1px solid #fff;}
.outline4:hover,.outline4:focus{background-color:#1E40AF!important;color:#fff!important;border:1px solid #1E40AF!important;}

.zoom{transform:scale(1);transition:var(--transition)}
.zoom:hover{transform:scale(1.1);}